@plasmicpkgs/react-aria 0.0.194 → 0.0.196

package/dist/react-aria.esm.js

@@ -1,5 +1,5 @@
 import { usePlasmicCanvasContext, usePlasmicCanvasComponentInfo, usePlasmicLink } from '@plasmicapp/host';
-import React, { useEffect, useMemo, useState, useCallback, forwardRef, useImperativeHandle, useContext, useRef } from 'react';
+import React, { useEffect, useState, useMemo, useCallback, forwardRef, useImperativeHandle, useContext, useRef } from 'react';
 import { mergeProps, useLink, useHover, useFocusRing, useButton, useFocusWithin, useId } from 'react-aria';
 import { Button, Checkbox, Text, Label, CheckboxGroup, useContextProps, InputContext, ListBoxItem, ListBox, ListBoxSection, Header, PopoverContext, Popover, ComboBox, ComboBoxStateContext, Dialog, ModalOverlay, Modal, DialogTrigger, Heading, TooltipTriggerStateContext, OverlayArrow, Radio, RadioGroup, Select, SelectStateContext, SelectValue, SliderOutput, Slider, SliderTrackContext, SliderThumb, SliderTrack, Switch, TextAreaContext, TextField, Provider, Tooltip } from 'react-aria-components';
 import registerComponent from '@plasmicapp/host/registerComponent';
@@ -7,8 +7,8 @@ import { mergeProps as mergeProps$1 } from '@react-aria/utils';
 import { useTooltipTriggerState } from 'react-stately';
 
 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;
@@ -24,7 +24,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)
@@ -87,7 +87,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) {
@@ -645,6 +645,13 @@ function commonInputEventHandlerProps() {
     onInput: createOnInputProp()
   };
 }
+function focusEventHandlerProps() {
+  return {
+    onFocus: createOnFocusProp(),
+    onBlur: createOnBlurProp(),
+    onFocusChange: createOnFocusChangeProp()
+  };
+}
 
 const ARIA_COMPONENTS_VARIANTS = {
   hovered: {
@@ -726,8 +733,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;
@@ -743,7 +750,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)
@@ -816,7 +823,7 @@ function LinkButton({
   });
   return /* @__PURE__ */ React.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,
@@ -864,7 +871,7 @@ function registerButton(loader, overrides) {
         padding: "2px 10px",
         textDecorationLine: "none"
       },
-      props: {
+      props: __spreadValues$r({
         id: createIdProp("Button"),
         autoFocus: createAutoFocusProp("Button"),
         isDisabled: createDisabledProp("Button"),
@@ -907,12 +914,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
@@ -1035,8 +1038,8 @@ React.createContext(void 0);
 const PlasmicInputContext = React.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;
@@ -1052,7 +1055,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)
@@ -1099,7 +1102,7 @@ function BaseCheckbox(props) {
   });
   return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
     Checkbox,
-    __spreadProps$m(__spreadValues$q({}, rest), {
+    __spreadProps$n(__spreadValues$q({}, rest), {
       value: registeredId,
       key: registeredId,
       style: COMMON_STYLES
@@ -1188,7 +1191,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"),
@@ -1247,7 +1250,7 @@ function registerCheckbox(loader, overrides) {
           type: "eventHandler",
           argTypes: [{ name: "isSelected", type: "boolean" }]
         }
-      },
+      }, focusEventHandlerProps()),
       states: {
         isSelected: {
           type: "writable",
@@ -1264,8 +1267,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;
@@ -1281,7 +1284,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)
@@ -1299,7 +1302,7 @@ function BaseText(_a) {
   const dataProps = extractPlasmicDataProps(rest);
   return /* @__PURE__ */ React.createElement(
     Text,
-    __spreadProps$l(__spreadValues$p(__spreadValues$p({}, rest), dataProps), {
+    __spreadProps$m(__spreadValues$p(__spreadValues$p({}, rest), dataProps), {
       slot,
       className,
       style: COMMON_STYLES
@@ -1341,8 +1344,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;
@@ -1358,10 +1361,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: {
@@ -1375,8 +1378,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;
@@ -1392,7 +1395,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)
@@ -1410,7 +1413,7 @@ function BaseLabel(_a) {
   const dataProps = extractPlasmicDataProps(rest);
   return /* @__PURE__ */ React.createElement(
     Label,
-    __spreadProps$j(__spreadValues$n({}, dataProps), {
+    __spreadProps$k(__spreadValues$n({}, dataProps), {
       id,
       className,
       style: COMMON_STYLES,
@@ -1451,8 +1454,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;
@@ -1468,7 +1471,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)
@@ -1496,7 +1499,7 @@ function BaseCheckboxGroup(props) {
   const idManager = useIdManager(updateIds);
   return (
     // PlasmicCheckboxGroupContext is used by BaseCheckbox
-    /* @__PURE__ */ React.createElement(PlasmicCheckboxGroupContext.Provider, { value: __spreadProps$i(__spreadValues$m({}, rest), { idManager }) }, /* @__PURE__ */ React.createElement(CheckboxGroup, __spreadProps$i(__spreadValues$m({}, rest), { style: COMMON_STYLES }), ({ isDisabled, isReadOnly }) => /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+    /* @__PURE__ */ React.createElement(PlasmicCheckboxGroupContext.Provider, { value: __spreadProps$j(__spreadValues$m({}, rest), { idManager }) }, /* @__PURE__ */ React.createElement(CheckboxGroup, __spreadProps$j(__spreadValues$m({}, rest), { style: COMMON_STYLES }), ({ isDisabled, isReadOnly }) => /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
       VariantUpdater,
       {
         changes: {
@@ -1519,7 +1522,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"),
@@ -1619,7 +1622,7 @@ function registerCheckboxGroup(loader, overrides) {
           type: "eventHandler",
           argTypes: [{ name: "value", type: "object" }]
         }
-      },
+      }, focusEventHandlerProps()),
       states: {
         value: {
           type: "writable",
@@ -1635,8 +1638,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;
@@ -1652,7 +1655,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)
@@ -1735,7 +1738,7 @@ function BaseInput_(props, ref) {
   }, [isFocused, isFocusVisible, isHovered, isDisabled, plasmicUpdateVariant]);
   return /* @__PURE__ */ React.createElement(
     "input",
-    __spreadProps$h(__spreadValues$l({}, mergedProps), {
+    __spreadProps$i(__spreadValues$l({}, mergedProps), {
       ref: inputRef,
       "data-focused": isFocused || void 0,
       "data-disabled": isDisabled || void 0,
@@ -1803,8 +1806,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;
@@ -1820,7 +1823,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)
@@ -1855,7 +1858,7 @@ function BaseListBoxItem(props) {
   });
   const listboxItem = /* @__PURE__ */ React.createElement(
     ListBoxItem,
-    __spreadProps$g(__spreadValues$k({
+    __spreadProps$h(__spreadValues$k({
       key: registeredId,
       id: registeredId
     }, rest), {
@@ -1966,8 +1969,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;
@@ -1983,7 +1986,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)
@@ -2000,7 +2003,7 @@ function BaseSection(props) {
   const _a = props, { header, items } = _a, rest = __objRest$h(_a, ["header", "items"]);
   const contextProps = React.useContext(PlasmicListBoxContext);
   const isStandalone = !contextProps;
-  const section = /* @__PURE__ */ React.createElement(ListBoxSection, __spreadProps$f(__spreadValues$j({}, rest), { style: COMMON_STYLES }), /* @__PURE__ */ React.createElement(Header, null, header), items);
+  const section = /* @__PURE__ */ React.createElement(ListBoxSection, __spreadProps$g(__spreadValues$j({}, rest), { style: COMMON_STYLES }), /* @__PURE__ */ React.createElement(Header, null, header), items);
   if (isStandalone) {
     return (
       // BaseListbox should give section a listbox context (that it can't be used without)
@@ -2048,8 +2051,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;
@@ -2065,7 +2068,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)
@@ -2111,7 +2114,7 @@ function BaseListBox(props) {
   const [ids, setIds] = useState([]);
   const inEditor = usePlasmicCanvasContext();
   const idManager = useIdManager(setIds, context == null ? void 0 : context.idManager);
-  const mergedProps = mergeProps(rest, __spreadProps$e(__spreadValues$i({
+  const mergedProps = mergeProps(rest, __spreadProps$f(__spreadValues$i({
     onFocusChange: (focused) => {
       plasmicUpdateVariant == null ? void 0 : plasmicUpdateVariant({ focused });
     }
@@ -2212,7 +2215,7 @@ function registerListBox(loader, overrides) {
         borderStyle: "solid",
         borderColor: "black"
       },
-      props: {
+      props: __spreadValues$i({
         id: createIdProp("List Box"),
         "aria-label": createAriaLabelProp("List Box"),
         children: {
@@ -2290,7 +2293,7 @@ function registerListBox(loader, overrides) {
           type: "eventHandler",
           argTypes: [{ name: "selectedValues", type: "object" }]
         }
-      },
+      }, focusEventHandlerProps()),
       states: {
         selectedValue: __spreadValues$i({
           type: "writable",
@@ -2462,8 +2465,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;
@@ -2479,7 +2482,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)
@@ -2526,7 +2529,7 @@ function BaseComboBox(props) {
     [setControlContextData]
   );
   const idManager = useIdManager(updateIds);
-  return /* @__PURE__ */ React.createElement(ComboBox, __spreadProps$d(__spreadValues$g({}, rest), { style: COMMON_STYLES }), ({ isDisabled }) => /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React.createElement(ComboBox, __spreadProps$e(__spreadValues$g({}, rest), { style: COMMON_STYLES }), ({ isDisabled }) => /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
     VariantUpdater,
     {
       changes: { disabled: isDisabled },
@@ -2555,7 +2558,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"),
@@ -2590,7 +2593,8 @@ function registerComboBox(loader) {
       onOpenChange: {
         type: "eventHandler",
         argTypes: [{ name: "isOpen", type: "boolean" }]
-      },
+      }
+    }, focusEventHandlerProps()), {
       children: {
         type: "slot",
         defaultValue: [
@@ -2666,7 +2670,7 @@ function registerComboBox(loader) {
           }
         ]
       }
-    },
+    }),
     states: {
       selectedValue: {
         type: "writable",
@@ -2686,8 +2690,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;
@@ -2703,7 +2707,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)
@@ -2722,7 +2726,7 @@ function BaseDialog(_a) {
   if (canvasContext) {
     return /* @__PURE__ */ React.createElement("div", { id: rest.id, className, style: COMMON_STYLES }, children);
   } else {
-    return /* @__PURE__ */ React.createElement(Dialog, __spreadProps$c(__spreadValues$f({}, rest), { className, style: COMMON_STYLES }), children);
+    return /* @__PURE__ */ React.createElement(Dialog, __spreadProps$d(__spreadValues$f({}, rest), { className, style: COMMON_STYLES }), children);
   }
 }
 const DIALOG_COMPONENT_NAME = makeComponentName("dialog");
@@ -2750,8 +2754,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;
@@ -2767,7 +2771,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)
@@ -2834,7 +2838,7 @@ const BaseModal = forwardRef(
     }));
     return /* @__PURE__ */ React.createElement(
       ModalOverlay,
-      __spreadProps$b(__spreadValues$e({}, mergedProps), {
+      __spreadProps$c(__spreadValues$e({}, mergedProps), {
         className: `${resetClassName} ${modalOverlayClass}`
       }),
       /* @__PURE__ */ React.createElement(
@@ -2967,8 +2971,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;
@@ -2984,7 +2988,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)
@@ -3016,7 +3020,7 @@ function BaseDialogTrigger(props) {
     isOpen,
     props
   });
-  const mergedProps = __spreadProps$a(__spreadValues$d({}, rest), {
+  const mergedProps = __spreadProps$b(__spreadValues$d({}, rest), {
     isOpen: canvasAwareIsOpen
   });
   return (
@@ -3094,8 +3098,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;
@@ -3111,7 +3115,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)
@@ -3126,7 +3130,7 @@ var __objRest$a = (source, exclude) => {
 };
 function BaseHeading(_a) {
   var _b = _a, { children } = _b, rest = __objRest$a(_b, ["children"]);
-  return /* @__PURE__ */ React.createElement(Heading, __spreadProps$9(__spreadValues$c({}, rest), { style: COMMON_STYLES }), children);
+  return /* @__PURE__ */ React.createElement(Heading, __spreadProps$a(__spreadValues$c({}, rest), { style: COMMON_STYLES }), children);
 }
 const HEADING_COMPONENT_NAME = makeComponentName("heading");
 function registerHeading(loader, overrides) {
@@ -3246,8 +3250,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;
@@ -3263,7 +3267,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)
@@ -3311,7 +3315,7 @@ function BaseRadio(props) {
   });
   const radio = /* @__PURE__ */ React.createElement(
     Radio,
-    __spreadProps$8(__spreadValues$a({}, rest), {
+    __spreadProps$9(__spreadValues$a({}, rest), {
       value: registeredId != null ? registeredId : "",
       key: registeredId,
       style: COMMON_STYLES
@@ -3387,7 +3391,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"),
@@ -3407,7 +3411,7 @@ function registerRadio(loader, overrides) {
             return true;
           }
         }
-      },
+      }, focusEventHandlerProps()),
       trapsFocus: true
     },
     overrides
@@ -3415,8 +3419,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;
@@ -3432,7 +3436,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)
@@ -3460,7 +3464,7 @@ function BaseRadioGroup(props) {
   const idManager = useIdManager(updateIds);
   return (
     // PlasmicRadioGroupContext is used by BaseRadio
-    /* @__PURE__ */ React.createElement(PlasmicRadioGroupContext.Provider, { value: __spreadProps$7(__spreadValues$9({}, props), { idManager }) }, /* @__PURE__ */ React.createElement(RadioGroup, __spreadProps$7(__spreadValues$9({}, rest), { style: COMMON_STYLES }), ({ isDisabled, isReadOnly }) => /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+    /* @__PURE__ */ React.createElement(PlasmicRadioGroupContext.Provider, { value: __spreadProps$8(__spreadValues$9({}, props), { idManager }) }, /* @__PURE__ */ React.createElement(RadioGroup, __spreadProps$8(__spreadValues$9({}, rest), { style: COMMON_STYLES }), ({ isDisabled, isReadOnly }) => /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
       VariantUpdater,
       {
         changes: {
@@ -3488,7 +3492,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"),
@@ -3580,7 +3584,7 @@ function registerRadioGroup(loader, overrides) {
           type: "eventHandler",
           argTypes: [{ name: "value", type: "string" }]
         }
-      },
+      }, focusEventHandlerProps()),
       states: {
         value: {
           type: "writable",
@@ -3596,6 +3600,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;
@@ -3611,6 +3617,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.useContext(SelectStateContext)) != null ? _a : {};
@@ -3633,6 +3640,9 @@ function BaseSelect(props) {
     selectedKey,
     onSelectionChange,
     onOpenChange,
+    onFocus,
+    onBlur,
+    onFocusChange,
     isDisabled,
     children,
     disabledKeys,
@@ -3661,6 +3671,9 @@ function BaseSelect(props) {
       selectedKey,
       onSelectionChange,
       onOpenChange,
+      onFocus,
+      onBlur,
+      onFocusChange,
       isDisabled,
       style: COMMON_STYLES,
       className,
@@ -3732,7 +3745,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"),
@@ -3768,7 +3781,8 @@ function registerSelect(loader) {
       onOpenChange: {
         type: "eventHandler",
         argTypes: [{ name: "isOpen", type: "boolean" }]
-      },
+      }
+    }, focusEventHandlerProps()), {
       children: {
         type: "slot",
         mergeWithParent: true,
@@ -3848,7 +3862,7 @@ function registerSelect(loader) {
           }
         ]
       }
-    },
+    }),
     states: {
       selectedValue: {
         type: "writable",
@@ -4029,10 +4043,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",
@@ -4043,7 +4058,7 @@ function registerSliderThumb(loader, overrides) {
           mergeWithParent: true,
           hidden: (props) => !props.advanced
         }
-      },
+      }),
       trapsFocus: true
     },
     overrides
@@ -4599,7 +4614,7 @@ function registerSwitch(loader, overrides) {
         justifyContent: "flex-start",
         padding: 0
       },
-      props: {
+      props: __spreadValues$3({
         id: createIdProp("Switch"),
         name: createNameProp(),
         isDisabled: createDisabledProp("Switch"),
@@ -4694,7 +4709,7 @@ function registerSwitch(loader, overrides) {
           type: "eventHandler",
           argTypes: [{ name: "isSelected", type: "boolean" }]
         }
-      },
+      }, focusEventHandlerProps()),
       states: {
         isSelected: {
           type: "writable",