@plasmicpkgs/react-aria 0.0.10 → 0.0.12

package/dist/react-aria.esm.js

@@ -1,29 +1,79 @@
 import React, { useEffect } from 'react';
-import { Button, ComboBox, ComboBoxStateContext, Input, Label, ListBoxItem, ListBox, PopoverContext, Popover, Header, Section, Collection, SelectValue, Select } from 'react-aria-components';
+import { Button, ComboBox, ComboBoxStateContext, Form, Input, Label, ListBoxItem, ListBox, PopoverContext, Popover, Header, Section, Collection, SelectValue, Select, Switch } from 'react-aria-components';
 import registerComponent from '@plasmicapp/host/registerComponent';
 import { useFilter } from '@react-aria/i18n';
 import { mergeProps } from '@react-aria/utils';
 import { usePlasmicCanvasContext } from '@plasmicapp/host';
 
-var __defProp$a = Object.defineProperty;
-var __defProps$3 = Object.defineProperties;
-var __getOwnPropDescs$3 = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$a = Object.getOwnPropertySymbols;
-var __hasOwnProp$a = Object.prototype.hasOwnProperty;
-var __propIsEnum$a = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$a = (obj, key, value) => key in obj ? __defProp$a(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$a = (a, b) => {
+function getCommonInputProps(fieldName, fields) {
+  const commonInputProps = {
+    name: {
+      type: "string",
+      description: "Name for this field if it is part of a form"
+    },
+    isDisabled: {
+      displayName: "Disabled",
+      type: "boolean",
+      description: `Whether the ${fieldName} is read-only and unfocusable`,
+      defaultValueHint: false
+    },
+    isReadOnly: {
+      displayName: "Read only",
+      type: "boolean",
+      description: `Whether the value of this ${fieldName} can be changed by the user`,
+      defaultValueHint: false
+    },
+    autoFocus: {
+      type: "boolean",
+      description: `Whether the ${fieldName} should be focused when rendered`,
+      defaultValueHint: false,
+      advanced: true
+    },
+    "aria-label": {
+      type: "string",
+      displayName: "Aria Label",
+      description: `Label for this ${fieldName}, if no visible label is used, to identify the element to assistive technology`,
+      advanced: true
+    },
+    isRequired: {
+      displayName: "Required",
+      type: "boolean",
+      description: `Whether user input is required on the ${fieldName} before form submission.`,
+      defaultValueHint: false
+    },
+    children: {
+      type: "slot",
+      mergeWithParent: true
+    }
+  };
+  const filteredProps = {};
+  fields.forEach((field) => {
+    if (commonInputProps.hasOwnProperty(field)) {
+      filteredProps[field] = commonInputProps[field];
+    }
+  });
+  return filteredProps;
+}
+
+var __defProp$c = Object.defineProperty;
+var __defProps$5 = Object.defineProperties;
+var __getOwnPropDescs$5 = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$c = Object.getOwnPropertySymbols;
+var __hasOwnProp$c = Object.prototype.hasOwnProperty;
+var __propIsEnum$c = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$c = (obj, key, value) => key in obj ? __defProp$c(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$c = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$a.call(b, prop))
-      __defNormalProp$a(a, prop, b[prop]);
-  if (__getOwnPropSymbols$a)
-    for (var prop of __getOwnPropSymbols$a(b)) {
-      if (__propIsEnum$a.call(b, prop))
-        __defNormalProp$a(a, prop, b[prop]);
+    if (__hasOwnProp$c.call(b, prop))
+      __defNormalProp$c(a, prop, b[prop]);
+  if (__getOwnPropSymbols$c)
+    for (var prop of __getOwnPropSymbols$c(b)) {
+      if (__propIsEnum$c.call(b, prop))
+        __defNormalProp$c(a, prop, b[prop]);
     }
   return a;
 };
-var __spreadProps$3 = (a, b) => __defProps$3(a, __getOwnPropDescs$3(b));
+var __spreadProps$5 = (a, b) => __defProps$5(a, __getOwnPropDescs$5(b));
 function ValueObserver({ value, onChange }) {
   useEffect(() => {
     onChange(value);
@@ -32,8 +82,8 @@ function ValueObserver({ value, onChange }) {
 }
 function registerComponentHelper(loader, component, meta, overrides) {
   if (overrides) {
-    meta = __spreadProps$3(__spreadValues$a(__spreadValues$a({}, meta), overrides), {
-      props: __spreadValues$a(__spreadValues$a({}, meta.props), overrides.props)
+    meta = __spreadProps$5(__spreadValues$c(__spreadValues$c({}, meta), overrides), {
+      props: __spreadValues$c(__spreadValues$c({}, meta.props), overrides.props)
     });
     if (overrides.parentComponentName) {
       meta.name = makeChildComponentName(
@@ -71,37 +121,41 @@ function withoutNils(array) {
   return array.filter((x) => x != null);
 }
 
-var __defProp$9 = Object.defineProperty;
-var __getOwnPropSymbols$9 = Object.getOwnPropertySymbols;
-var __hasOwnProp$9 = Object.prototype.hasOwnProperty;
-var __propIsEnum$9 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$9 = (obj, key, value) => key in obj ? __defProp$9(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$9 = (a, b) => {
+var __defProp$b = Object.defineProperty;
+var __defProps$4 = Object.defineProperties;
+var __getOwnPropDescs$4 = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$b = Object.getOwnPropertySymbols;
+var __hasOwnProp$b = Object.prototype.hasOwnProperty;
+var __propIsEnum$b = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$b = (obj, key, value) => key in obj ? __defProp$b(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$b = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$9.call(b, prop))
-      __defNormalProp$9(a, prop, b[prop]);
-  if (__getOwnPropSymbols$9)
-    for (var prop of __getOwnPropSymbols$9(b)) {
-      if (__propIsEnum$9.call(b, prop))
-        __defNormalProp$9(a, prop, b[prop]);
+    if (__hasOwnProp$b.call(b, prop))
+      __defNormalProp$b(a, prop, b[prop]);
+  if (__getOwnPropSymbols$b)
+    for (var prop of __getOwnPropSymbols$b(b)) {
+      if (__propIsEnum$b.call(b, prop))
+        __defNormalProp$b(a, prop, b[prop]);
     }
   return a;
 };
-var __objRest$3 = (source, exclude) => {
+var __spreadProps$4 = (a, b) => __defProps$4(a, __getOwnPropDescs$4(b));
+var __objRest$4 = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$9.call(source, prop) && exclude.indexOf(prop) < 0)
+    if (__hasOwnProp$b.call(source, prop) && exclude.indexOf(prop) < 0)
       target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols$9)
-    for (var prop of __getOwnPropSymbols$9(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$9.call(source, prop))
+  if (source != null && __getOwnPropSymbols$b)
+    for (var prop of __getOwnPropSymbols$b(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$b.call(source, prop))
         target[prop] = source[prop];
     }
   return target;
 };
 function BaseButton(props) {
-  const _a = props, { submitsForm, onFocusVisibleChange, children } = _a, rest = __objRest$3(_a, ["submitsForm", "onFocusVisibleChange", "children"]);
-  return /* @__PURE__ */ React.createElement(Button, __spreadValues$9({ type: submitsForm ? "submit" : "button" }, rest), ({ isFocusVisible }) => /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+  const _a = props, { submitsForm, onFocusVisibleChange, resetsForm, children } = _a, rest = __objRest$4(_a, ["submitsForm", "onFocusVisibleChange", "resetsForm", "children"]);
+  const type = submitsForm ? "submit" : resetsForm ? "reset" : "button";
+  return /* @__PURE__ */ React.createElement(Button, __spreadValues$b({ type }, rest), ({ isFocusVisible }) => /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
     ValueObserver,
     {
       value: isFocusVisible,
@@ -118,28 +172,25 @@ function registerButton(loader, overrides) {
       displayName: "BaseButton",
       importPath: "@plasmicpkgs/react-aria/registerButton",
       importName: "BaseButton",
-      props: {
-        children: {
-          type: "slot",
-          mergeWithParent: true
-        },
-        isDisabled: {
-          displayName: "Disabled",
-          type: "boolean",
-          description: "Whether the button is disabled",
-          defaultValueHint: false
-        },
+      props: __spreadProps$4(__spreadValues$b({}, getCommonInputProps("button", [
+        "isDisabled",
+        "aria-label",
+        "children"
+      ])), {
         submitsForm: {
           type: "boolean",
           displayName: "Submits form?",
           defaultValueHint: false,
+          hidden: (ps) => Boolean(ps.resetsForm),
           description: "Whether clicking this button should submit the enclosing form.",
           advanced: true
         },
-        "aria-label": {
-          type: "string",
-          displayName: "Aria Label",
-          description: "Label for this button, if no visible label is used (e.g. an icon only button)",
+        resetsForm: {
+          type: "boolean",
+          displayName: "Resets form?",
+          defaultValueHint: false,
+          hidden: (ps) => Boolean(ps.submitsForm),
+          description: "Whether clicking this button should reset the enclosing form.",
           advanced: true
         },
         onPress: {
@@ -162,7 +213,7 @@ function registerButton(loader, overrides) {
           type: "eventHandler",
           argTypes: [{ name: "isFocusVisible", type: "boolean" }]
         }
-      },
+      }),
       states: {
         isHovered: {
           type: "readonly",
@@ -191,7 +242,7 @@ function registerButton(loader, overrides) {
   );
 }
 
-const PlasmicLabelContext = React.createContext(void 0);
+React.createContext(void 0);
 const PlasmicListBoxContext = React.createContext(void 0);
 const PlasmicPopoverContext = React.createContext(void 0);
 const PlasmicItemContext = React.createContext(void 0);
@@ -348,25 +399,25 @@ function makeValuePropType() {
   return type;
 }
 
-var __defProp$8 = Object.defineProperty;
-var __defProps$2 = Object.defineProperties;
-var __getOwnPropDescs$2 = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$8 = Object.getOwnPropertySymbols;
-var __hasOwnProp$8 = Object.prototype.hasOwnProperty;
-var __propIsEnum$8 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$8 = (obj, key, value) => key in obj ? __defProp$8(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$8 = (a, b) => {
+var __defProp$a = Object.defineProperty;
+var __defProps$3 = Object.defineProperties;
+var __getOwnPropDescs$3 = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$a = Object.getOwnPropertySymbols;
+var __hasOwnProp$a = Object.prototype.hasOwnProperty;
+var __propIsEnum$a = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$a = (obj, key, value) => key in obj ? __defProp$a(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$a = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$8.call(b, prop))
-      __defNormalProp$8(a, prop, b[prop]);
-  if (__getOwnPropSymbols$8)
-    for (var prop of __getOwnPropSymbols$8(b)) {
-      if (__propIsEnum$8.call(b, prop))
-        __defNormalProp$8(a, prop, b[prop]);
+    if (__hasOwnProp$a.call(b, prop))
+      __defNormalProp$a(a, prop, b[prop]);
+  if (__getOwnPropSymbols$a)
+    for (var prop of __getOwnPropSymbols$a(b)) {
+      if (__propIsEnum$a.call(b, prop))
+        __defNormalProp$a(a, prop, b[prop]);
     }
   return a;
 };
-var __spreadProps$2 = (a, b) => __defProps$2(a, __getOwnPropDescs$2(b));
+var __spreadProps$3 = (a, b) => __defProps$3(a, __getOwnPropDescs$3(b));
 function BaseComboBox(props) {
   const {
     value,
@@ -399,7 +450,7 @@ function BaseComboBox(props) {
       return withoutNils(
         options2.map((op) => {
           if (op.type === "section") {
-            return __spreadProps$2(__spreadValues$8({}, op), {
+            return __spreadProps$3(__spreadValues$a({}, op), {
               items: op.items ? filterOptions(op.items) : void 0
             });
           } else {
@@ -483,7 +534,7 @@ function BaseComboBox(props) {
   ]);
   return /* @__PURE__ */ React.createElement(
     ComboBox,
-    __spreadValues$8({
+    __spreadValues$a({
       selectedKey: value,
       onSelectionChange,
       isDisabled,
@@ -622,25 +673,107 @@ function registerComboBox(loader) {
   });
 }
 
-var __defProp$7 = Object.defineProperty;
-var __getOwnPropSymbols$7 = Object.getOwnPropertySymbols;
-var __hasOwnProp$7 = Object.prototype.hasOwnProperty;
-var __propIsEnum$7 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$7 = (obj, key, value) => key in obj ? __defProp$7(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$7 = (a, b) => {
+var __defProp$9 = Object.defineProperty;
+var __getOwnPropSymbols$9 = Object.getOwnPropertySymbols;
+var __hasOwnProp$9 = Object.prototype.hasOwnProperty;
+var __propIsEnum$9 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$9 = (obj, key, value) => key in obj ? __defProp$9(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$9 = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$7.call(b, prop))
-      __defNormalProp$7(a, prop, b[prop]);
-  if (__getOwnPropSymbols$7)
-    for (var prop of __getOwnPropSymbols$7(b)) {
-      if (__propIsEnum$7.call(b, prop))
-        __defNormalProp$7(a, prop, b[prop]);
+    if (__hasOwnProp$9.call(b, prop))
+      __defNormalProp$9(a, prop, b[prop]);
+  if (__getOwnPropSymbols$9)
+    for (var prop of __getOwnPropSymbols$9(b)) {
+      if (__propIsEnum$9.call(b, prop))
+        __defNormalProp$9(a, prop, b[prop]);
+    }
+  return a;
+};
+var __objRest$3 = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp$9.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols$9)
+    for (var prop of __getOwnPropSymbols$9(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$9.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+function BaseForm(props) {
+  const _a = props, { onSubmit, children } = _a, rest = __objRest$3(_a, ["onSubmit", "children"]);
+  return /* @__PURE__ */ React.createElement(
+    Form,
+    __spreadValues$9({
+      onSubmit: (e) => {
+        e.preventDefault();
+        const formData = new FormData(e.currentTarget);
+        const formValues = {};
+        formData.forEach((value, key) => {
+          const field = e.currentTarget.elements.namedItem(key);
+          if (field instanceof RadioNodeList && Array.from(field.values()).every(
+            (f) => f.type === "checkbox"
+          )) {
+            formValues[key] = formData.getAll(key);
+          } else {
+            field.type;
+            formValues[key] = formData.get(key);
+          }
+        });
+        onSubmit == null ? void 0 : onSubmit(formValues);
+      }
+    }, rest),
+    children
+  );
+}
+function registerForm(loader, overrides) {
+  registerComponentHelper(
+    loader,
+    BaseForm,
+    {
+      name: makeComponentName("form"),
+      displayName: "BaseForm",
+      importPath: "@plasmicpkgs/react-aria/registerForm",
+      importName: "BaseForm",
+      props: {
+        children: {
+          type: "slot"
+        },
+        onSubmit: {
+          type: "eventHandler",
+          argTypes: [{ name: "data", type: "object" }]
+        },
+        onReset: {
+          type: "eventHandler",
+          argTypes: []
+        }
+      },
+      trapsFocus: true
+    },
+    overrides
+  );
+}
+
+var __defProp$8 = Object.defineProperty;
+var __getOwnPropSymbols$8 = Object.getOwnPropertySymbols;
+var __hasOwnProp$8 = Object.prototype.hasOwnProperty;
+var __propIsEnum$8 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$8 = (obj, key, value) => key in obj ? __defProp$8(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$8 = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp$8.call(b, prop))
+      __defNormalProp$8(a, prop, b[prop]);
+  if (__getOwnPropSymbols$8)
+    for (var prop of __getOwnPropSymbols$8(b)) {
+      if (__propIsEnum$8.call(b, prop))
+        __defNormalProp$8(a, prop, b[prop]);
     }
   return a;
 };
 function BaseInput(props) {
   const contextProps = React.useContext(PlasmicInputContext);
-  return /* @__PURE__ */ React.createElement(Input, __spreadValues$7({}, mergeProps(contextProps, props)));
+  return /* @__PURE__ */ React.createElement(Input, __spreadValues$8({}, mergeProps(contextProps, props)));
 }
 function registerInput(loader, overrides) {
   registerComponentHelper(
@@ -684,43 +817,37 @@ function registerInput(loader, overrides) {
   );
 }
 
-var __defProp$6 = Object.defineProperty;
-var __getOwnPropSymbols$6 = Object.getOwnPropertySymbols;
-var __hasOwnProp$6 = Object.prototype.hasOwnProperty;
-var __propIsEnum$6 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$6 = (obj, key, value) => key in obj ? __defProp$6(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$6 = (a, b) => {
+var __defProp$7 = Object.defineProperty;
+var __getOwnPropSymbols$7 = Object.getOwnPropertySymbols;
+var __hasOwnProp$7 = Object.prototype.hasOwnProperty;
+var __propIsEnum$7 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$7 = (obj, key, value) => key in obj ? __defProp$7(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$7 = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$6.call(b, prop))
-      __defNormalProp$6(a, prop, b[prop]);
-  if (__getOwnPropSymbols$6)
-    for (var prop of __getOwnPropSymbols$6(b)) {
-      if (__propIsEnum$6.call(b, prop))
-        __defNormalProp$6(a, prop, b[prop]);
+    if (__hasOwnProp$7.call(b, prop))
+      __defNormalProp$7(a, prop, b[prop]);
+  if (__getOwnPropSymbols$7)
+    for (var prop of __getOwnPropSymbols$7(b)) {
+      if (__propIsEnum$7.call(b, prop))
+        __defNormalProp$7(a, prop, b[prop]);
     }
   return a;
 };
 function BaseLabel(props) {
-  const contextProps = React.useContext(PlasmicLabelContext);
-  return /* @__PURE__ */ React.createElement(Label, __spreadValues$6({}, mergeProps(contextProps, props)));
+  return /* @__PURE__ */ React.createElement(Label, __spreadValues$7({}, props));
 }
 function registerLabel(loader, overrides) {
   registerComponentHelper(
     loader,
     BaseLabel,
     {
-      name: "plasmic-react-aria-label",
+      name: makeComponentName("label"),
       displayName: "BaseLabel",
       importPath: "@plasmicpkgs/react-aria/registerLabel",
       importName: "BaseLabel",
       props: {
         children: {
-          type: "slot",
-          defaultValue: {
-            type: "text",
-            value: "Label"
-          },
-          mergeWithParent: true
+          type: "slot"
         }
       },
       trapsFocus: true
@@ -729,19 +856,19 @@ function registerLabel(loader, overrides) {
   );
 }
 
-var __defProp$5 = Object.defineProperty;
-var __getOwnPropSymbols$5 = Object.getOwnPropertySymbols;
-var __hasOwnProp$5 = Object.prototype.hasOwnProperty;
-var __propIsEnum$5 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$5 = (obj, key, value) => key in obj ? __defProp$5(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$5 = (a, b) => {
+var __defProp$6 = Object.defineProperty;
+var __getOwnPropSymbols$6 = Object.getOwnPropertySymbols;
+var __hasOwnProp$6 = Object.prototype.hasOwnProperty;
+var __propIsEnum$6 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$6 = (obj, key, value) => key in obj ? __defProp$6(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$6 = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$5.call(b, prop))
-      __defNormalProp$5(a, prop, b[prop]);
-  if (__getOwnPropSymbols$5)
-    for (var prop of __getOwnPropSymbols$5(b)) {
-      if (__propIsEnum$5.call(b, prop))
-        __defNormalProp$5(a, prop, b[prop]);
+    if (__hasOwnProp$6.call(b, prop))
+      __defNormalProp$6(a, prop, b[prop]);
+  if (__getOwnPropSymbols$6)
+    for (var prop of __getOwnPropSymbols$6(b)) {
+      if (__propIsEnum$6.call(b, prop))
+        __defNormalProp$6(a, prop, b[prop]);
     }
   return a;
 };
@@ -749,7 +876,7 @@ function BaseListBoxItem(props) {
   var _a;
   const contextProps = React.useContext(PlasmicItemContext);
   const mergedProps = mergeProps(contextProps, props);
-  return /* @__PURE__ */ React.createElement(ListBoxItem, __spreadValues$5({ id: (_a = mergedProps.key) != null ? _a : void 0 }, mergedProps));
+  return /* @__PURE__ */ React.createElement(ListBoxItem, __spreadValues$6({ id: (_a = mergedProps.key) != null ? _a : void 0 }, mergedProps));
 }
 function registerListBoxItem(loader, overrides) {
   registerComponentHelper(
@@ -785,33 +912,33 @@ function registerListBoxItem(loader, overrides) {
   );
 }
 
-var __defProp$4 = Object.defineProperty;
-var __defProps$1 = Object.defineProperties;
-var __getOwnPropDescs$1 = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$4 = Object.getOwnPropertySymbols;
-var __hasOwnProp$4 = Object.prototype.hasOwnProperty;
-var __propIsEnum$4 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$4 = (obj, key, value) => key in obj ? __defProp$4(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$4 = (a, b) => {
+var __defProp$5 = Object.defineProperty;
+var __defProps$2 = Object.defineProperties;
+var __getOwnPropDescs$2 = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$5 = Object.getOwnPropertySymbols;
+var __hasOwnProp$5 = Object.prototype.hasOwnProperty;
+var __propIsEnum$5 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$5 = (obj, key, value) => key in obj ? __defProp$5(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$5 = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$4.call(b, prop))
-      __defNormalProp$4(a, prop, b[prop]);
-  if (__getOwnPropSymbols$4)
-    for (var prop of __getOwnPropSymbols$4(b)) {
-      if (__propIsEnum$4.call(b, prop))
-        __defNormalProp$4(a, prop, b[prop]);
+    if (__hasOwnProp$5.call(b, prop))
+      __defNormalProp$5(a, prop, b[prop]);
+  if (__getOwnPropSymbols$5)
+    for (var prop of __getOwnPropSymbols$5(b)) {
+      if (__propIsEnum$5.call(b, prop))
+        __defNormalProp$5(a, prop, b[prop]);
     }
   return a;
 };
-var __spreadProps$1 = (a, b) => __defProps$1(a, __getOwnPropDescs$1(b));
+var __spreadProps$2 = (a, b) => __defProps$2(a, __getOwnPropDescs$2(b));
 var __objRest$2 = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$4.call(source, prop) && exclude.indexOf(prop) < 0)
+    if (__hasOwnProp$5.call(source, prop) && exclude.indexOf(prop) < 0)
       target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols$4)
-    for (var prop of __getOwnPropSymbols$4(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$4.call(source, prop))
+  if (source != null && __getOwnPropSymbols$5)
+    for (var prop of __getOwnPropSymbols$5(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$5.call(source, prop))
         target[prop] = source[prop];
     }
   return target;
@@ -867,14 +994,14 @@ function BaseListBox(props) {
     "renderSection",
     "getItemType"
   ]);
-  return /* @__PURE__ */ React.createElement(ListBox, __spreadValues$4({}, mergeProps(contextProps, rest)), (item) => {
+  return /* @__PURE__ */ React.createElement(ListBox, __spreadValues$5({}, mergeProps(contextProps, rest)), (item) => {
     if ((getItemType == null ? void 0 : getItemType(item)) === "section") {
       const sectionProps = makeSectionProps == null ? void 0 : makeSectionProps(item);
       return /* @__PURE__ */ React.createElement(
         PlasmicSectionContext.Provider,
         {
           key: sectionProps == null ? void 0 : sectionProps.key,
-          value: __spreadProps$1(__spreadValues$4({}, sectionProps), { makeItemProps, renderItem })
+          value: __spreadProps$2(__spreadValues$5({}, sectionProps), { makeItemProps, renderItem })
         },
         renderSection == null ? void 0 : renderSection(item)
       );
@@ -927,33 +1054,33 @@ function registerListBox(loader, overrides) {
   });
 }
 
-var __defProp$3 = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$3 = Object.getOwnPropertySymbols;
-var __hasOwnProp$3 = Object.prototype.hasOwnProperty;
-var __propIsEnum$3 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$3 = (obj, key, value) => key in obj ? __defProp$3(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$3 = (a, b) => {
+var __defProp$4 = Object.defineProperty;
+var __defProps$1 = Object.defineProperties;
+var __getOwnPropDescs$1 = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$4 = Object.getOwnPropertySymbols;
+var __hasOwnProp$4 = Object.prototype.hasOwnProperty;
+var __propIsEnum$4 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$4 = (obj, key, value) => key in obj ? __defProp$4(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$4 = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$3.call(b, prop))
-      __defNormalProp$3(a, prop, b[prop]);
-  if (__getOwnPropSymbols$3)
-    for (var prop of __getOwnPropSymbols$3(b)) {
-      if (__propIsEnum$3.call(b, prop))
-        __defNormalProp$3(a, prop, b[prop]);
+    if (__hasOwnProp$4.call(b, prop))
+      __defNormalProp$4(a, prop, b[prop]);
+  if (__getOwnPropSymbols$4)
+    for (var prop of __getOwnPropSymbols$4(b)) {
+      if (__propIsEnum$4.call(b, prop))
+        __defNormalProp$4(a, prop, b[prop]);
     }
   return a;
 };
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __spreadProps$1 = (a, b) => __defProps$1(a, __getOwnPropDescs$1(b));
 var __objRest$1 = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$3.call(source, prop) && exclude.indexOf(prop) < 0)
+    if (__hasOwnProp$4.call(source, prop) && exclude.indexOf(prop) < 0)
       target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols$3)
-    for (var prop of __getOwnPropSymbols$3(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$3.call(source, prop))
+  if (source != null && __getOwnPropSymbols$4)
+    for (var prop of __getOwnPropSymbols$4(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$4.call(source, prop))
         target[prop] = source[prop];
     }
   return target;
@@ -970,14 +1097,14 @@ function BasePopover(props) {
     const triggerRef = React.useRef(null);
     return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", { ref: triggerRef }), /* @__PURE__ */ React.createElement(
       Popover,
-      __spreadProps(__spreadValues$3({}, mergedProps), {
+      __spreadProps$1(__spreadValues$4({}, mergedProps), {
         triggerRef,
         isNonModal: true,
         isOpen: true
       })
     ));
   } else {
-    return /* @__PURE__ */ React.createElement(Popover, __spreadProps(__spreadValues$3({}, mergedProps), { isNonModal: !!canvas }));
+    return /* @__PURE__ */ React.createElement(Popover, __spreadProps$1(__spreadValues$4({}, mergedProps), { isNonModal: !!canvas }));
   }
 }
 function registerPopover(loader, overrides) {
@@ -1035,25 +1162,25 @@ function registerPopover(loader, overrides) {
   );
 }
 
-var __defProp$2 = Object.defineProperty;
-var __getOwnPropSymbols$2 = Object.getOwnPropertySymbols;
-var __hasOwnProp$2 = Object.prototype.hasOwnProperty;
-var __propIsEnum$2 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$2 = (obj, key, value) => key in obj ? __defProp$2(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$2 = (a, b) => {
+var __defProp$3 = Object.defineProperty;
+var __getOwnPropSymbols$3 = Object.getOwnPropertySymbols;
+var __hasOwnProp$3 = Object.prototype.hasOwnProperty;
+var __propIsEnum$3 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$3 = (obj, key, value) => key in obj ? __defProp$3(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$3 = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$2.call(b, prop))
-      __defNormalProp$2(a, prop, b[prop]);
-  if (__getOwnPropSymbols$2)
-    for (var prop of __getOwnPropSymbols$2(b)) {
-      if (__propIsEnum$2.call(b, prop))
-        __defNormalProp$2(a, prop, b[prop]);
+    if (__hasOwnProp$3.call(b, prop))
+      __defNormalProp$3(a, prop, b[prop]);
+  if (__getOwnPropSymbols$3)
+    for (var prop of __getOwnPropSymbols$3(b)) {
+      if (__propIsEnum$3.call(b, prop))
+        __defNormalProp$3(a, prop, b[prop]);
     }
   return a;
 };
 function BaseHeader(props) {
   const contextProps = React.useContext(PlasmicHeaderContext);
-  return /* @__PURE__ */ React.createElement(Header, __spreadValues$2({}, mergeProps(contextProps, props)));
+  return /* @__PURE__ */ React.createElement(Header, __spreadValues$3({}, mergeProps(contextProps, props)));
 }
 function registerHeader(loader, overrides) {
   registerComponentHelper(
@@ -1070,30 +1197,30 @@ function registerHeader(loader, overrides) {
   );
 }
 
-var __defProp$1 = Object.defineProperty;
-var __getOwnPropSymbols$1 = Object.getOwnPropertySymbols;
-var __hasOwnProp$1 = Object.prototype.hasOwnProperty;
-var __propIsEnum$1 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$1 = (obj, key, value) => key in obj ? __defProp$1(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$1 = (a, b) => {
+var __defProp$2 = Object.defineProperty;
+var __getOwnPropSymbols$2 = Object.getOwnPropertySymbols;
+var __hasOwnProp$2 = Object.prototype.hasOwnProperty;
+var __propIsEnum$2 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$2 = (obj, key, value) => key in obj ? __defProp$2(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$2 = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$1.call(b, prop))
-      __defNormalProp$1(a, prop, b[prop]);
-  if (__getOwnPropSymbols$1)
-    for (var prop of __getOwnPropSymbols$1(b)) {
-      if (__propIsEnum$1.call(b, prop))
-        __defNormalProp$1(a, prop, b[prop]);
+    if (__hasOwnProp$2.call(b, prop))
+      __defNormalProp$2(a, prop, b[prop]);
+  if (__getOwnPropSymbols$2)
+    for (var prop of __getOwnPropSymbols$2(b)) {
+      if (__propIsEnum$2.call(b, prop))
+        __defNormalProp$2(a, prop, b[prop]);
     }
   return a;
 };
 var __objRest = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$1.call(source, prop) && exclude.indexOf(prop) < 0)
+    if (__hasOwnProp$2.call(source, prop) && exclude.indexOf(prop) < 0)
       target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols$1)
-    for (var prop of __getOwnPropSymbols$1(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$1.call(source, prop))
+  if (source != null && __getOwnPropSymbols$2)
+    for (var prop of __getOwnPropSymbols$2(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$2.call(source, prop))
         target[prop] = source[prop];
     }
   return target;
@@ -1102,7 +1229,7 @@ function BaseSection(props) {
   const contextProps = React.useContext(PlasmicSectionContext);
   const mergedProps = mergeProps(contextProps, props);
   const _a = mergedProps, { section, renderHeader, key, makeItemProps, renderItem } = _a, rest = __objRest(_a, ["section", "renderHeader", "key", "makeItemProps", "renderItem"]);
-  return /* @__PURE__ */ React.createElement(Section, __spreadValues$1({ id: key != null ? key : void 0 }, rest), /* @__PURE__ */ React.createElement(PlasmicHeaderContext.Provider, { value: { children: section == null ? void 0 : section.label } }, renderHeader == null ? void 0 : renderHeader(section)), /* @__PURE__ */ React.createElement(Collection, { items: section == null ? void 0 : section.items }, (item) => {
+  return /* @__PURE__ */ React.createElement(Section, __spreadValues$2({ id: key != null ? key : void 0 }, rest), /* @__PURE__ */ React.createElement(PlasmicHeaderContext.Provider, { value: { children: section == null ? void 0 : section.label } }, renderHeader == null ? void 0 : renderHeader(section)), /* @__PURE__ */ React.createElement(Collection, { items: section == null ? void 0 : section.items }, (item) => {
     const itemProps = makeItemProps == null ? void 0 : makeItemProps(item);
     return /* @__PURE__ */ React.createElement(PlasmicItemContext.Provider, { key: itemProps == null ? void 0 : itemProps.key, value: itemProps }, renderItem == null ? void 0 : renderItem(item));
   }));
@@ -1135,19 +1262,19 @@ function registerSection(loader, overrides) {
   });
 }
 
-var __defProp = Object.defineProperty;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
+var __defProp$1 = Object.defineProperty;
+var __getOwnPropSymbols$1 = Object.getOwnPropertySymbols;
+var __hasOwnProp$1 = Object.prototype.hasOwnProperty;
+var __propIsEnum$1 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$1 = (obj, key, value) => key in obj ? __defProp$1(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$1 = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
+    if (__hasOwnProp$1.call(b, prop))
+      __defNormalProp$1(a, prop, b[prop]);
+  if (__getOwnPropSymbols$1)
+    for (var prop of __getOwnPropSymbols$1(b)) {
+      if (__propIsEnum$1.call(b, prop))
+        __defNormalProp$1(a, prop, b[prop]);
     }
   return a;
 };
@@ -1172,7 +1299,7 @@ function BaseSelect(props) {
   const disabledKeys = flattenOptions(options).filter((op) => op.isDisabled).map((op) => op.value);
   return /* @__PURE__ */ React.createElement(
     Select,
-    __spreadValues(__spreadValues({
+    __spreadValues$1(__spreadValues$1({
       placeholder,
       selectedKey: value,
       onSelectionChange: onChange,
@@ -1323,6 +1450,78 @@ function registerSelect(loader) {
   });
 }
 
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+const BaseSwitch = Switch;
+function registerSwitch(loader, overrides) {
+  registerComponentHelper(
+    loader,
+    BaseSwitch,
+    {
+      name: makeComponentName("switch"),
+      displayName: "BaseSwitch",
+      importPath: "@plasmicpkgs/react-aria/registerSwitch",
+      importName: "BaseSwitch",
+      props: __spreadProps(__spreadValues({}, getCommonInputProps("switch", [
+        "name",
+        "isDisabled",
+        "isReadOnly",
+        "autoFocus",
+        "aria-label",
+        "children"
+      ])), {
+        value: {
+          type: "boolean",
+          editOnly: true,
+          uncontrolledProp: "defaultSelected",
+          description: "Whether the switch is toggled on",
+          defaultValueHint: false
+        },
+        onChange: {
+          type: "eventHandler",
+          argTypes: [{ name: "isSelected", type: "boolean" }]
+        },
+        onHoverChange: {
+          type: "eventHandler",
+          argTypes: [{ name: "isHovered", type: "boolean" }]
+        }
+      }),
+      states: {
+        isSelected: {
+          type: "writable",
+          valueProp: "value",
+          onChangeProp: "onChange",
+          variableType: "boolean"
+        },
+        isHovered: {
+          type: "readonly",
+          onChangeProp: "onHoverChange",
+          variableType: "boolean"
+        }
+      },
+      trapsFocus: true
+    },
+    overrides
+  );
+}
+
 function registerAll(loader) {
   registerSelect(loader);
   registerComboBox(loader);
@@ -1332,6 +1531,8 @@ function registerAll(loader) {
   registerPopover(loader);
   registerInput(loader);
   registerSection(loader);
+  registerSwitch(loader);
+  registerForm(loader);
 }
 
 export { registerAll };