@plasmicpkgs/react-aria 0.0.194 → 0.0.196

package/dist/react-aria.js

@@ -14,8 +14,8 @@ var React__default = /*#__PURE__*/_interopDefault(React);
 var registerComponent__default = /*#__PURE__*/_interopDefault(registerComponent);
 
 var __defProp$u = Object.defineProperty;
-var __defProps$o = Object.defineProperties;
-var __getOwnPropDescs$o = Object.getOwnPropertyDescriptors;
+var __defProps$p = Object.defineProperties;
+var __getOwnPropDescs$p = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols$t = Object.getOwnPropertySymbols;
 var __hasOwnProp$t = Object.prototype.hasOwnProperty;
 var __propIsEnum$t = Object.prototype.propertyIsEnumerable;
@@ -31,7 +31,7 @@ var __spreadValues$t = (a, b) => {
     }
   return a;
 };
-var __spreadProps$o = (a, b) => __defProps$o(a, __getOwnPropDescs$o(b));
+var __spreadProps$p = (a, b) => __defProps$p(a, __getOwnPropDescs$p(b));
 var __objRest$p = (source, exclude) => {
   var target = {};
   for (var prop in source)
@@ -94,7 +94,7 @@ function useAutoOpen({
 }
 function registerComponentHelper(loader, component, meta, overrides) {
   if (overrides) {
-    meta = __spreadProps$o(__spreadValues$t(__spreadValues$t({}, meta), overrides), {
+    meta = __spreadProps$p(__spreadValues$t(__spreadValues$t({}, meta), overrides), {
       props: __spreadValues$t(__spreadValues$t({}, meta.props), overrides.props)
     });
     if (overrides.parentComponentName) {
@@ -652,6 +652,13 @@ function commonInputEventHandlerProps() {
     onInput: createOnInputProp()
   };
 }
+function focusEventHandlerProps() {
+  return {
+    onFocus: createOnFocusProp(),
+    onBlur: createOnBlurProp(),
+    onFocusChange: createOnFocusChangeProp()
+  };
+}
 
 const ARIA_COMPONENTS_VARIANTS = {
   hovered: {
@@ -733,8 +740,8 @@ function pickAriaComponentVariants(keys) {
 }
 
 var __defProp$s = Object.defineProperty;
-var __defProps$n = Object.defineProperties;
-var __getOwnPropDescs$n = Object.getOwnPropertyDescriptors;
+var __defProps$o = Object.defineProperties;
+var __getOwnPropDescs$o = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols$r = Object.getOwnPropertySymbols;
 var __hasOwnProp$r = Object.prototype.hasOwnProperty;
 var __propIsEnum$r = Object.prototype.propertyIsEnumerable;
@@ -750,7 +757,7 @@ var __spreadValues$r = (a, b) => {
     }
   return a;
 };
-var __spreadProps$n = (a, b) => __defProps$n(a, __getOwnPropDescs$n(b));
+var __spreadProps$o = (a, b) => __defProps$o(a, __getOwnPropDescs$o(b));
 var __objRest$o = (source, exclude) => {
   var target = {};
   for (var prop in source)
@@ -823,7 +830,7 @@ function LinkButton({
   });
   return /* @__PURE__ */ React__default.default.createElement(
     PlasmicLink,
-    __spreadProps$n(__spreadValues$r({}, combinedLinkProps), {
+    __spreadProps$o(__spreadValues$r({}, combinedLinkProps), {
       "data-focused": isFocused || void 0,
       "data-hovered": isHovered || void 0,
       "data-pressed": isPressed || void 0,
@@ -871,7 +878,7 @@ function registerButton(loader, overrides) {
         padding: "2px 10px",
         textDecorationLine: "none"
       },
-      props: {
+      props: __spreadValues$r({
         id: createIdProp("Button"),
         autoFocus: createAutoFocusProp("Button"),
         isDisabled: createDisabledProp("Button"),
@@ -914,12 +921,8 @@ function registerButton(loader, overrides) {
         onPress: {
           type: "eventHandler",
           argTypes: [{ name: "event", type: "object" }]
-        },
-        onFocus: {
-          type: "eventHandler",
-          argTypes: [{ name: "event", type: "object" }]
         }
-      },
+      }, focusEventHandlerProps()),
       trapsFocus: true
     },
     overrides
@@ -1042,8 +1045,8 @@ React__default.default.createContext(void 0);
 const PlasmicInputContext = React__default.default.createContext(void 0);
 
 var __defProp$q = Object.defineProperty;
-var __defProps$m = Object.defineProperties;
-var __getOwnPropDescs$m = Object.getOwnPropertyDescriptors;
+var __defProps$n = Object.defineProperties;
+var __getOwnPropDescs$n = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols$q = Object.getOwnPropertySymbols;
 var __hasOwnProp$q = Object.prototype.hasOwnProperty;
 var __propIsEnum$q = Object.prototype.propertyIsEnumerable;
@@ -1059,7 +1062,7 @@ var __spreadValues$q = (a, b) => {
     }
   return a;
 };
-var __spreadProps$m = (a, b) => __defProps$m(a, __getOwnPropDescs$m(b));
+var __spreadProps$n = (a, b) => __defProps$n(a, __getOwnPropDescs$n(b));
 var __objRest$n = (source, exclude) => {
   var target = {};
   for (var prop in source)
@@ -1106,7 +1109,7 @@ function BaseCheckbox(props) {
   });
   return /* @__PURE__ */ React__default.default.createElement(React__default.default.Fragment, null, /* @__PURE__ */ React__default.default.createElement(
     reactAriaComponents.Checkbox,
-    __spreadProps$m(__spreadValues$q({}, rest), {
+    __spreadProps$n(__spreadValues$q({}, rest), {
       value: registeredId,
       key: registeredId,
       style: COMMON_STYLES
@@ -1195,7 +1198,7 @@ function registerCheckbox(loader, overrides) {
       importPath: "@plasmicpkgs/react-aria/skinny/registerCheckbox",
       importName: "BaseCheckbox",
       variants: variants$d,
-      props: {
+      props: __spreadValues$q({
         id: createIdProp("Checkbox"),
         name: createNameProp(),
         isDisabled: createDisabledProp("Checkbox"),
@@ -1254,7 +1257,7 @@ function registerCheckbox(loader, overrides) {
           type: "eventHandler",
           argTypes: [{ name: "isSelected", type: "boolean" }]
         }
-      },
+      }, focusEventHandlerProps()),
       states: {
         isSelected: {
           type: "writable",
@@ -1271,8 +1274,8 @@ function registerCheckbox(loader, overrides) {
 }
 
 var __defProp$p = Object.defineProperty;
-var __defProps$l = Object.defineProperties;
-var __getOwnPropDescs$l = Object.getOwnPropertyDescriptors;
+var __defProps$m = Object.defineProperties;
+var __getOwnPropDescs$m = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols$p = Object.getOwnPropertySymbols;
 var __hasOwnProp$p = Object.prototype.hasOwnProperty;
 var __propIsEnum$p = Object.prototype.propertyIsEnumerable;
@@ -1288,7 +1291,7 @@ var __spreadValues$p = (a, b) => {
     }
   return a;
 };
-var __spreadProps$l = (a, b) => __defProps$l(a, __getOwnPropDescs$l(b));
+var __spreadProps$m = (a, b) => __defProps$m(a, __getOwnPropDescs$m(b));
 var __objRest$m = (source, exclude) => {
   var target = {};
   for (var prop in source)
@@ -1306,7 +1309,7 @@ function BaseText(_a) {
   const dataProps = extractPlasmicDataProps(rest);
   return /* @__PURE__ */ React__default.default.createElement(
     reactAriaComponents.Text,
-    __spreadProps$l(__spreadValues$p(__spreadValues$p({}, rest), dataProps), {
+    __spreadProps$m(__spreadValues$p(__spreadValues$p({}, rest), dataProps), {
       slot,
       className,
       style: COMMON_STYLES
@@ -1348,8 +1351,8 @@ function registerText(loader, overrides) {
 }
 
 var __defProp$o = Object.defineProperty;
-var __defProps$k = Object.defineProperties;
-var __getOwnPropDescs$k = Object.getOwnPropertyDescriptors;
+var __defProps$l = Object.defineProperties;
+var __getOwnPropDescs$l = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols$o = Object.getOwnPropertySymbols;
 var __hasOwnProp$o = Object.prototype.hasOwnProperty;
 var __propIsEnum$o = Object.prototype.propertyIsEnumerable;
@@ -1365,10 +1368,10 @@ var __spreadValues$o = (a, b) => {
     }
   return a;
 };
-var __spreadProps$k = (a, b) => __defProps$k(a, __getOwnPropDescs$k(b));
+var __spreadProps$l = (a, b) => __defProps$l(a, __getOwnPropDescs$l(b));
 const DESCRIPTION_COMPONENT_NAME = makeComponentName("description");
 function registerDescription(loader, overrides) {
-  return registerText(loader, __spreadProps$k(__spreadValues$o({}, overrides), {
+  return registerText(loader, __spreadProps$l(__spreadValues$o({}, overrides), {
     name: DESCRIPTION_COMPONENT_NAME,
     displayName: "Aria Description",
     props: {
@@ -1382,8 +1385,8 @@ function registerDescription(loader, overrides) {
 }
 
 var __defProp$n = Object.defineProperty;
-var __defProps$j = Object.defineProperties;
-var __getOwnPropDescs$j = Object.getOwnPropertyDescriptors;
+var __defProps$k = Object.defineProperties;
+var __getOwnPropDescs$k = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols$n = Object.getOwnPropertySymbols;
 var __hasOwnProp$n = Object.prototype.hasOwnProperty;
 var __propIsEnum$n = Object.prototype.propertyIsEnumerable;
@@ -1399,7 +1402,7 @@ var __spreadValues$n = (a, b) => {
     }
   return a;
 };
-var __spreadProps$j = (a, b) => __defProps$j(a, __getOwnPropDescs$j(b));
+var __spreadProps$k = (a, b) => __defProps$k(a, __getOwnPropDescs$k(b));
 var __objRest$l = (source, exclude) => {
   var target = {};
   for (var prop in source)
@@ -1417,7 +1420,7 @@ function BaseLabel(_a) {
   const dataProps = extractPlasmicDataProps(rest);
   return /* @__PURE__ */ React__default.default.createElement(
     reactAriaComponents.Label,
-    __spreadProps$j(__spreadValues$n({}, dataProps), {
+    __spreadProps$k(__spreadValues$n({}, dataProps), {
       id,
       className,
       style: COMMON_STYLES,
@@ -1458,8 +1461,8 @@ function registerLabel(loader, overrides) {
 }
 
 var __defProp$m = Object.defineProperty;
-var __defProps$i = Object.defineProperties;
-var __getOwnPropDescs$i = Object.getOwnPropertyDescriptors;
+var __defProps$j = Object.defineProperties;
+var __getOwnPropDescs$j = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols$m = Object.getOwnPropertySymbols;
 var __hasOwnProp$m = Object.prototype.hasOwnProperty;
 var __propIsEnum$m = Object.prototype.propertyIsEnumerable;
@@ -1475,7 +1478,7 @@ var __spreadValues$m = (a, b) => {
     }
   return a;
 };
-var __spreadProps$i = (a, b) => __defProps$i(a, __getOwnPropDescs$i(b));
+var __spreadProps$j = (a, b) => __defProps$j(a, __getOwnPropDescs$j(b));
 var __objRest$k = (source, exclude) => {
   var target = {};
   for (var prop in source)
@@ -1503,7 +1506,7 @@ function BaseCheckboxGroup(props) {
   const idManager = useIdManager(updateIds);
   return (
     // PlasmicCheckboxGroupContext is used by BaseCheckbox
-    /* @__PURE__ */ React__default.default.createElement(PlasmicCheckboxGroupContext.Provider, { value: __spreadProps$i(__spreadValues$m({}, rest), { idManager }) }, /* @__PURE__ */ React__default.default.createElement(reactAriaComponents.CheckboxGroup, __spreadProps$i(__spreadValues$m({}, rest), { style: COMMON_STYLES }), ({ isDisabled, isReadOnly }) => /* @__PURE__ */ React__default.default.createElement(React__default.default.Fragment, null, /* @__PURE__ */ React__default.default.createElement(
+    /* @__PURE__ */ React__default.default.createElement(PlasmicCheckboxGroupContext.Provider, { value: __spreadProps$j(__spreadValues$m({}, rest), { idManager }) }, /* @__PURE__ */ React__default.default.createElement(reactAriaComponents.CheckboxGroup, __spreadProps$j(__spreadValues$m({}, rest), { style: COMMON_STYLES }), ({ isDisabled, isReadOnly }) => /* @__PURE__ */ React__default.default.createElement(React__default.default.Fragment, null, /* @__PURE__ */ React__default.default.createElement(
       VariantUpdater,
       {
         changes: {
@@ -1526,7 +1529,7 @@ function registerCheckboxGroup(loader, overrides) {
       importPath: "@plasmicpkgs/react-aria/skinny/registerCheckboxGroup",
       importName: "BaseCheckboxGroup",
       variants: variants$c,
-      props: {
+      props: __spreadValues$m({
         id: createIdProp("Checkbox Group"),
         name: createNameProp(),
         isDisabled: createDisabledProp("Checkbox Group"),
@@ -1626,7 +1629,7 @@ function registerCheckboxGroup(loader, overrides) {
           type: "eventHandler",
           argTypes: [{ name: "value", type: "object" }]
         }
-      },
+      }, focusEventHandlerProps()),
       states: {
         value: {
           type: "writable",
@@ -1642,8 +1645,8 @@ function registerCheckboxGroup(loader, overrides) {
 }
 
 var __defProp$l = Object.defineProperty;
-var __defProps$h = Object.defineProperties;
-var __getOwnPropDescs$h = Object.getOwnPropertyDescriptors;
+var __defProps$i = Object.defineProperties;
+var __getOwnPropDescs$i = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols$l = Object.getOwnPropertySymbols;
 var __hasOwnProp$l = Object.prototype.hasOwnProperty;
 var __propIsEnum$l = Object.prototype.propertyIsEnumerable;
@@ -1659,7 +1662,7 @@ var __spreadValues$l = (a, b) => {
     }
   return a;
 };
-var __spreadProps$h = (a, b) => __defProps$h(a, __getOwnPropDescs$h(b));
+var __spreadProps$i = (a, b) => __defProps$i(a, __getOwnPropDescs$i(b));
 var __objRest$j = (source, exclude) => {
   var target = {};
   for (var prop in source)
@@ -1742,7 +1745,7 @@ function BaseInput_(props, ref) {
   }, [isFocused, isFocusVisible, isHovered, isDisabled, plasmicUpdateVariant]);
   return /* @__PURE__ */ React__default.default.createElement(
     "input",
-    __spreadProps$h(__spreadValues$l({}, mergedProps), {
+    __spreadProps$i(__spreadValues$l({}, mergedProps), {
       ref: inputRef,
       "data-focused": isFocused || void 0,
       "data-disabled": isDisabled || void 0,
@@ -1810,8 +1813,8 @@ function registerInput(loader, overrides) {
 }
 
 var __defProp$k = Object.defineProperty;
-var __defProps$g = Object.defineProperties;
-var __getOwnPropDescs$g = Object.getOwnPropertyDescriptors;
+var __defProps$h = Object.defineProperties;
+var __getOwnPropDescs$h = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols$k = Object.getOwnPropertySymbols;
 var __hasOwnProp$k = Object.prototype.hasOwnProperty;
 var __propIsEnum$k = Object.prototype.propertyIsEnumerable;
@@ -1827,7 +1830,7 @@ var __spreadValues$k = (a, b) => {
     }
   return a;
 };
-var __spreadProps$g = (a, b) => __defProps$g(a, __getOwnPropDescs$g(b));
+var __spreadProps$h = (a, b) => __defProps$h(a, __getOwnPropDescs$h(b));
 var __objRest$i = (source, exclude) => {
   var target = {};
   for (var prop in source)
@@ -1862,7 +1865,7 @@ function BaseListBoxItem(props) {
   });
   const listboxItem = /* @__PURE__ */ React__default.default.createElement(
     reactAriaComponents.ListBoxItem,
-    __spreadProps$g(__spreadValues$k({
+    __spreadProps$h(__spreadValues$k({
       key: registeredId,
       id: registeredId
     }, rest), {
@@ -1973,8 +1976,8 @@ function registerListBoxItem(loader, overrides) {
 }
 
 var __defProp$j = Object.defineProperty;
-var __defProps$f = Object.defineProperties;
-var __getOwnPropDescs$f = Object.getOwnPropertyDescriptors;
+var __defProps$g = Object.defineProperties;
+var __getOwnPropDescs$g = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols$j = Object.getOwnPropertySymbols;
 var __hasOwnProp$j = Object.prototype.hasOwnProperty;
 var __propIsEnum$j = Object.prototype.propertyIsEnumerable;
@@ -1990,7 +1993,7 @@ var __spreadValues$j = (a, b) => {
     }
   return a;
 };
-var __spreadProps$f = (a, b) => __defProps$f(a, __getOwnPropDescs$f(b));
+var __spreadProps$g = (a, b) => __defProps$g(a, __getOwnPropDescs$g(b));
 var __objRest$h = (source, exclude) => {
   var target = {};
   for (var prop in source)
@@ -2007,7 +2010,7 @@ function BaseSection(props) {
   const _a = props, { header, items } = _a, rest = __objRest$h(_a, ["header", "items"]);
   const contextProps = React__default.default.useContext(PlasmicListBoxContext);
   const isStandalone = !contextProps;
-  const section = /* @__PURE__ */ React__default.default.createElement(reactAriaComponents.ListBoxSection, __spreadProps$f(__spreadValues$j({}, rest), { style: COMMON_STYLES }), /* @__PURE__ */ React__default.default.createElement(reactAriaComponents.Header, null, header), items);
+  const section = /* @__PURE__ */ React__default.default.createElement(reactAriaComponents.ListBoxSection, __spreadProps$g(__spreadValues$j({}, rest), { style: COMMON_STYLES }), /* @__PURE__ */ React__default.default.createElement(reactAriaComponents.Header, null, header), items);
   if (isStandalone) {
     return (
       // BaseListbox should give section a listbox context (that it can't be used without)
@@ -2055,8 +2058,8 @@ function registerSection(loader, overrides) {
 }
 
 var __defProp$i = Object.defineProperty;
-var __defProps$e = Object.defineProperties;
-var __getOwnPropDescs$e = Object.getOwnPropertyDescriptors;
+var __defProps$f = Object.defineProperties;
+var __getOwnPropDescs$f = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols$i = Object.getOwnPropertySymbols;
 var __hasOwnProp$i = Object.prototype.hasOwnProperty;
 var __propIsEnum$i = Object.prototype.propertyIsEnumerable;
@@ -2072,7 +2075,7 @@ var __spreadValues$i = (a, b) => {
     }
   return a;
 };
-var __spreadProps$e = (a, b) => __defProps$e(a, __getOwnPropDescs$e(b));
+var __spreadProps$f = (a, b) => __defProps$f(a, __getOwnPropDescs$f(b));
 var __objRest$g = (source, exclude) => {
   var target = {};
   for (var prop in source)
@@ -2118,7 +2121,7 @@ function BaseListBox(props) {
   const [ids, setIds] = React.useState([]);
   const inEditor = host.usePlasmicCanvasContext();
   const idManager = useIdManager(setIds, context == null ? void 0 : context.idManager);
-  const mergedProps = reactAria.mergeProps(rest, __spreadProps$e(__spreadValues$i({
+  const mergedProps = reactAria.mergeProps(rest, __spreadProps$f(__spreadValues$i({
     onFocusChange: (focused) => {
       plasmicUpdateVariant == null ? void 0 : plasmicUpdateVariant({ focused });
     }
@@ -2219,7 +2222,7 @@ function registerListBox(loader, overrides) {
         borderStyle: "solid",
         borderColor: "black"
       },
-      props: {
+      props: __spreadValues$i({
         id: createIdProp("List Box"),
         "aria-label": createAriaLabelProp("List Box"),
         children: {
@@ -2297,7 +2300,7 @@ function registerListBox(loader, overrides) {
           type: "eventHandler",
           argTypes: [{ name: "selectedValues", type: "object" }]
         }
-      },
+      }, focusEventHandlerProps()),
       states: {
         selectedValue: __spreadValues$i({
           type: "writable",
@@ -2469,8 +2472,8 @@ function registerPopover(loader, overrides) {
 }
 
 var __defProp$g = Object.defineProperty;
-var __defProps$d = Object.defineProperties;
-var __getOwnPropDescs$d = Object.getOwnPropertyDescriptors;
+var __defProps$e = Object.defineProperties;
+var __getOwnPropDescs$e = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols$g = Object.getOwnPropertySymbols;
 var __hasOwnProp$g = Object.prototype.hasOwnProperty;
 var __propIsEnum$g = Object.prototype.propertyIsEnumerable;
@@ -2486,7 +2489,7 @@ var __spreadValues$g = (a, b) => {
     }
   return a;
 };
-var __spreadProps$d = (a, b) => __defProps$d(a, __getOwnPropDescs$d(b));
+var __spreadProps$e = (a, b) => __defProps$e(a, __getOwnPropDescs$e(b));
 var __objRest$e = (source, exclude) => {
   var target = {};
   for (var prop in source)
@@ -2533,7 +2536,7 @@ function BaseComboBox(props) {
     [setControlContextData]
   );
   const idManager = useIdManager(updateIds);
-  return /* @__PURE__ */ React__default.default.createElement(reactAriaComponents.ComboBox, __spreadProps$d(__spreadValues$g({}, rest), { style: COMMON_STYLES }), ({ isDisabled }) => /* @__PURE__ */ React__default.default.createElement(React__default.default.Fragment, null, /* @__PURE__ */ React__default.default.createElement(
+  return /* @__PURE__ */ React__default.default.createElement(reactAriaComponents.ComboBox, __spreadProps$e(__spreadValues$g({}, rest), { style: COMMON_STYLES }), ({ isDisabled }) => /* @__PURE__ */ React__default.default.createElement(React__default.default.Fragment, null, /* @__PURE__ */ React__default.default.createElement(
     VariantUpdater,
     {
       changes: { disabled: isDisabled },
@@ -2562,7 +2565,7 @@ function registerComboBox(loader) {
     importPath: "@plasmicpkgs/react-aria/skinny/registerComboBox",
     importName: "BaseComboBox",
     variants: COMBOBOX_VARIANTS_DATA,
-    props: {
+    props: __spreadProps$e(__spreadValues$g({
       id: createIdProp("ComboBox"),
       name: createNameProp(),
       isDisabled: createDisabledProp("ComboBox"),
@@ -2597,7 +2600,8 @@ function registerComboBox(loader) {
       onOpenChange: {
         type: "eventHandler",
         argTypes: [{ name: "isOpen", type: "boolean" }]
-      },
+      }
+    }, focusEventHandlerProps()), {
       children: {
         type: "slot",
         defaultValue: [
@@ -2673,7 +2677,7 @@ function registerComboBox(loader) {
           }
         ]
       }
-    },
+    }),
     states: {
       selectedValue: {
         type: "writable",
@@ -2693,8 +2697,8 @@ function registerComboBox(loader) {
 }
 
 var __defProp$f = Object.defineProperty;
-var __defProps$c = Object.defineProperties;
-var __getOwnPropDescs$c = Object.getOwnPropertyDescriptors;
+var __defProps$d = Object.defineProperties;
+var __getOwnPropDescs$d = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols$f = Object.getOwnPropertySymbols;
 var __hasOwnProp$f = Object.prototype.hasOwnProperty;
 var __propIsEnum$f = Object.prototype.propertyIsEnumerable;
@@ -2710,7 +2714,7 @@ var __spreadValues$f = (a, b) => {
     }
   return a;
 };
-var __spreadProps$c = (a, b) => __defProps$c(a, __getOwnPropDescs$c(b));
+var __spreadProps$d = (a, b) => __defProps$d(a, __getOwnPropDescs$d(b));
 var __objRest$d = (source, exclude) => {
   var target = {};
   for (var prop in source)
@@ -2729,7 +2733,7 @@ function BaseDialog(_a) {
   if (canvasContext) {
     return /* @__PURE__ */ React__default.default.createElement("div", { id: rest.id, className, style: COMMON_STYLES }, children);
   } else {
-    return /* @__PURE__ */ React__default.default.createElement(reactAriaComponents.Dialog, __spreadProps$c(__spreadValues$f({}, rest), { className, style: COMMON_STYLES }), children);
+    return /* @__PURE__ */ React__default.default.createElement(reactAriaComponents.Dialog, __spreadProps$d(__spreadValues$f({}, rest), { className, style: COMMON_STYLES }), children);
   }
 }
 const DIALOG_COMPONENT_NAME = makeComponentName("dialog");
@@ -2757,8 +2761,8 @@ function registerDialog(loader, overrides) {
 }
 
 var __defProp$e = Object.defineProperty;
-var __defProps$b = Object.defineProperties;
-var __getOwnPropDescs$b = Object.getOwnPropertyDescriptors;
+var __defProps$c = Object.defineProperties;
+var __getOwnPropDescs$c = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols$e = Object.getOwnPropertySymbols;
 var __hasOwnProp$e = Object.prototype.hasOwnProperty;
 var __propIsEnum$e = Object.prototype.propertyIsEnumerable;
@@ -2774,7 +2778,7 @@ var __spreadValues$e = (a, b) => {
     }
   return a;
 };
-var __spreadProps$b = (a, b) => __defProps$b(a, __getOwnPropDescs$b(b));
+var __spreadProps$c = (a, b) => __defProps$c(a, __getOwnPropDescs$c(b));
 var __objRest$c = (source, exclude) => {
   var target = {};
   for (var prop in source)
@@ -2841,7 +2845,7 @@ const BaseModal = React.forwardRef(
     }));
     return /* @__PURE__ */ React__default.default.createElement(
       reactAriaComponents.ModalOverlay,
-      __spreadProps$b(__spreadValues$e({}, mergedProps), {
+      __spreadProps$c(__spreadValues$e({}, mergedProps), {
         className: `${resetClassName} ${modalOverlayClass}`
       }),
       /* @__PURE__ */ React__default.default.createElement(
@@ -2974,8 +2978,8 @@ function registerModal(loader, overrides) {
 }
 
 var __defProp$d = Object.defineProperty;
-var __defProps$a = Object.defineProperties;
-var __getOwnPropDescs$a = Object.getOwnPropertyDescriptors;
+var __defProps$b = Object.defineProperties;
+var __getOwnPropDescs$b = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols$d = Object.getOwnPropertySymbols;
 var __hasOwnProp$d = Object.prototype.hasOwnProperty;
 var __propIsEnum$d = Object.prototype.propertyIsEnumerable;
@@ -2991,7 +2995,7 @@ var __spreadValues$d = (a, b) => {
     }
   return a;
 };
-var __spreadProps$a = (a, b) => __defProps$a(a, __getOwnPropDescs$a(b));
+var __spreadProps$b = (a, b) => __defProps$b(a, __getOwnPropDescs$b(b));
 var __objRest$b = (source, exclude) => {
   var target = {};
   for (var prop in source)
@@ -3023,7 +3027,7 @@ function BaseDialogTrigger(props) {
     isOpen,
     props
   });
-  const mergedProps = __spreadProps$a(__spreadValues$d({}, rest), {
+  const mergedProps = __spreadProps$b(__spreadValues$d({}, rest), {
     isOpen: canvasAwareIsOpen
   });
   return (
@@ -3101,8 +3105,8 @@ function registerDialogTrigger(loader, overrides) {
 }
 
 var __defProp$c = Object.defineProperty;
-var __defProps$9 = Object.defineProperties;
-var __getOwnPropDescs$9 = Object.getOwnPropertyDescriptors;
+var __defProps$a = Object.defineProperties;
+var __getOwnPropDescs$a = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols$c = Object.getOwnPropertySymbols;
 var __hasOwnProp$c = Object.prototype.hasOwnProperty;
 var __propIsEnum$c = Object.prototype.propertyIsEnumerable;
@@ -3118,7 +3122,7 @@ var __spreadValues$c = (a, b) => {
     }
   return a;
 };
-var __spreadProps$9 = (a, b) => __defProps$9(a, __getOwnPropDescs$9(b));
+var __spreadProps$a = (a, b) => __defProps$a(a, __getOwnPropDescs$a(b));
 var __objRest$a = (source, exclude) => {
   var target = {};
   for (var prop in source)
@@ -3133,7 +3137,7 @@ var __objRest$a = (source, exclude) => {
 };
 function BaseHeading(_a) {
   var _b = _a, { children } = _b, rest = __objRest$a(_b, ["children"]);
-  return /* @__PURE__ */ React__default.default.createElement(reactAriaComponents.Heading, __spreadProps$9(__spreadValues$c({}, rest), { style: COMMON_STYLES }), children);
+  return /* @__PURE__ */ React__default.default.createElement(reactAriaComponents.Heading, __spreadProps$a(__spreadValues$c({}, rest), { style: COMMON_STYLES }), children);
 }
 const HEADING_COMPONENT_NAME = makeComponentName("heading");
 function registerHeading(loader, overrides) {
@@ -3253,8 +3257,8 @@ function registerOverlayArrow(loader, overrides) {
 }
 
 var __defProp$a = Object.defineProperty;
-var __defProps$8 = Object.defineProperties;
-var __getOwnPropDescs$8 = Object.getOwnPropertyDescriptors;
+var __defProps$9 = Object.defineProperties;
+var __getOwnPropDescs$9 = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols$a = Object.getOwnPropertySymbols;
 var __hasOwnProp$a = Object.prototype.hasOwnProperty;
 var __propIsEnum$a = Object.prototype.propertyIsEnumerable;
@@ -3270,7 +3274,7 @@ var __spreadValues$a = (a, b) => {
     }
   return a;
 };
-var __spreadProps$8 = (a, b) => __defProps$8(a, __getOwnPropDescs$8(b));
+var __spreadProps$9 = (a, b) => __defProps$9(a, __getOwnPropDescs$9(b));
 var __objRest$9 = (source, exclude) => {
   var target = {};
   for (var prop in source)
@@ -3318,7 +3322,7 @@ function BaseRadio(props) {
   });
   const radio = /* @__PURE__ */ React__default.default.createElement(
     reactAriaComponents.Radio,
-    __spreadProps$8(__spreadValues$a({}, rest), {
+    __spreadProps$9(__spreadValues$a({}, rest), {
       value: registeredId != null ? registeredId : "",
       key: registeredId,
       style: COMMON_STYLES
@@ -3394,7 +3398,7 @@ function registerRadio(loader, overrides) {
       importPath: "@plasmicpkgs/react-aria/skinny/registerRadio",
       importName: "BaseRadio",
       variants: variants$8,
-      props: {
+      props: __spreadValues$a({
         id: createIdProp("Radio"),
         isDisabled: createDisabledProp("Radio"),
         autoFocus: createAutoFocusProp("Radio"),
@@ -3414,7 +3418,7 @@ function registerRadio(loader, overrides) {
             return true;
           }
         }
-      },
+      }, focusEventHandlerProps()),
       trapsFocus: true
     },
     overrides
@@ -3422,8 +3426,8 @@ function registerRadio(loader, overrides) {
 }
 
 var __defProp$9 = Object.defineProperty;
-var __defProps$7 = Object.defineProperties;
-var __getOwnPropDescs$7 = Object.getOwnPropertyDescriptors;
+var __defProps$8 = Object.defineProperties;
+var __getOwnPropDescs$8 = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols$9 = Object.getOwnPropertySymbols;
 var __hasOwnProp$9 = Object.prototype.hasOwnProperty;
 var __propIsEnum$9 = Object.prototype.propertyIsEnumerable;
@@ -3439,7 +3443,7 @@ var __spreadValues$9 = (a, b) => {
     }
   return a;
 };
-var __spreadProps$7 = (a, b) => __defProps$7(a, __getOwnPropDescs$7(b));
+var __spreadProps$8 = (a, b) => __defProps$8(a, __getOwnPropDescs$8(b));
 var __objRest$8 = (source, exclude) => {
   var target = {};
   for (var prop in source)
@@ -3467,7 +3471,7 @@ function BaseRadioGroup(props) {
   const idManager = useIdManager(updateIds);
   return (
     // PlasmicRadioGroupContext is used by BaseRadio
-    /* @__PURE__ */ React__default.default.createElement(PlasmicRadioGroupContext.Provider, { value: __spreadProps$7(__spreadValues$9({}, props), { idManager }) }, /* @__PURE__ */ React__default.default.createElement(reactAriaComponents.RadioGroup, __spreadProps$7(__spreadValues$9({}, rest), { style: COMMON_STYLES }), ({ isDisabled, isReadOnly }) => /* @__PURE__ */ React__default.default.createElement(React__default.default.Fragment, null, /* @__PURE__ */ React__default.default.createElement(
+    /* @__PURE__ */ React__default.default.createElement(PlasmicRadioGroupContext.Provider, { value: __spreadProps$8(__spreadValues$9({}, props), { idManager }) }, /* @__PURE__ */ React__default.default.createElement(reactAriaComponents.RadioGroup, __spreadProps$8(__spreadValues$9({}, rest), { style: COMMON_STYLES }), ({ isDisabled, isReadOnly }) => /* @__PURE__ */ React__default.default.createElement(React__default.default.Fragment, null, /* @__PURE__ */ React__default.default.createElement(
       VariantUpdater,
       {
         changes: {
@@ -3495,7 +3499,7 @@ function registerRadioGroup(loader, overrides) {
       importPath: "@plasmicpkgs/react-aria/skinny/registerRadioGroup",
       importName: "BaseRadioGroup",
       variants: variants$7,
-      props: {
+      props: __spreadValues$9({
         id: createIdProp("Radio Group"),
         name: createNameProp(),
         isDisabled: createDisabledProp("Radio Group"),
@@ -3587,7 +3591,7 @@ function registerRadioGroup(loader, overrides) {
           type: "eventHandler",
           argTypes: [{ name: "value", type: "string" }]
         }
-      },
+      }, focusEventHandlerProps()),
       states: {
         value: {
           type: "writable",
@@ -3603,6 +3607,8 @@ function registerRadioGroup(loader, overrides) {
 }
 
 var __defProp$8 = Object.defineProperty;
+var __defProps$7 = Object.defineProperties;
+var __getOwnPropDescs$7 = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols$8 = Object.getOwnPropertySymbols;
 var __hasOwnProp$8 = Object.prototype.hasOwnProperty;
 var __propIsEnum$8 = Object.prototype.propertyIsEnumerable;
@@ -3618,6 +3624,7 @@ var __spreadValues$8 = (a, b) => {
     }
   return a;
 };
+var __spreadProps$7 = (a, b) => __defProps$7(a, __getOwnPropDescs$7(b));
 function SelectAutoOpen(props) {
   var _a;
   const { open, close } = (_a = React__default.default.useContext(reactAriaComponents.SelectStateContext)) != null ? _a : {};
@@ -3640,6 +3647,9 @@ function BaseSelect(props) {
     selectedKey,
     onSelectionChange,
     onOpenChange,
+    onFocus,
+    onBlur,
+    onFocusChange,
     isDisabled,
     children,
     disabledKeys,
@@ -3668,6 +3678,9 @@ function BaseSelect(props) {
       selectedKey,
       onSelectionChange,
       onOpenChange,
+      onFocus,
+      onBlur,
+      onFocusChange,
       isDisabled,
       style: COMMON_STYLES,
       className,
@@ -3739,7 +3752,7 @@ function registerSelect(loader) {
     importPath: "@plasmicpkgs/react-aria/skinny/registerSelect",
     importName: "BaseSelect",
     variants: SELECT_VARIANTS_DATA,
-    props: {
+    props: __spreadProps$7(__spreadValues$8({
       id: createIdProp("Select"),
       name: createNameProp(),
       isDisabled: createDisabledProp("Select"),
@@ -3775,7 +3788,8 @@ function registerSelect(loader) {
       onOpenChange: {
         type: "eventHandler",
         argTypes: [{ name: "isOpen", type: "boolean" }]
-      },
+      }
+    }, focusEventHandlerProps()), {
       children: {
         type: "slot",
         mergeWithParent: true,
@@ -3855,7 +3869,7 @@ function registerSelect(loader) {
           }
         ]
       }
-    },
+    }),
     states: {
       selectedValue: {
         type: "writable",
@@ -4036,10 +4050,11 @@ function registerSliderThumb(loader, overrides) {
         cursor: "pointer"
       },
       variants: variants$5,
-      props: {
+      props: __spreadProps$5(__spreadValues$6({
         name: createNameProp(),
         isDisabled: createDisabledProp("Slider Thumb"),
-        autoFocus: createAutoFocusProp("Slider Thumb"),
+        autoFocus: createAutoFocusProp("Slider Thumb")
+      }, focusEventHandlerProps()), {
         advanced: {
           type: "boolean",
           displayName: "Advanced",
@@ -4050,7 +4065,7 @@ function registerSliderThumb(loader, overrides) {
           mergeWithParent: true,
           hidden: (props) => !props.advanced
         }
-      },
+      }),
       trapsFocus: true
     },
     overrides
@@ -4606,7 +4621,7 @@ function registerSwitch(loader, overrides) {
         justifyContent: "flex-start",
         padding: 0
       },
-      props: {
+      props: __spreadValues$3({
         id: createIdProp("Switch"),
         name: createNameProp(),
         isDisabled: createDisabledProp("Switch"),
@@ -4701,7 +4716,7 @@ function registerSwitch(loader, overrides) {
           type: "eventHandler",
           argTypes: [{ name: "isSelected", type: "boolean" }]
         }
-      },
+      }, focusEventHandlerProps()),
       states: {
         isSelected: {
           type: "writable",