@plasmicpkgs/plasmic-chakra-ui 0.0.1

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

@@ -0,0 +1,2600 @@
+import { AspectRatio, Badge, BreadcrumbItem, BreadcrumbLink, Breadcrumb, BreadcrumbSeparator, ButtonGroup, Button, Checkbox, CheckboxGroup, Code, Divider, Image, Input, Kbd, NumberInput, NumberInputStepper, NumberDecrementStepper, NumberIncrementStepper, NumberInputField, PinInput, PinInputField, Popover, PopoverContent, PopoverArrow, PopoverCloseButton, PopoverHeader, PopoverBody, PopoverTrigger, RadioGroup, Radio, Select, Stat, StatHelpText, StatArrow, StatNumber, StatLabel, Switch, Table, TableCaption, Thead, Tbody, Tr, Td, Th, TableContainer, Tfoot, TabList, Tabs, Tab, TabPanels, TabPanel, Text, Highlight, Heading, Toast, Tooltip, Accordion, AccordionItem, AccordionButton, AccordionPanel, AccordionIcon, AvatarBadge, Avatar, AvatarGroup, FormControl, FormLabel, FormHelperText, FormErrorMessage, Progress } from '@chakra-ui/react';
+import registerComponent from '@plasmicapp/host/registerComponent';
+import React from 'react';
+
+var aspectRatioMeta = {
+  name: "AspectRatio",
+  importPath: "@chakra-ui/react",
+  defaultStyles: {
+    width: "320px"
+  },
+  props: {
+    ratio: {
+      type: "number",
+      defaultValue: 1.333
+    },
+    children: {
+      type: "slot",
+      defaultValue: {
+        type: "component",
+        name: "Image"
+      }
+    }
+  }
+};
+function registerAspectRatio(loader, customAspectRatioMeta) {
+  var doRegisterComponent = function doRegisterComponent() {
+    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
+  };
+
+  doRegisterComponent(AspectRatio, customAspectRatioMeta != null ? customAspectRatioMeta : aspectRatioMeta);
+}
+
+var badgeMeta = {
+  name: "Badge",
+  importPath: "@chakra-ui/react",
+  props: {
+    colorScheme: {
+      type: "choice",
+      options: ["whiteAlpha", "blackAlpha", "gray", "red", "orange", "yellow", "green", "teal", "blue", "cyan", "purple", "pink", "linkedin", "facebook", "messenger", "whatsapp", "twitter", "telegram"],
+      defaultValue: "gray"
+    },
+    variant: {
+      type: "choice",
+      options: ["solid", "subtle", "outline"],
+      defaultValue: "subtle"
+    }
+  }
+};
+function registerBadge(loader, customBadgeMeta) {
+  var doRegisterComponent = function doRegisterComponent() {
+    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
+  };
+
+  doRegisterComponent(Badge, customBadgeMeta != null ? customBadgeMeta : badgeMeta);
+}
+
+var breadcrumbItemMeta = {
+  name: "BreadcrumbItem",
+  importPath: "@chakra-ui/react",
+  parentComponentName: "Breadcrumb",
+  props: {
+    isCurrentPage: {
+      type: "boolean"
+    },
+    isLastChild: {
+      type: "boolean"
+    },
+    seperator: {
+      type: "string",
+      defaultValue: "/"
+    },
+    spacing: {
+      type: "string",
+      defaultValue: "8px"
+    },
+    children: {
+      type: "slot",
+      defaultValue: [{
+        type: "component",
+        name: "BreadcrumbLink",
+        props: {
+          children: {
+            type: "text",
+            value: "BreadcrumbItem"
+          }
+        }
+      }]
+    }
+  }
+};
+function registerBreadcrumbItem(loader, customBreadcrumbItemMeta) {
+  var doRegisterComponent = function doRegisterComponent() {
+    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
+  };
+
+  doRegisterComponent(BreadcrumbItem, customBreadcrumbItemMeta != null ? customBreadcrumbItemMeta : breadcrumbItemMeta);
+}
+var breadcrumbLinkMeta = {
+  name: "BreadcrumbLink",
+  importPath: "@chakra-ui/react",
+  parentComponentName: "BreadcrumbItem",
+  props: {
+    href: {
+      type: "string",
+      defaultValue: "#"
+    },
+    children: {
+      type: "slot",
+      defaultValue: [{
+        type: "text",
+        value: "Home"
+      }]
+    }
+  }
+};
+function registerBreadcrumbLink(loader, customBreadcrumbLinkMeta) {
+  var doRegisterComponent = function doRegisterComponent() {
+    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
+  };
+
+  doRegisterComponent(BreadcrumbLink, customBreadcrumbLinkMeta != null ? customBreadcrumbLinkMeta : breadcrumbLinkMeta);
+}
+var breadcrumbMeta = {
+  name: "Breadcrumb",
+  importPath: "@chakra-ui/react",
+  props: {
+    separator: {
+      type: "string",
+      defaultValue: "/"
+    },
+    spacing: {
+      type: "string",
+      defaultValue: "8px"
+    },
+    children: {
+      type: "slot",
+      defaultValue: [{
+        type: "component",
+        name: "BreadcrumbItem",
+        props: {
+          children: {
+            type: "component",
+            name: "BreadcrumbLink",
+            props: {
+              children: {
+                type: "text",
+                value: "Home"
+              }
+            }
+          }
+        }
+      }, {
+        type: "component",
+        name: "BreadcrumbItem",
+        props: {
+          children: {
+            type: "component",
+            name: "BreadcrumbLink",
+            props: {
+              children: {
+                type: "text",
+                value: "Docs"
+              }
+            }
+          }
+        }
+      }, {
+        type: "component",
+        name: "BreadcrumbItem",
+        props: {
+          isLastChild: true,
+          isCurrentPage: true,
+          children: {
+            type: "component",
+            name: "BreadcrumbLink",
+            props: {
+              children: {
+                type: "text",
+                value: "Breadcrumb"
+              }
+            }
+          }
+        }
+      }]
+    }
+  }
+};
+function registerBreadcrumb(loader, customBreadcrumbMeta) {
+  var doRegisterComponent = function doRegisterComponent() {
+    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
+  };
+
+  doRegisterComponent(Breadcrumb, customBreadcrumbMeta != null ? customBreadcrumbMeta : breadcrumbMeta);
+}
+var breadcrumbSeparatorMeta = {
+  name: "BreadcrumbSeparator",
+  importPath: "@chakra-ui/react",
+  parentComponentName: "Breadcrumb",
+  props: {
+    children: {
+      type: "slot",
+      defaultValue: {
+        type: "text",
+        value: "/"
+      }
+    }
+  }
+};
+function registerBreadcrumbSeparator(loader, customBreadcrumbSeparatorMeta) {
+  var doRegisterComponent = function doRegisterComponent() {
+    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
+  };
+
+  doRegisterComponent(BreadcrumbSeparator, customBreadcrumbSeparatorMeta != null ? customBreadcrumbSeparatorMeta : breadcrumbSeparatorMeta);
+}
+
+var buttonGroupMeta = {
+  name: "ButtonGroup",
+  importPath: "@chakra-ui/react",
+  props: {
+    colorScheme: {
+      type: "choice",
+      options: ["whiteAlpha", "blackAlpha", "gray", "red", "orange", "yellow", "green", "teal", "blue", "cyan", "purple", "pink", "linkedin", "facebook", "messenger", "whatsapp", "twitter", "telegram"]
+    },
+    size: {
+      type: "choice",
+      options: ["xl", "sm", "md", "lg"],
+      defaultValue: "md"
+    },
+    isAttached: {
+      type: "boolean",
+      defaultValue: false
+    },
+    isDisabled: {
+      type: "boolean",
+      defaultValue: false
+    },
+    spacing: {
+      type: "string",
+      defaultValue: "0.5rem"
+    },
+    children: {
+      type: "slot",
+      defaultValue: [{
+        type: "component",
+        name: "Button",
+        props: {
+          children: {
+            type: "text",
+            value: "Button 1"
+          }
+        }
+      }, {
+        type: "component",
+        name: "Button",
+        props: {
+          children: {
+            type: "text",
+            value: "Button 2"
+          }
+        }
+      }]
+    }
+  }
+};
+function registerButtonGroup(loader, customButtonGroupMeta) {
+  var doRegisterComponent = function doRegisterComponent() {
+    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
+  };
+
+  doRegisterComponent(ButtonGroup, customButtonGroupMeta != null ? customButtonGroupMeta : buttonGroupMeta);
+}
+var buttonMeta = {
+  name: "Button",
+  importPath: "@chakra-ui/react",
+  parentComponentName: "ButtonGroup",
+  props: {
+    size: {
+      type: "choice",
+      options: ["xl", "sm", "md", "lg"]
+    },
+    variant: {
+      type: "choice",
+      options: ["ghost", "outline", "solid", "link", "unstyled"],
+      defaultValue: "solid"
+    },
+    colorScheme: {
+      type: "choice",
+      options: ["whiteAlpha", "blackAlpha", "gray", "red", "orange", "yellow", "green", "teal", "blue", "cyan", "purple", "pink", "linkedin", "facebook", "messenger", "whatsapp", "twitter", "telegram"]
+    },
+    iconSpacing: "number",
+    isActive: {
+      type: "boolean"
+    },
+    isDisabled: {
+      type: "boolean"
+    },
+    isLoading: {
+      type: "boolean"
+    },
+    children: {
+      type: "slot",
+      defaultValue: {
+        type: "text",
+        value: "Button"
+      }
+    }
+  }
+};
+function registerButton(loader, customButtonMeta) {
+  var doRegisterComponent = function doRegisterComponent() {
+    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
+  };
+
+  doRegisterComponent(Button, customButtonMeta != null ? customButtonMeta : buttonMeta);
+}
+
+var checkboxMeta = {
+  name: "Checkbox",
+  importPath: "@chakra-ui/react",
+  parentComponentName: "CheckboxGroup",
+  props: {
+    colorScheme: {
+      type: "choice",
+      options: ["whiteAlpha", "blackAlpha", "gray", "red", "orange", "yellow", "green", "teal", "blue", "cyan", "purple", "pink", "linkedin", "facebook", "messenger", "whatsapp", "twitter", "telegram"],
+      defaultValue: "blue"
+    },
+    size: {
+      type: "choice",
+      options: ["xl", "sm", "md", "lg"]
+    },
+    value: {
+      type: "string"
+    },
+    spacing: {
+      type: "string",
+      defaultValue: "0.5rem"
+    },
+    isChecked: {
+      type: "boolean"
+    },
+    isIndeterminate: {
+      type: "boolean"
+    },
+    isDisabled: {
+      type: "boolean"
+    },
+    isRequired: {
+      type: "boolean"
+    },
+    isInvalid: {
+      type: "boolean"
+    },
+    children: {
+      type: "slot",
+      defaultValue: {
+        type: "text",
+        value: "Checkbox"
+      }
+    }
+  }
+};
+function registerCheckbox(loader, customCheckboxMeta) {
+  var doRegisterComponent = function doRegisterComponent() {
+    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
+  };
+
+  doRegisterComponent(Checkbox, customCheckboxMeta != null ? customCheckboxMeta : checkboxMeta);
+}
+var checkboxGroupMeta = {
+  name: "CheckboxGroup",
+  importPath: "@chakra-ui/react",
+  props: {
+    size: {
+      type: "choice",
+      options: ["xl", "sm", "md", "lg"],
+      defaultValue: "md"
+    },
+    isDisabled: {
+      type: "boolean"
+    },
+    children: {
+      type: "slot",
+      allowedComponents: ["Checkbox"],
+      defaultValue: [{
+        type: "component",
+        name: "Checkbox",
+        props: {
+          value: "1",
+          children: {
+            type: "text",
+            value: "Checkbox 1"
+          }
+        }
+      }, {
+        type: "component",
+        name: "Checkbox",
+        props: {
+          value: "2",
+          children: {
+            type: "text",
+            value: "Checkbox 2"
+          }
+        }
+      }, {
+        type: "component",
+        name: "Checkbox",
+        props: {
+          value: "3",
+          children: {
+            type: "text",
+            value: "Checkbox 3"
+          }
+        }
+      }]
+    }
+  }
+};
+function registerCheckboxGroup(loader, customCheckboxGroupMeta) {
+  var doRegisterComponent = function doRegisterComponent() {
+    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
+  };
+
+  doRegisterComponent(CheckboxGroup, customCheckboxGroupMeta != null ? customCheckboxGroupMeta : checkboxGroupMeta);
+}
+
+var codeMeta = {
+  name: "Code",
+  importPath: "@chakra-ui/react",
+  props: {
+    colorScheme: {
+      type: "choice",
+      options: ["whiteAlpha", "blackAlpha", "gray", "red", "orange", "yellow", "green", "teal", "blue", "cyan", "purple", "pink", "linkedin", "facebook", "messenger", "whatsapp", "twitter", "telegram"],
+      defaultValue: "gray"
+    },
+    variant: {
+      type: "choice",
+      options: ["solid", "subtle", "outline"],
+      defaultValue: "subtle"
+    },
+    children: {
+      type: "slot",
+      defaultValue: [{
+        type: "text",
+        value: "Code"
+      }]
+    }
+  }
+};
+function registerCode(loader, customCodeMeta) {
+  var doRegisterComponent = function doRegisterComponent() {
+    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
+  };
+
+  doRegisterComponent(Code, customCodeMeta != null ? customCodeMeta : codeMeta);
+}
+
+var dividerMeta = {
+  name: "Divider",
+  importPath: "@chakra-ui/react",
+  props: {
+    orientation: {
+      type: "choice",
+      options: ["vertical", "horizontal"]
+    },
+    variant: {
+      type: "choice",
+      options: ["solid", "dashed"]
+    }
+  }
+};
+function registerDivider(loader, customDividerMeta) {
+  var doRegisterComponent = function doRegisterComponent() {
+    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
+  };
+
+  doRegisterComponent(Divider, customDividerMeta != null ? customDividerMeta : dividerMeta);
+}
+
+var imageMeta = {
+  name: "Image",
+  importPath: "@chakra-ui/react",
+  props: {
+    src: {
+      type: "string",
+      defaultValue: "https://bit.ly/naruto-sage"
+    },
+    fallbackSrc: {
+      type: "string",
+      defaultValue: "https://via.placeholder.com/150"
+    },
+    alt: {
+      type: "string",
+      defaultValueHint: "name of the image"
+    },
+    loading: {
+      type: "choice",
+      options: ["lazy", "eager"]
+    }
+  }
+};
+function registerImage(loader, customImageMeta) {
+  var doRegisterComponent = function doRegisterComponent() {
+    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
+  };
+
+  doRegisterComponent(Image, customImageMeta != null ? customImageMeta : imageMeta);
+}
+
+var inputMeta = {
+  name: "Input",
+  importPath: "@chakra-ui/react",
+  props: {
+    size: {
+      type: "choice",
+      options: ["xl", "sm", "md", "lg"]
+    },
+    variant: {
+      type: "choice",
+      options: ["outline", "filled", "flushed", "unstyled"]
+    },
+    isDisabled: {
+      type: "boolean"
+    },
+    isInvalid: {
+      type: "boolean"
+    },
+    isReadOnly: {
+      type: "boolean"
+    },
+    isRequired: {
+      type: "boolean"
+    },
+    errorBorderColor: {
+      type: "string",
+      defaultValue: "red.500"
+    },
+    focusBorderColor: {
+      type: "string",
+      defaultValue: "blue.500"
+    }
+  }
+};
+function registerInput(loader, customInputMeta) {
+  var doRegisterComponent = function doRegisterComponent() {
+    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
+  };
+
+  doRegisterComponent(Input, customInputMeta != null ? customInputMeta : inputMeta);
+}
+
+var kbdMeta = {
+  name: "Kbd",
+  importPath: "@chakra-ui/react",
+  displayName: "Keyboard Key",
+  props: {
+    children: {
+      type: "slot",
+      defaultValue: [{
+        type: "text",
+        value: "⌘"
+      }]
+    }
+  }
+};
+function registerKbd(loader, customKbdMeta) {
+  var doRegisterComponent = function doRegisterComponent() {
+    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
+  };
+
+  doRegisterComponent(Kbd, customKbdMeta != null ? customKbdMeta : kbdMeta);
+}
+
+var numberInputMeta = {
+  name: "NumberInput",
+  importPath: "@chakra-ui/react",
+  props: {
+    size: {
+      type: "choice",
+      options: ["xl", "sm", "md", "lg"]
+    },
+    variant: {
+      type: "choice",
+      options: ["outline", "filled", "flushed", "unstyled"]
+    },
+    inputMode: {
+      type: "choice",
+      options: ["text", "search", "none", "tel", "url", "email", "numeric", "decimal"]
+    },
+    format: {
+      type: "string"
+    },
+    step: {
+      type: "number"
+    },
+    precision: {
+      type: "number"
+    },
+    max: {
+      type: "number"
+    },
+    min: {
+      type: "number"
+    },
+    errorBorderColor: {
+      type: "string",
+      defaultValue: "red.500"
+    },
+    focusBorderColor: {
+      type: "string",
+      defaultValue: "blue.500"
+    },
+    allowMouseWheel: {
+      type: "boolean"
+    },
+    isDisabled: {
+      type: "boolean"
+    },
+    isInvalid: {
+      type: "boolean"
+    },
+    isReadOnly: {
+      type: "boolean"
+    },
+    isRequired: {
+      type: "boolean"
+    },
+    children: {
+      type: "slot",
+      defaultValue: [{
+        type: "component",
+        name: "NumberInputField"
+      }, {
+        type: "component",
+        name: "NumberInputStepper"
+      }]
+    }
+  }
+};
+function registerNumberInput(loader, customNumberInputMeta) {
+  var doRegisterComponent = function doRegisterComponent() {
+    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
+  };
+
+  doRegisterComponent(NumberInput, customNumberInputMeta != null ? customNumberInputMeta : numberInputMeta);
+}
+var numberInputStepperMeta = {
+  name: "NumberInputStepper",
+  importPath: "@chakra-ui/react",
+  parentComponentName: "NumberInput",
+  props: {
+    children: {
+      type: "slot",
+      allowedComponents: ["NumberIncrementStepper", "NumberDecrementStepper"],
+      defaultValue: [{
+        type: "component",
+        name: "NumberIncrementStepper"
+      }, {
+        type: "component",
+        name: "NumberDecrementStepper"
+      }]
+    }
+  }
+};
+function registerNumberInputStepper(loader, customNumberInputStepperMeta) {
+  var doRegisterComponent = function doRegisterComponent() {
+    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
+  };
+
+  doRegisterComponent(NumberInputStepper, customNumberInputStepperMeta != null ? customNumberInputStepperMeta : numberInputStepperMeta);
+}
+var numberDecrementStepperMeta = {
+  name: "NumberDecrementStepper",
+  importPath: "@chakra-ui/react",
+  parentComponentName: "NumberInputStepper",
+  props: {}
+};
+function registerNumberDecrementStepper(loader, customNumberDecrementStepperMeta) {
+  var doRegisterComponent = function doRegisterComponent() {
+    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
+  };
+
+  doRegisterComponent(NumberDecrementStepper, customNumberDecrementStepperMeta != null ? customNumberDecrementStepperMeta : numberDecrementStepperMeta);
+}
+var numberIncrementStepperMeta = {
+  name: "NumberIncrementStepper",
+  importPath: "@chakra-ui/react",
+  parentComponentName: "NumberInputStepper",
+  props: {}
+};
+function registerNumberIncrementStepper(loader, customNumberIncrementStepperMeta) {
+  var doRegisterComponent = function doRegisterComponent() {
+    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
+  };
+
+  doRegisterComponent(NumberIncrementStepper, customNumberIncrementStepperMeta != null ? customNumberIncrementStepperMeta : numberIncrementStepperMeta);
+}
+var numberInputFieldMeta = {
+  name: "NumberInputField",
+  importPath: "@chakra-ui/react",
+  parentComponentName: "NumberInput",
+  props: {}
+};
+function registerNumberInputField(loader, customNumberInputFieldMeta) {
+  var doRegisterComponent = function doRegisterComponent() {
+    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
+  };
+
+  doRegisterComponent(NumberInputField, customNumberInputFieldMeta != null ? customNumberInputFieldMeta : numberInputFieldMeta);
+}
+
+var pinInputMeta = {
+  name: "PinInput",
+  importPath: "@chakra-ui/react",
+  props: {
+    size: {
+      type: "choice",
+      options: ["xl", "sm", "md", "lg"]
+    },
+    type: {
+      type: "choice",
+      options: ["number", "alphanumeric"]
+    },
+    variant: {
+      type: "choice",
+      options: ["outline", "filled", "flushed", "unstyled"]
+    },
+    mask: {
+      type: "boolean",
+      description: "Whether the pin input's value should be masked like 'type=password'."
+    },
+    manageFocus: {
+      type: "boolean",
+      defaultValue: true,
+      description: "Whether the pin input should move automatically to the next input once filled."
+    },
+    autoFocus: {
+      type: "boolean",
+      description: "Whether the pin input should be focused on mount."
+    },
+    opt: {
+      type: "boolean",
+      description: "autocomplete='one-time-code'"
+    },
+    errorBorderColor: {
+      type: "string",
+      defaultValue: "red.500"
+    },
+    focusBorderColor: {
+      type: "string",
+      defaultValue: "blue.500"
+    },
+    isDisabled: {
+      type: "boolean"
+    },
+    isInvalid: {
+      type: "boolean"
+    },
+    children: {
+      type: "slot",
+      allowedComponents: ["PintInputField"],
+      defaultValue: [{
+        type: "component",
+        name: "PinInputField"
+      }, {
+        type: "component",
+        name: "PinInputField"
+      }, {
+        type: "component",
+        name: "PinInputField"
+      }, {
+        type: "component",
+        name: "PinInputField"
+      }]
+    }
+  }
+};
+function registerPinInput(loader, customPinInputMeta) {
+  var doRegisterComponent = function doRegisterComponent() {
+    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
+  };
+
+  doRegisterComponent(PinInput, customPinInputMeta != null ? customPinInputMeta : pinInputMeta);
+}
+var pinInputFieldMeta = {
+  name: "PinInputField",
+  importPath: "@chakra-ui/react",
+  parentComponentName: "PinInput",
+  props: {}
+};
+function registerPinInputField(loader, customPinInputFieldMeta) {
+  var doRegisterComponent = function doRegisterComponent() {
+    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
+  };
+
+  doRegisterComponent(PinInputField, customPinInputFieldMeta != null ? customPinInputFieldMeta : pinInputFieldMeta);
+}
+
+var popoverMeta = {
+  name: "Popover",
+  importPath: "@chakra-ui/react",
+  props: {
+    gutter: {
+      type: "number",
+      defaultValue: 8
+    },
+    arrowPadding: "number",
+    arrowShadowColor: {
+      type: "string",
+      defaultValue: "rgba(0, 0, 0, 0.15)"
+    },
+    arrowSize: {
+      type: "number"
+    },
+    offset: {
+      type: "array",
+      defaultValue: [0, 0]
+    },
+    closeDelay: "number",
+    orientation: {
+      type: "choice",
+      options: ["horizontal", "vertical"]
+    },
+    placement: {
+      type: "choice",
+      options: ["top", "bottom", "left", "right"],
+      defaultValue: "bottom"
+    },
+    direction: {
+      type: "choice",
+      options: ["ltr", "rtl"],
+      defaultValue: "ltr"
+    },
+    trigger: {
+      type: "choice",
+      options: ["click", "hover"],
+      defaultValue: "click"
+    },
+    isLazy: {
+      type: "boolean"
+    },
+    isOpen: {
+      type: "boolean"
+    },
+    children: {
+      type: "slot",
+      defaultValue: [{
+        type: "component",
+        name: "PopoverTrigger"
+      }, {
+        type: "component",
+        name: "PopoverContent"
+      }]
+    }
+  }
+};
+function registerPopover(loader, customPopoverMeta) {
+  var doRegisterComponent = function doRegisterComponent() {
+    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
+  };
+
+  doRegisterComponent(Popover, customPopoverMeta != null ? customPopoverMeta : popoverMeta);
+}
+var popoverContentMeta = {
+  name: "PopoverContent",
+  importPath: "@chakra-ui/react",
+  parentComponentName: "Popover",
+  props: {
+    children: {
+      type: "slot",
+      defaultValue: [{
+        type: "component",
+        name: "PopoverArrow"
+      }, {
+        type: "component",
+        name: "PopoverCloseButton"
+      }, {
+        type: "component",
+        name: "PopoverHeader",
+        props: {
+          children: {
+            type: "text",
+            value: "Confirmation!"
+          }
+        }
+      }, {
+        type: "component",
+        name: "PopoverBody",
+        props: {
+          children: {
+            type: "text",
+            value: "Are you sure you want to have that milkshake?"
+          }
+        }
+      }]
+    }
+  }
+};
+function registerPopoverContent(loader, customPopoverContentMeta) {
+  var doRegisterComponent = function doRegisterComponent() {
+    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
+  };
+
+  doRegisterComponent(PopoverContent, customPopoverContentMeta != null ? customPopoverContentMeta : popoverContentMeta);
+}
+var popoverArrowMeta = {
+  name: "PopoverArrow",
+  importPath: "@chakra-ui/react",
+  parentComponentName: "PopoverContent",
+  props: {}
+};
+function registerPopoverArrow(loader, customPopoverArrowMeta) {
+  var doRegisterComponent = function doRegisterComponent() {
+    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
+  };
+
+  doRegisterComponent(PopoverArrow, customPopoverArrowMeta != null ? customPopoverArrowMeta : popoverArrowMeta);
+}
+var popoverCloseButtonMeta = {
+  name: "PopoverCloseButton",
+  importPath: "@chakra-ui/react",
+  parentComponentName: "PopoverContent",
+  props: {}
+};
+function registerPopoverCloseButton(loader, customPopoverCloseButtonMeta) {
+  var doRegisterComponent = function doRegisterComponent() {
+    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
+  };
+
+  doRegisterComponent(PopoverCloseButton, customPopoverCloseButtonMeta != null ? customPopoverCloseButtonMeta : popoverCloseButtonMeta);
+}
+var popoverHeaderMeta = {
+  name: "PopoverHeader",
+  importPath: "@chakra-ui/react",
+  parentComponentName: "PopoverContent",
+  props: {
+    children: {
+      type: "slot",
+      defaultValue: {
+        type: "text",
+        value: "Confirmation!"
+      }
+    }
+  }
+};
+function registerPopoverHeader(loader, customPopoverHeaderMeta) {
+  var doRegisterComponent = function doRegisterComponent() {
+    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
+  };
+
+  doRegisterComponent(PopoverHeader, customPopoverHeaderMeta != null ? customPopoverHeaderMeta : popoverHeaderMeta);
+}
+var popoverBodyMeta = {
+  name: "PopoverBody",
+  importPath: "@chakra-ui/react",
+  parentComponentName: "PopoverContent",
+  props: {
+    children: {
+      type: "slot",
+      defaultValue: {
+        type: "text",
+        value: "Are you sure you want to have that milkshake?"
+      }
+    }
+  }
+};
+function registerPopoverBody(loader, customPopoverBodyMeta) {
+  var doRegisterComponent = function doRegisterComponent() {
+    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
+  };
+
+  doRegisterComponent(PopoverBody, customPopoverBodyMeta != null ? customPopoverBodyMeta : popoverBodyMeta);
+}
+var popoverTriggerMeta = {
+  name: "PopoverTrigger",
+  importPath: "@chakra-ui/react",
+  parentComponentName: "Popover",
+  props: {
+    children: {
+      type: "slot",
+      defaultValue: {
+        type: "component",
+        name: "Button",
+        props: {
+          children: {
+            type: "text",
+            value: "Trigger"
+          }
+        }
+      }
+    }
+  }
+};
+function registerPopoverTrigger(loader, customPopoverTriggerMeta) {
+  var doRegisterComponent = function doRegisterComponent() {
+    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
+  };
+
+  doRegisterComponent(PopoverTrigger, customPopoverTriggerMeta != null ? customPopoverTriggerMeta : popoverTriggerMeta);
+}
+
+var radioGroupMeta = {
+  name: "RadioGroup",
+  importPath: "@chakra-ui/react",
+  props: {
+    value: {
+      type: "string"
+    },
+    size: {
+      type: "choice",
+      options: ["xl", "sm", "md", "lg"]
+    },
+    isDisabled: {
+      type: "boolean"
+    },
+    isInvalid: {
+      type: "boolean"
+    },
+    isReadOnly: {
+      type: "boolean"
+    },
+    isRequired: {
+      type: "boolean"
+    },
+    children: {
+      type: "slot",
+      defaultValue: {
+        type: "hbox",
+        styles: {
+          gap: "12px"
+        },
+        children: [{
+          type: "component",
+          name: "Radio",
+          props: {
+            value: "1",
+            children: {
+              type: "text",
+              value: "Radio 1"
+            }
+          }
+        }, {
+          type: "component",
+          name: "Radio",
+          props: {
+            value: "2",
+            children: {
+              type: "text",
+              value: "Radio 2"
+            }
+          }
+        }, {
+          type: "component",
+          name: "Radio",
+          props: {
+            value: "3",
+            children: {
+              type: "text",
+              value: "Radio 3"
+            }
+          }
+        }]
+      }
+    }
+  }
+};
+function registerRadioGroup(loader, customRadioGroupMeta) {
+  var doRegisterComponent = function doRegisterComponent() {
+    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
+  };
+
+  doRegisterComponent(RadioGroup, customRadioGroupMeta != null ? customRadioGroupMeta : radioGroupMeta);
+}
+var radioMeta = {
+  name: "Radio",
+  importPath: "@chakra-ui/react",
+  parentComponentName: "RadioGroup",
+  props: {
+    value: {
+      type: "string"
+    },
+    size: {
+      type: "choice",
+      options: ["xl", "sm", "md", "lg"]
+    },
+    spacing: {
+      type: "string",
+      defaultValue: "0.5rem"
+    },
+    isChecked: {
+      type: "boolean"
+    },
+    isDisabled: {
+      type: "boolean"
+    },
+    isInvalid: {
+      type: "boolean"
+    },
+    isReadOnly: {
+      type: "boolean"
+    },
+    isRequired: {
+      type: "boolean"
+    },
+    children: {
+      type: "slot",
+      defaultValue: [{
+        type: "text",
+        value: "Radio"
+      }]
+    }
+  }
+};
+function registerRadio(loader, customRadioMeta) {
+  var doRegisterComponent = function doRegisterComponent() {
+    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
+  };
+
+  doRegisterComponent(Radio, customRadioMeta != null ? customRadioMeta : radioMeta);
+}
+
+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",
+  props: {
+    size: {
+      type: "choice",
+      options: ["lg", "md", "sm", "xs"],
+      defaultValue: "md"
+    },
+    variant: {
+      type: "choice",
+      options: ["outline", "filled", "flushed", "unstyled"],
+      defaultValue: "outline"
+    },
+    placeholder: {
+      type: "string"
+    },
+    errorBorderColor: {
+      type: "string",
+      defaultValueHint: "red.500"
+    },
+    isDisabled: {
+      type: "boolean"
+    },
+    isInvalid: {
+      type: "boolean"
+    },
+    isReadOnly: {
+      type: "boolean"
+    },
+    isRequred: {
+      type: "boolean"
+    },
+    children: {
+      type: "slot",
+      defaultValue: [{
+        type: "component",
+        name: "Option",
+        props: {
+          children: {
+            type: "text",
+            value: "Option 01"
+          }
+        }
+      }, {
+        type: "component",
+        name: "Option",
+        props: {
+          children: {
+            type: "text",
+            value: "Option 02"
+          }
+        }
+      }, {
+        type: "component",
+        name: "Option",
+        props: {
+          children: {
+            type: "text",
+            value: "Option 03"
+          }
+        }
+      }]
+    }
+  }
+};
+function registerSelect(loader, customSelectMeta) {
+  var doRegisterComponent = function doRegisterComponent() {
+    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
+  };
+
+  doRegisterComponent(Select, customSelectMeta != null ? customSelectMeta : selectMeta);
+}
+var optionMeta = {
+  name: "Option",
+  importPath: "./components/option",
+  parentComponentName: "Select",
+  props: {
+    value: "string",
+    children: {
+      type: "slot",
+      defaultValue: {
+        type: "text",
+        value: "Option"
+      }
+    }
+  }
+};
+function registerOption(loader, customOptionMeta) {
+  var doRegisterComponent = function doRegisterComponent() {
+    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
+  };
+
+  doRegisterComponent(Option, customOptionMeta != null ? customOptionMeta : optionMeta);
+}
+
+var statMeta = {
+  name: "Stat",
+  importPath: "@chakra-ui/react",
+  props: {
+    children: {
+      type: "slot",
+      defaultValue: [{
+        type: "component",
+        name: "StatLabel",
+        props: {
+          children: {
+            type: "text",
+            value: "Collected Fees"
+          }
+        }
+      }, {
+        type: "component",
+        name: "StatNumber",
+        props: {
+          children: {
+            type: "text",
+            value: "£345,670"
+          }
+        }
+      }, {
+        type: "component",
+        name: "StatHelpText",
+        props: {
+          children: {
+            type: "hbox",
+            styles: {
+              alignItems: "center",
+              padding: "0px"
+            },
+            children: [{
+              type: "component",
+              name: "StatArrow",
+              props: {
+                type: "increase"
+              }
+            }, {
+              type: "text",
+              value: "Last 7 days"
+            }]
+          }
+        }
+      }]
+    }
+  }
+};
+function registerStat(loader, customStatMeta) {
+  var doRegisterComponent = function doRegisterComponent() {
+    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
+  };
+
+  doRegisterComponent(Stat, customStatMeta != null ? customStatMeta : statMeta);
+}
+var statHelpTextMeta = {
+  name: "StatHelpText",
+  importPath: "@chakra-ui/react",
+  parentComponentName: "Stat",
+  props: {
+    children: {
+      type: "slot",
+      defaultValue: [{
+        type: "text",
+        value: "StatHelpText"
+      }]
+    }
+  }
+};
+function registerStatHelpText(loader, customStatHelpTextMeta) {
+  var doRegisterComponent = function doRegisterComponent() {
+    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
+  };
+
+  doRegisterComponent(StatHelpText, customStatHelpTextMeta != null ? customStatHelpTextMeta : statHelpTextMeta);
+}
+var statArrowMeta = {
+  name: "StatArrow",
+  importPath: "@chakra-ui/react",
+  parentComponentName: "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);
+  };
+
+  doRegisterComponent(StatArrow, customStatArrowMeta != null ? customStatArrowMeta : statArrowMeta);
+}
+var statNumberMeta = {
+  name: "StatNumber",
+  importPath: "@chakra-ui/react",
+  parentComponentName: "Stat",
+  props: {
+    children: {
+      type: "slot",
+      defaultValue: [{
+        type: "text",
+        value: "£345,670"
+      }]
+    }
+  }
+};
+function registerStatNumber(loader, customStatNumberMeta) {
+  var doRegisterComponent = function doRegisterComponent() {
+    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
+  };
+
+  doRegisterComponent(StatNumber, customStatNumberMeta != null ? customStatNumberMeta : statNumberMeta);
+}
+var statLabelMeta = {
+  name: "StatLabel",
+  importPath: "@chakra-ui/react",
+  parentComponentName: "Stat",
+  props: {
+    children: {
+      type: "slot",
+      defaultValue: [{
+        type: "text",
+        value: "StatLabel"
+      }]
+    }
+  }
+};
+function registerStatLabel(loader, customStatLabelMeta) {
+  var doRegisterComponent = function doRegisterComponent() {
+    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
+  };
+
+  doRegisterComponent(StatLabel, customStatLabelMeta != null ? customStatLabelMeta : statLabelMeta);
+}
+
+var switchMeta = {
+  name: "Switch",
+  importPath: "@chakra-ui/react",
+  props: {
+    isChecked: "boolean",
+    colorScheme: {
+      type: "choice",
+      options: ["whiteAlpha", "blackAlpha", "gray", "red", "orange", "yellow", "green", "teal", "blue", "cyan", "purple", "pink", "linkedin", "facebook", "messenger", "whatsapp", "twitter", "telegram"],
+      defaultValue: "blue"
+    },
+    size: {
+      type: "choice",
+      options: ["sm", "md", "lg"],
+      defaultValue: "md"
+    },
+    spacing: {
+      type: "string",
+      defaultValue: "0.5rem"
+    },
+    id: "string",
+    isDisabled: "boolean",
+    isInvalid: "boolean",
+    isReadOnly: "boolean",
+    isRequired: "boolean"
+  }
+};
+function registerSwitch(loader, customSwitchMeta) {
+  var doRegisterComponent = function doRegisterComponent() {
+    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
+  };
+
+  doRegisterComponent(Switch, customSwitchMeta != null ? customSwitchMeta : switchMeta);
+}
+
+var tableMeta = {
+  name: "Table",
+  importPath: "@chakra-ui/react",
+  parentComponentName: "TableContainer",
+  props: {
+    colorScheme: {
+      type: "choice",
+      options: ["whiteAlpha", "blackAlpha", "gray", "red", "orange", "yellow", "green", "teal", "blue", "cyan", "purple", "pink", "linkedin", "facebook", "messenger", "whatsapp", "twitter", "telegram"],
+      defaultValue: "gray"
+    },
+    size: {
+      type: "choice",
+      options: ["sm", "md", "lg"],
+      defaultValue: "md"
+    },
+    variant: {
+      type: "choice",
+      options: ["simple", "striped", "unstyled"],
+      defaultValue: "simple"
+    },
+    children: {
+      type: "slot"
+    }
+  }
+};
+function registerTable(loader, customTableMeta) {
+  var doRegisterComponent = function doRegisterComponent() {
+    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
+  };
+
+  doRegisterComponent(Table, customTableMeta != null ? customTableMeta : tableMeta);
+}
+var tableCaptionMeta = {
+  name: "TableCaption",
+  importPath: "@chakra-ui/react",
+  parentComponentName: "Table",
+  props: {
+    placement: {
+      type: "choice",
+      options: ["top", "bottom"],
+      defaultValue: "bottom"
+    },
+    children: {
+      type: "slot",
+      defaultValue: {
+        type: "text",
+        value: "Imperial to metric conversion factors"
+      }
+    }
+  }
+};
+function registerTableCaption(loader, customTableCaptionMeta) {
+  var doRegisterComponent = function doRegisterComponent() {
+    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
+  };
+
+  doRegisterComponent(TableCaption, customTableCaptionMeta != null ? customTableCaptionMeta : tableCaptionMeta);
+}
+var theadMeta = {
+  name: "Thead",
+  importPath: "@chakra-ui/react",
+  parentComponentName: "Table",
+  props: {
+    children: {
+      type: "slot",
+      allowedComponents: ["Th", "Tr"]
+    }
+  }
+};
+function registerThead(loader, customTheadMeta) {
+  var doRegisterComponent = function doRegisterComponent() {
+    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
+  };
+
+  doRegisterComponent(Thead, customTheadMeta != null ? customTheadMeta : theadMeta);
+}
+var tbodyMeta = {
+  name: "Tbody",
+  importPath: "@chakra-ui/react",
+  parentComponentName: "Table",
+  props: {
+    children: {
+      type: "slot",
+      allowedComponents: ["Td", "Tr"]
+    }
+  }
+};
+function registerTbody(loader, customTbodyMeta) {
+  var doRegisterComponent = function doRegisterComponent() {
+    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
+  };
+
+  doRegisterComponent(Tbody, customTbodyMeta != null ? customTbodyMeta : tbodyMeta);
+}
+var trMeta = {
+  name: "Tr",
+  importPath: "@chakra-ui/react",
+  parentComponentName: "Table",
+  props: {
+    children: {
+      type: "slot",
+      allowedComponents: ["Td", "Th"]
+    }
+  }
+};
+function registerTr(loader, customTrMeta) {
+  var doRegisterComponent = function doRegisterComponent() {
+    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
+  };
+
+  doRegisterComponent(Tr, customTrMeta != null ? customTrMeta : trMeta);
+}
+var tdMeta = {
+  name: "Td",
+  importPath: "@chakra-ui/react",
+  parentComponentName: "Tr",
+  props: {
+    isNumeric: "boolean",
+    children: {
+      type: "slot",
+      defaultValue: {
+        type: "text",
+        value: "Table Cell"
+      }
+    }
+  }
+};
+function registerTd(loader, customTdMeta) {
+  var doRegisterComponent = function doRegisterComponent() {
+    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
+  };
+
+  doRegisterComponent(Td, customTdMeta != null ? customTdMeta : tdMeta);
+}
+var thMeta = {
+  name: "Th",
+  importPath: "@chakra-ui/react",
+  parentComponentName: "Tr",
+  props: {
+    isNumeric: "boolean",
+    children: {
+      type: "slot",
+      defaultValue: {
+        type: "text",
+        value: "Table Cell"
+      }
+    }
+  }
+};
+function registerTh(loader, customThMeta) {
+  var doRegisterComponent = function doRegisterComponent() {
+    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
+  };
+
+  doRegisterComponent(Th, customThMeta != null ? customThMeta : thMeta);
+}
+var tableContainerMeta = {
+  name: "TableContainer",
+  importPath: "@chakra-ui/react",
+  props: {
+    overflowX: {
+      type: "choice",
+      options: ["auto", "scroll", "hidden", "visible"]
+    },
+    overflowY: {
+      type: "choice",
+      options: ["auto", "scroll", "hidden", "visible"]
+    },
+    whiteSpace: {
+      type: "choice",
+      options: ["normal", "nowrap", "pre", "pre-line", "pre-wrap"]
+    },
+    children: {
+      type: "slot",
+      allowedComponents: ["Table"],
+      defaultValue: {
+        type: "component",
+        name: "Table",
+        props: {
+          children: [{
+            type: "component",
+            name: "Thead",
+            props: {
+              children: {
+                type: "component",
+                name: "Tr",
+                props: {
+                  children: [{
+                    type: "component",
+                    name: "Th",
+                    props: {
+                      children: {
+                        type: "text",
+                        value: "TO CONVERT"
+                      }
+                    }
+                  }, {
+                    type: "component",
+                    name: "Th",
+                    props: {
+                      children: {
+                        type: "text",
+                        value: "INTO"
+                      }
+                    }
+                  }, {
+                    type: "component",
+                    name: "Th",
+                    props: {
+                      children: {
+                        type: "text",
+                        value: "MULTIPLY BY"
+                      }
+                    }
+                  }]
+                }
+              }
+            }
+          }, {
+            type: "component",
+            name: "Tbody",
+            props: {
+              children: [{
+                type: "component",
+                name: "Tr",
+                props: {
+                  children: [{
+                    type: "component",
+                    name: "Td",
+                    props: {
+                      children: {
+                        type: "text",
+                        value: "inches"
+                      }
+                    }
+                  }, {
+                    type: "component",
+                    name: "Td",
+                    props: {
+                      children: {
+                        type: "text",
+                        value: "millimetres (mm)"
+                      }
+                    }
+                  }, {
+                    type: "component",
+                    name: "Td",
+                    props: {
+                      children: {
+                        type: "text",
+                        value: "25.4"
+                      }
+                    }
+                  }]
+                }
+              }]
+            }
+          }]
+        }
+      }
+    }
+  }
+};
+function registerTableContainer(loader, customTableContainerMeta) {
+  var doRegisterComponent = function doRegisterComponent() {
+    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
+  };
+
+  doRegisterComponent(TableContainer, customTableContainerMeta != null ? customTableContainerMeta : tableContainerMeta);
+}
+var tfootMeta = {
+  name: "Tfoot",
+  importPath: "@chakra-ui/react",
+  parentComponentName: "Table",
+  props: {
+    children: {
+      type: "slot",
+      defaultValue: [{
+        type: "component",
+        name: "Tr",
+        props: {
+          children: [{
+            type: "component",
+            name: "Th",
+            props: {
+              children: {
+                type: "text",
+                value: "Name"
+              }
+            }
+          }]
+        }
+      }]
+    }
+  }
+};
+function registerTfoot(loader, customTfootMeta) {
+  var doRegisterComponent = function doRegisterComponent() {
+    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
+  };
+
+  doRegisterComponent(Tfoot, customTfootMeta != null ? customTfootMeta : tfootMeta);
+}
+
+var tabListMeta = {
+  name: "TabList",
+  importPath: "@chakra-ui/react",
+  parentComponentName: "Tabs",
+  props: {
+    children: {
+      type: "slot",
+      allowedComponents: ["Tab"]
+    }
+  }
+};
+function registerTabList(loader, customTabListMeta) {
+  var doRegisterComponent = function doRegisterComponent() {
+    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
+  };
+
+  doRegisterComponent(TabList, customTabListMeta != null ? customTabListMeta : tabListMeta);
+}
+var tabsMeta = {
+  name: "Tabs",
+  importPath: "@chakra-ui/react",
+  props: {
+    align: {
+      type: "choice",
+      options: ["start", "center", "end"]
+    },
+    colorScheme: {
+      type: "choice",
+      options: ["whiteAlpha", "blackAlpha", "gray", "red", "orange", "yellow", "green", "teal", "blue", "cyan", "purple", "pink", "linkedin", "facebook", "messenger", "whatsapp", "twitter", "telegram"]
+    },
+    orientation: {
+      type: "choice",
+      options: ["horizontal", "vertical"]
+    },
+    size: {
+      type: "choice",
+      options: ["sm", "md", "lg"]
+    },
+    variant: {
+      type: "choice",
+      options: ["line", "enclosed", "enclosed-colored", "soft-rounded", "solid-rounded", "unstyled"],
+      defaultValue: "line"
+    },
+    direction: {
+      type: "choice",
+      options: ["ltr", "rtl"]
+    },
+    index: {
+      type: "number"
+    },
+    isFitted: "boolean",
+    isLazy: "boolean",
+    isManual: "boolean",
+    children: {
+      type: "slot",
+      allowedComponents: ["TabList", "TabPanels"],
+      defaultValue: [{
+        type: "component",
+        name: "TabList",
+        props: {
+          children: [{
+            type: "component",
+            name: "Tab",
+            props: {
+              children: {
+                type: "text",
+                value: "Tab 1"
+              }
+            }
+          }, {
+            type: "component",
+            name: "Tab",
+            props: {
+              children: {
+                type: "text",
+                value: "Tab 2"
+              }
+            }
+          }, {
+            type: "component",
+            name: "Tab",
+            props: {
+              children: {
+                type: "text",
+                value: "Tab 3"
+              }
+            }
+          }]
+        }
+      }, {
+        type: "component",
+        name: "TabPanels",
+        props: {
+          children: [{
+            type: "component",
+            name: "TabPanel",
+            props: {
+              children: {
+                type: "text",
+                value: "Tab 1's Panel Content"
+              }
+            }
+          }, {
+            type: "component",
+            name: "TabPanel",
+            props: {
+              children: {
+                type: "text",
+                value: "Tab 2's Panel Content"
+              }
+            }
+          }, {
+            type: "component",
+            name: "TabPanel",
+            props: {
+              children: {
+                type: "text",
+                value: "Tab 3's Panel Content"
+              }
+            }
+          }]
+        }
+      }]
+    }
+  }
+};
+function registerTabs(loader, customTabsMeta) {
+  var doRegisterComponent = function doRegisterComponent() {
+    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
+  };
+
+  doRegisterComponent(Tabs, customTabsMeta != null ? customTabsMeta : tabsMeta);
+}
+var tabMeta = {
+  name: "Tab",
+  importPath: "@chakra-ui/react",
+  parentComponentName: "TabList",
+  props: {
+    id: "string",
+    isDisabled: "boolean",
+    panelId: "string",
+    children: {
+      type: "slot",
+      defaultValue: {
+        type: "text",
+        value: "Tab"
+      }
+    }
+  }
+};
+function registerTab(loader, customTabMeta) {
+  var doRegisterComponent = function doRegisterComponent() {
+    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
+  };
+
+  doRegisterComponent(Tab, customTabMeta != null ? customTabMeta : tabMeta);
+}
+var tabPanelsMeta = {
+  name: "TabPanels",
+  importPath: "@chakra-ui/react",
+  parentComponentName: "Tabs",
+  props: {
+    children: {
+      type: "slot",
+      allowedComponents: ["TabPanel"]
+    }
+  }
+};
+function registerTabPanels(loader, customTabPanelsMeta) {
+  var doRegisterComponent = function doRegisterComponent() {
+    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
+  };
+
+  doRegisterComponent(TabPanels, customTabPanelsMeta != null ? customTabPanelsMeta : tabPanelsMeta);
+}
+var tabPanelMeta = {
+  name: "TabPanel",
+  importPath: "@chakra-ui/react",
+  parentComponentName: "TabPanels",
+  props: {
+    children: {
+      type: "slot",
+      defaultValue: {
+        type: "text",
+        value: "Tab Panel Content"
+      }
+    }
+  }
+};
+function registerTabPanel(loader, customTabPanelMeta) {
+  var doRegisterComponent = function doRegisterComponent() {
+    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
+  };
+
+  doRegisterComponent(TabPanel, customTabPanelMeta != null ? customTabPanelMeta : tabPanelMeta);
+}
+
+var textMeta = {
+  name: "Text",
+  importPath: "@chakra-ui/react",
+  props: {
+    children: {
+      type: "slot",
+      defaultValue: [{
+        type: "text",
+        value: "Some Text"
+      }]
+    }
+  }
+};
+function registerText(loader, customTextMeta) {
+  var doRegisterComponent = function doRegisterComponent() {
+    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
+  };
+
+  doRegisterComponent(Text, customTextMeta != null ? customTextMeta : textMeta);
+}
+
+var highlightMeta = {
+  name: "Highlight",
+  importPath: "@chakra-ui/react",
+  props: {
+    children: {
+      displayName: "text",
+      type: "string",
+      defaultValue: "With the Highlight component, you can spotlight words."
+    },
+    query: {
+      type: "array",
+      defaultValue: ["Spotlight", "words"]
+    },
+    styles: {
+      type: "object",
+      defaultValue: {
+        backgroundColor: "orange.100",
+        px: "0.3em",
+        py: "0.1em",
+        borderRadius: "0.3em"
+      }
+    }
+  }
+};
+function registerHighlight(loader, customHighlightMeta) {
+  var doRegisterComponent = function doRegisterComponent() {
+    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
+  };
+
+  doRegisterComponent(Highlight, customHighlightMeta != null ? customHighlightMeta : highlightMeta);
+}
+
+var headingMeta = {
+  name: "Heading",
+  importPath: "@chakra-ui/react",
+  props: {
+    children: {
+      type: "slot",
+      defaultValue: {
+        type: "text",
+        value: "Basic text writing, including headings, body text, lists, and more."
+      }
+    },
+    size: {
+      type: "choice",
+      options: ["4xl", "3xl", "2xl", "xl", "lg", "md", "sm", "xs"],
+      defaultValue: "xl"
+    },
+    noOfLines: {
+      type: "number",
+      defaultValue: 1
+    }
+  }
+};
+function registerHeading(loader, customHeadingMeta) {
+  var doRegisterComponent = function doRegisterComponent() {
+    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
+  };
+
+  doRegisterComponent(Heading, customHeadingMeta != null ? customHeadingMeta : headingMeta);
+}
+
+var toastMeta = {
+  name: "Toast",
+  importPath: "@chakra-ui/react",
+  props: {
+    title: {
+      type: "string",
+      defaultValue: "Toast Title"
+    },
+    description: {
+      type: "string",
+      defaultValue: "Toast description"
+    },
+    variant: {
+      type: "choice",
+      options: ["solid", "subtle", "left-accent", "top-accent"]
+    },
+    duration: {
+      type: "number",
+      defaultValue: 5000
+    },
+    isClosable: {
+      type: "boolean"
+    },
+    position: {
+      type: "choice",
+      options: ["top", "top-right", "top-left", "bottom", "bottom-right", "bottom-left"]
+    },
+    status: {
+      type: "choice",
+      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);
+  };
+
+  doRegisterComponent(Toast, customToastMeta != null ? customToastMeta : toastMeta);
+}
+
+var tooltipMeta = {
+  name: "Tooltip",
+  importPath: "@chakra-ui/react",
+  props: {
+    children: {
+      type: "slot",
+      defaultValue: {
+        type: "component",
+        name: "Button",
+        props: {
+          children: {
+            type: "text",
+            value: "Hover me"
+          }
+        }
+      }
+    },
+    label: {
+      type: "string",
+      defaultValue: "Hi! I am a tooltip"
+    },
+    placement: {
+      type: "choice",
+      options: ["auto", "auto-start", "auto-end", "top", "top-start", "top-end", "bottom", "bottom-start", "bottom-end", "right", "right-start", "right-end", "left", "left-start", "left-end"],
+      defaultValue: "bottom"
+    },
+    hasArrow: "boolean",
+    arrowSize: {
+      type: "number",
+      defaultValue: 10
+    },
+    arrowShadowColor: {
+      type: "string"
+    },
+    arrowPadding: {
+      type: "number",
+      defaultValue: 8
+    },
+    defaultIsOpen: "boolean",
+    isDisabled: "boolean",
+    offset: {
+      type: "array",
+      defaultValue: [0, 0]
+    },
+    closeOnClick: {
+      type: "boolean",
+      defaultValue: true
+    },
+    closeDelay: {
+      type: "number",
+      defaultValue: 0
+    }
+  }
+};
+function registerTooltip(loader, customTooltipMeta) {
+  var doRegisterComponent = function doRegisterComponent() {
+    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
+  };
+
+  doRegisterComponent(Tooltip, customTooltipMeta != null ? customTooltipMeta : tooltipMeta);
+}
+
+var accordionMeta = {
+  name: "Accordion",
+  importPath: "@chakra-ui/react",
+  props: {
+    allowMultiple: {
+      type: "boolean",
+      description: "If true, multiple accordion items can be expanded at the same time."
+    },
+    allowToggle: {
+      type: "boolean",
+      description: "If true, an expanded accordion item can be collapsed again."
+    },
+    defaultIndex: {
+      type: "number",
+      description: "The index of the accordion item that should be expanded by default."
+    },
+    reduceMotion: {
+      type: "boolean",
+      description: "If true, height animation and transitions will be disabled."
+    },
+    children: {
+      type: "slot",
+      allowedComponents: ["AccordionItem"],
+      defaultValue: [{
+        type: "component",
+        name: "AccordionItem"
+      }, {
+        type: "component",
+        name: "AccordionItem"
+      }]
+    }
+  }
+};
+function registerAccordion(loader, customAccordionMeta) {
+  var doRegisterComponent = function doRegisterComponent() {
+    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
+  };
+
+  doRegisterComponent(Accordion, customAccordionMeta != null ? customAccordionMeta : accordionMeta);
+}
+var accordionItemMeta = {
+  name: "AccordionItem",
+  importPath: "@chakra-ui/react",
+  parentComponentName: "Accordion",
+  props: {
+    id: {
+      type: "string",
+      description: "The unique id of the accordion item."
+    },
+    isDisabled: {
+      type: "boolean",
+      description: "If true, the accordion item will be disabled."
+    },
+    isFocusable: {
+      type: "boolean",
+      description: "If true, the accordion item will be focusable."
+    },
+    children: {
+      type: "slot",
+      allowedComponents: ["AccordionButton", "AccordionPanel"],
+      defaultValue: [{
+        type: "component",
+        name: "AccordionButton"
+      }, {
+        type: "component",
+        name: "AccordionPanel"
+      }]
+    }
+  }
+};
+function registerAccordionItem(loader, customAccordionItemMeta) {
+  var doRegisterComponent = function doRegisterComponent() {
+    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
+  };
+
+  doRegisterComponent(AccordionItem, customAccordionItemMeta != null ? customAccordionItemMeta : accordionItemMeta);
+}
+var accordionButtonMeta = {
+  name: "AccordionButton",
+  importPath: "@chakra-ui/react",
+  parentComponentName: "AccordionItem",
+  props: {
+    _expanded: {
+      type: "object",
+      displayName: "expandedStyle",
+      defaultValueHint: {
+        bg: "orange",
+        color: "white"
+      }
+    },
+    children: {
+      type: "slot",
+      defaultValue: [{
+        type: "text",
+        value: "Section 1 title",
+        styles: {
+          textAlign: "left"
+        }
+      }, {
+        type: "component",
+        name: "AccordionIcon"
+      }]
+    }
+  }
+};
+function registerAccordionButton(loader, customAccordionButtonMeta) {
+  var doRegisterComponent = function doRegisterComponent() {
+    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
+  };
+
+  doRegisterComponent(AccordionButton, customAccordionButtonMeta != null ? customAccordionButtonMeta : accordionButtonMeta);
+}
+var accordionPanelMeta = {
+  name: "AccordionPanel",
+  importPath: "@chakra-ui/react",
+  parentComponentName: "AccordionItem",
+  props: {
+    children: {
+      type: "slot",
+      defaultValue: {
+        type: "component",
+        name: "Text",
+        props: {
+          children: {
+            type: "text",
+            value: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat."
+          }
+        }
+      }
+    }
+  }
+};
+function registerAccordionPanel(loader, customAccordionPanelMeta) {
+  var doRegisterComponent = function doRegisterComponent() {
+    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
+  };
+
+  doRegisterComponent(AccordionPanel, customAccordionPanelMeta != null ? customAccordionPanelMeta : accordionPanelMeta);
+}
+var accordionIconMeta = {
+  name: "AccordionIcon",
+  importPath: "@chakra-ui/react",
+  parentComponentName: "AccordionButton",
+  props: {}
+};
+function registerAccordionIcon(loader, customAccordionIconMeta) {
+  var doRegisterComponent = function doRegisterComponent() {
+    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
+  };
+
+  doRegisterComponent(AccordionIcon, customAccordionIconMeta != null ? customAccordionIconMeta : accordionIconMeta);
+}
+
+var avatarBadgeMeta = {
+  name: "AvatarBadge",
+  importPath: "@chakra-ui/react",
+  parentComponentName: "Avatar",
+  props: {
+    boxSize: {
+      type: "string",
+      defaultValue: "1.25em"
+    },
+    bg: {
+      type: "string",
+      defaultValue: "green.500"
+    },
+    borderColor: "string"
+  }
+};
+function registerAvatarBadge(loader, customAvatarBadgeMeta) {
+  var doRegisterComponent = function doRegisterComponent() {
+    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
+  };
+
+  doRegisterComponent(AvatarBadge, customAvatarBadgeMeta != null ? customAvatarBadgeMeta : avatarBadgeMeta);
+}
+var avatarMeta = {
+  name: "Avatar",
+  importPath: "@chakra-ui/react",
+  parentComponentName: "AvatarGroup",
+  props: {
+    name: {
+      type: "string",
+      defaultValue: "Kola Tioluwani"
+    },
+    src: {
+      type: "string",
+      defaultValue: "https://bit.ly/dan-abramov"
+    },
+    size: {
+      type: "choice",
+      options: ["2xs", "xs", "sm", "md", "lg", "xl", "2xl", "full"]
+    },
+    loading: {
+      type: "choice",
+      options: ["eager", "lazy"]
+    },
+    showBorder: "boolean",
+    children: {
+      type: "slot",
+      hidePlaceholder: true,
+      allowedComponents: ["AvatarBadge"],
+      defaultValue: {
+        type: "component",
+        name: "Badge"
+      }
+    }
+  }
+};
+function registerAvatar(loader, customAvatarMeta) {
+  var doRegisterComponent = function doRegisterComponent() {
+    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
+  };
+
+  doRegisterComponent(Avatar, customAvatarMeta != null ? customAvatarMeta : avatarMeta);
+}
+var avatarGroupMeta = {
+  name: "AvatarGroup",
+  importPath: "@chakra-ui/react",
+  props: {
+    size: {
+      type: "choice",
+      options: ["2xs", "xs", "sm", "md", "lg", "xl", "2xl", "full"]
+    },
+    max: {
+      type: "number",
+      description: "The maximum number of avatars to show before truncating."
+    },
+    spacing: {
+      type: "string",
+      defaultValue: "-0.75rem"
+    },
+    children: {
+      type: "slot",
+      allowedComponents: ["Avatar"],
+      defaultValue: [{
+        type: "component",
+        name: "Avatar",
+        props: {
+          name: "Dan Abrahmov",
+          src: "https://bit.ly/dan-abramov"
+        }
+      }, {
+        type: "component",
+        name: "Avatar",
+        props: {
+          name: "Kola Tioluwani",
+          src: "https://bit.ly/tioluwani-kolawole"
+        }
+      }, {
+        type: "component",
+        name: "Avatar",
+        props: {
+          name: "Kent Dodds",
+          src: "https://bit.ly/kent-c-dodds"
+        }
+      }, {
+        type: "component",
+        name: "Avatar",
+        props: {
+          name: "Ryan Florence",
+          src: "https://bit.ly/ryan-florence"
+        }
+      }, {
+        type: "component",
+        name: "Avatar",
+        props: {
+          name: "Prosper Otemuyiwa",
+          src: "https://bit.ly/prosper-baba"
+        }
+      }, {
+        type: "component",
+        name: "Avatar",
+        props: {
+          name: "Christian Nwamba",
+          src: "https://bit.ly/code-beast"
+        }
+      }, {
+        type: "component",
+        name: "Avatar",
+        props: {
+          name: "Segun Adebayo",
+          src: "https://bit.ly/sage-adebayo"
+        }
+      }]
+    }
+  }
+};
+function registerAvatarGroup(loader, customAvatarGroupMeta) {
+  var doRegisterComponent = function doRegisterComponent() {
+    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
+  };
+
+  doRegisterComponent(AvatarGroup, customAvatarGroupMeta != null ? customAvatarGroupMeta : avatarGroupMeta);
+}
+
+var formControlMeta = {
+  name: "FormControl",
+  importPath: "@chakra-ui/react",
+  props: {
+    label: "string",
+    isDisabled: "boolean",
+    isInvalid: "boolean",
+    isRequired: "boolean",
+    isreadOnly: "boolean",
+    children: {
+      type: "slot",
+      defaultValue: [{
+        type: "component",
+        name: "FormLabel"
+      }, {
+        type: "component",
+        name: "Input"
+      }]
+    }
+  }
+};
+function registerFormControl(loader, customFormControlMeta) {
+  var doRegisterComponent = function doRegisterComponent() {
+    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
+  };
+
+  doRegisterComponent(FormControl, customFormControlMeta != null ? customFormControlMeta : formControlMeta);
+}
+var formLabelMeta = {
+  name: "FormLabel",
+  importPath: "@chakra-ui/react",
+  parentComponentName: "FormControl",
+  props: {
+    children: {
+      type: "slot",
+      defaultValue: {
+        type: "text",
+        value: "Label",
+        styles: {
+          display: "inline-block",
+          width: "auto"
+        }
+      }
+    }
+  }
+};
+function registerFormLabel(loader, customFormLabelMeta) {
+  var doRegisterComponent = function doRegisterComponent() {
+    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
+  };
+
+  doRegisterComponent(FormLabel, customFormLabelMeta != null ? customFormLabelMeta : formLabelMeta);
+}
+var formHelperTextMeta = {
+  name: "FormHelperText",
+  importPath: "@chakra-ui/react",
+  parentComponentName: "FormControl",
+  props: {
+    children: {
+      type: "slot",
+      defaultValue: {
+        type: "text",
+        value: "We'll never share your email."
+      }
+    }
+  }
+};
+function registerFormHelperText(loader, customFormHelperTextMeta) {
+  var doRegisterComponent = function doRegisterComponent() {
+    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
+  };
+
+  doRegisterComponent(FormHelperText, customFormHelperTextMeta != null ? customFormHelperTextMeta : formHelperTextMeta);
+}
+var formErrorMessageMeta = {
+  name: "FormErrorMessage",
+  importPath: "@chakra-ui/react",
+  parentComponentName: "FormControl",
+  props: {
+    children: {
+      type: "slot",
+      defaultValue: {
+        type: "text",
+        value: "This is an error message."
+      }
+    }
+  }
+};
+function registerFormErrorMessage(loader, customFormErrorMessageMeta) {
+  var doRegisterComponent = function doRegisterComponent() {
+    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
+  };
+
+  doRegisterComponent(FormErrorMessage, customFormErrorMessageMeta != null ? customFormErrorMessageMeta : formErrorMessageMeta);
+}
+
+var progressMeta = {
+  name: "Progress",
+  importPath: "@chakra-ui/react",
+  props: {
+    colorScheme: {
+      type: "choice",
+      options: ["whiteAlpha", "blackAlpha", "gray", "red", "orange", "yellow", "green", "teal", "blue", "cyan", "purple", "pink", "linkedin", "facebook", "messenger", "whatsapp", "twitter", "telegram"],
+      defaultValue: "blue"
+    },
+    size: {
+      type: "choice",
+      options: ["xs", "sm", "md", "lg"],
+      defaultValue: "md"
+    },
+    max: {
+      type: "number",
+      defaultValue: 100
+    },
+    min: {
+      type: "number",
+      defaultValue: 0
+    },
+    value: "number",
+    isIndeterminate: {
+      type: "boolean"
+    },
+    hasStripe: {
+      type: "boolean"
+    },
+    isAnimated: {
+      type: "boolean",
+      hidden: function hidden(props) {
+        return !props.hasStripe;
+      }
+    }
+  }
+};
+function registerProgress(loader, customProgressMeta) {
+  var doRegisterComponent = function doRegisterComponent() {
+    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
+  };
+
+  doRegisterComponent(Progress, customProgressMeta != null ? customProgressMeta : progressMeta);
+}
+
+function registerAll(loader) {
+  registerAspectRatio(loader);
+  registerBadge(loader);
+  registerBreadcrumb(loader);
+  registerBreadcrumbItem(loader);
+  registerBreadcrumbLink(loader);
+  registerBreadcrumbSeparator(loader);
+  registerButton(loader);
+  registerButtonGroup(loader);
+  registerCheckbox(loader);
+  registerCheckboxGroup(loader);
+  registerCode(loader);
+  registerDivider(loader);
+  registerImage(loader);
+  registerInput(loader);
+  registerKbd(loader);
+  registerNumberInput(loader);
+  registerNumberInputStepper(loader);
+  registerNumberDecrementStepper(loader);
+  registerNumberIncrementStepper(loader);
+  registerNumberInputField(loader);
+  registerPinInput(loader);
+  registerPinInputField(loader);
+  registerPopover(loader);
+  registerPopoverContent(loader);
+  registerPopoverArrow(loader);
+  registerPopoverCloseButton(loader);
+  registerPopoverHeader(loader);
+  registerPopoverBody(loader);
+  registerPopoverTrigger(loader);
+  registerRadio(loader);
+  registerRadioGroup(loader);
+  registerSelect(loader);
+  registerOption(loader);
+  registerStat(loader);
+  registerStatHelpText(loader);
+  registerStatArrow(loader);
+  registerStatNumber(loader);
+  registerStatLabel(loader);
+  registerSwitch(loader);
+  registerTable(loader);
+  registerTableCaption(loader);
+  registerThead(loader);
+  registerTbody(loader);
+  registerTr(loader);
+  registerTd(loader);
+  registerTh(loader);
+  registerTableContainer(loader);
+  registerTabList(loader);
+  registerTabs(loader);
+  registerTab(loader);
+  registerTabPanels(loader);
+  registerTabPanel(loader);
+  registerText(loader);
+  registerTfoot(loader);
+  registerHighlight(loader);
+  registerHeading(loader);
+  registerToast(loader);
+  registerTooltip(loader);
+  registerAvatarBadge(loader);
+  registerAvatar(loader);
+  registerAvatarGroup(loader);
+  registerAccordion(loader);
+  registerAccordionItem(loader);
+  registerAccordionButton(loader);
+  registerAccordionPanel(loader);
+  registerAccordionIcon(loader);
+  registerFormControl(loader);
+  registerFormLabel(loader);
+  registerFormHelperText(loader);
+  registerFormErrorMessage(loader);
+  registerProgress(loader);
+}
+
+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 };
+//# sourceMappingURL=plasmic-chakra-ui.esm.js.map