@plasmicpkgs/react-aria 0.0.30 → 0.0.31

package/dist/react-aria.js

@@ -120,8 +120,8 @@ function pickAriaComponentVariants(keys) {
 }
 
 var __defProp$q = Object.defineProperty;
-var __defProps$e = Object.defineProperties;
-var __getOwnPropDescs$e = Object.getOwnPropertyDescriptors;
+var __defProps$d = Object.defineProperties;
+var __getOwnPropDescs$d = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols$q = Object.getOwnPropertySymbols;
 var __hasOwnProp$q = Object.prototype.hasOwnProperty;
 var __propIsEnum$q = Object.prototype.propertyIsEnumerable;
@@ -137,10 +137,10 @@ var __spreadValues$q = (a, b) => {
     }
   return a;
 };
-var __spreadProps$e = (a, b) => __defProps$e(a, __getOwnPropDescs$e(b));
+var __spreadProps$d = (a, b) => __defProps$d(a, __getOwnPropDescs$d(b));
 function registerComponentHelper(loader, component, meta, overrides) {
   if (overrides) {
-    meta = __spreadProps$e(__spreadValues$q(__spreadValues$q({}, meta), overrides), {
+    meta = __spreadProps$d(__spreadValues$q(__spreadValues$q({}, meta), overrides), {
       props: __spreadValues$q(__spreadValues$q({}, meta.props), overrides.props)
     });
     if (overrides.parentComponentName) {
@@ -179,8 +179,8 @@ function withoutNils(array) {
 }
 
 var __defProp$p = Object.defineProperty;
-var __defProps$d = Object.defineProperties;
-var __getOwnPropDescs$d = Object.getOwnPropertyDescriptors;
+var __defProps$c = Object.defineProperties;
+var __getOwnPropDescs$c = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols$p = Object.getOwnPropertySymbols;
 var __hasOwnProp$p = Object.prototype.hasOwnProperty;
 var __propIsEnum$p = Object.prototype.propertyIsEnumerable;
@@ -196,7 +196,7 @@ var __spreadValues$p = (a, b) => {
     }
   return a;
 };
-var __spreadProps$d = (a, b) => __defProps$d(a, __getOwnPropDescs$d(b));
+var __spreadProps$c = (a, b) => __defProps$c(a, __getOwnPropDescs$c(b));
 var __objRest$h = (source, exclude) => {
   var target = {};
   for (var prop in source)
@@ -259,7 +259,7 @@ function registerButton(loader, overrides) {
         borderColor: "black",
         padding: "2px 10px"
       },
-      props: __spreadProps$d(__spreadValues$p({}, getCommonInputProps("button", [
+      props: __spreadProps$c(__spreadValues$p({}, getCommonInputProps("button", [
         "isDisabled",
         "aria-label"
       ])), {
@@ -336,8 +336,8 @@ function registerLabel(loader, overrides) {
 }
 
 var __defProp$o = Object.defineProperty;
-var __defProps$c = Object.defineProperties;
-var __getOwnPropDescs$c = Object.getOwnPropertyDescriptors;
+var __defProps$b = Object.defineProperties;
+var __getOwnPropDescs$b = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols$o = Object.getOwnPropertySymbols;
 var __hasOwnProp$o = Object.prototype.hasOwnProperty;
 var __propIsEnum$o = Object.prototype.propertyIsEnumerable;
@@ -353,7 +353,7 @@ var __spreadValues$o = (a, b) => {
     }
   return a;
 };
-var __spreadProps$c = (a, b) => __defProps$c(a, __getOwnPropDescs$c(b));
+var __spreadProps$b = (a, b) => __defProps$b(a, __getOwnPropDescs$b(b));
 var __objRest$g = (source, exclude) => {
   var target = {};
   for (var prop in source)
@@ -455,7 +455,7 @@ function registerCheckbox(loader, overrides) {
       importPath: "@plasmicpkgs/react-aria/skinny/registerCheckbox",
       importName: "BaseCheckbox",
       interactionVariants: interactionVariants$6,
-      props: __spreadProps$c(__spreadValues$o({}, getCommonInputProps("checkbox", [
+      props: __spreadProps$b(__spreadValues$o({}, getCommonInputProps("checkbox", [
         "name",
         "isDisabled",
         "isReadOnly",
@@ -583,8 +583,8 @@ function registerText(loader, overrides) {
 }
 
 var __defProp$m = Object.defineProperty;
-var __defProps$b = Object.defineProperties;
-var __getOwnPropDescs$b = Object.getOwnPropertyDescriptors;
+var __defProps$a = Object.defineProperties;
+var __getOwnPropDescs$a = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols$m = Object.getOwnPropertySymbols;
 var __hasOwnProp$m = Object.prototype.hasOwnProperty;
 var __propIsEnum$m = Object.prototype.propertyIsEnumerable;
@@ -600,10 +600,10 @@ var __spreadValues$m = (a, b) => {
     }
   return a;
 };
-var __spreadProps$b = (a, b) => __defProps$b(a, __getOwnPropDescs$b(b));
+var __spreadProps$a = (a, b) => __defProps$a(a, __getOwnPropDescs$a(b));
 const DESCRIPTION_COMPONENT_NAME = makeComponentName("description");
 function registerDescription(loader, overrides) {
-  return registerText(loader, __spreadProps$b(__spreadValues$m({}, overrides), {
+  return registerText(loader, __spreadProps$a(__spreadValues$m({}, overrides), {
     name: DESCRIPTION_COMPONENT_NAME,
     displayName: "Aria Description",
     props: {
@@ -776,8 +776,8 @@ function registerFieldError(loader, overrides) {
 }
 
 var __defProp$k = Object.defineProperty;
-var __defProps$a = Object.defineProperties;
-var __getOwnPropDescs$a = Object.getOwnPropertyDescriptors;
+var __defProps$9 = Object.defineProperties;
+var __getOwnPropDescs$9 = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols$k = Object.getOwnPropertySymbols;
 var __hasOwnProp$k = Object.prototype.hasOwnProperty;
 var __propIsEnum$k = Object.prototype.propertyIsEnumerable;
@@ -793,7 +793,7 @@ var __spreadValues$k = (a, b) => {
     }
   return a;
 };
-var __spreadProps$a = (a, b) => __defProps$a(a, __getOwnPropDescs$a(b));
+var __spreadProps$9 = (a, b) => __defProps$9(a, __getOwnPropDescs$9(b));
 function BaseCheckboxGroup(props) {
   return /* @__PURE__ */ React__default.default.createElement(PlasmicCheckboxGroupContext.Provider, { value: props }, /* @__PURE__ */ React__default.default.createElement(reactAriaComponents.CheckboxGroup, __spreadValues$k({}, props)));
 }
@@ -816,7 +816,7 @@ function registerCheckboxGroup(loader, overrides) {
       displayName: "Aria Checkbox Group",
       importPath: "@plasmicpkgs/react-aria/skinny/registerCheckboxGroup",
       importName: "BaseCheckboxGroup",
-      props: __spreadProps$a(__spreadValues$k({}, getCommonInputProps("checkbox group", [
+      props: __spreadProps$9(__spreadValues$k({}, getCommonInputProps("checkbox group", [
         "name",
         "isDisabled",
         "isReadOnly",
@@ -1181,8 +1181,8 @@ function registerInput(loader, overrides) {
 }
 
 var __defProp$i = Object.defineProperty;
-var __defProps$9 = Object.defineProperties;
-var __getOwnPropDescs$9 = Object.getOwnPropertyDescriptors;
+var __defProps$8 = Object.defineProperties;
+var __getOwnPropDescs$8 = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols$i = Object.getOwnPropertySymbols;
 var __hasOwnProp$i = Object.prototype.hasOwnProperty;
 var __propIsEnum$i = Object.prototype.propertyIsEnumerable;
@@ -1198,11 +1198,11 @@ var __spreadValues$i = (a, b) => {
     }
   return a;
 };
-var __spreadProps$9 = (a, b) => __defProps$9(a, __getOwnPropDescs$9(b));
+var __spreadProps$8 = (a, b) => __defProps$8(a, __getOwnPropDescs$8(b));
 function BaseListBoxItem(props) {
   const contextProps = React__default.default.useContext(PlasmicItemContext);
   const mergedProps = utils.mergeProps(contextProps, props);
-  return /* @__PURE__ */ React__default.default.createElement(reactAriaComponents.ListBoxItem, __spreadProps$9(__spreadValues$i({}, mergedProps), { textValue: contextProps.label }), mergedProps.children);
+  return /* @__PURE__ */ React__default.default.createElement(reactAriaComponents.ListBoxItem, __spreadProps$8(__spreadValues$i({}, mergedProps), { textValue: contextProps.label }), mergedProps.children);
 }
 const makeDefaultListBoxItemChildren = (label, description) => ({
   type: "vbox",
@@ -1361,8 +1361,8 @@ function registerSection(loader, overrides) {
 }
 
 var __defProp$f = Object.defineProperty;
-var __defProps$8 = Object.defineProperties;
-var __getOwnPropDescs$8 = Object.getOwnPropertyDescriptors;
+var __defProps$7 = Object.defineProperties;
+var __getOwnPropDescs$7 = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols$f = Object.getOwnPropertySymbols;
 var __hasOwnProp$f = Object.prototype.hasOwnProperty;
 var __propIsEnum$f = Object.prototype.propertyIsEnumerable;
@@ -1378,7 +1378,7 @@ var __spreadValues$f = (a, b) => {
     }
   return a;
 };
-var __spreadProps$8 = (a, b) => __defProps$8(a, __getOwnPropDescs$8(b));
+var __spreadProps$7 = (a, b) => __defProps$7(a, __getOwnPropDescs$7(b));
 var __objRest$c = (source, exclude) => {
   var target = {};
   for (var prop in source)
@@ -1447,7 +1447,7 @@ function registerListBox(loader, overrides) {
         borderColor: "black"
       },
       props: {
-        options: __spreadProps$8(__spreadValues$f({}, makeOptionsPropType()), {
+        options: __spreadProps$7(__spreadValues$f({}, makeOptionsPropType()), {
           displayName: "Items",
           hidden: (_ps, ctx) => !(ctx == null ? void 0 : ctx.isStandalone)
         }),
@@ -1619,8 +1619,8 @@ function registerPopover(loader, overrides) {
 }
 
 var __defProp$d = Object.defineProperty;
-var __defProps$7 = Object.defineProperties;
-var __getOwnPropDescs$7 = Object.getOwnPropertyDescriptors;
+var __defProps$6 = Object.defineProperties;
+var __getOwnPropDescs$6 = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols$d = Object.getOwnPropertySymbols;
 var __hasOwnProp$d = Object.prototype.hasOwnProperty;
 var __propIsEnum$d = Object.prototype.propertyIsEnumerable;
@@ -1636,7 +1636,7 @@ var __spreadValues$d = (a, b) => {
     }
   return a;
 };
-var __spreadProps$7 = (a, b) => __defProps$7(a, __getOwnPropDescs$7(b));
+var __spreadProps$6 = (a, b) => __defProps$6(a, __getOwnPropDescs$6(b));
 function BaseComboBox(props) {
   const {
     value,
@@ -1669,7 +1669,7 @@ function BaseComboBox(props) {
       return withoutNils(
         opts.map((op) => {
           if (op.type === "option-group") {
-            return __spreadProps$7(__spreadValues$d({}, op), {
+            return __spreadProps$6(__spreadValues$d({}, op), {
               items: op.items ? filterOptions(op.items) : void 0
             });
           } else {
@@ -1981,8 +1981,8 @@ function registerComboBox(loader) {
 }
 
 var __defProp$c = Object.defineProperty;
-var __defProps$6 = Object.defineProperties;
-var __getOwnPropDescs$6 = Object.getOwnPropertyDescriptors;
+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;
@@ -1998,7 +1998,7 @@ var __spreadValues$c = (a, b) => {
     }
   return a;
 };
-var __spreadProps$6 = (a, b) => __defProps$6(a, __getOwnPropDescs$6(b));
+var __spreadProps$5 = (a, b) => __defProps$5(a, __getOwnPropDescs$5(b));
 var __objRest$a = (source, exclude) => {
   var target = {};
   for (var prop in source)
@@ -2050,7 +2050,7 @@ const BaseModal = React.forwardRef(
     const body = /* @__PURE__ */ React__default.default.createElement(React__default.default.Fragment, null, heading && /* @__PURE__ */ React__default.default.createElement(reactAriaComponents.Heading, { slot: "title" }, heading), children);
     return /* @__PURE__ */ React__default.default.createElement(
       reactAriaComponents.ModalOverlay,
-      __spreadProps$6(__spreadValues$c({}, mergedProps), {
+      __spreadProps$5(__spreadValues$c({}, mergedProps), {
         className: modalOverlayClass,
         onOpenChange
       }),
@@ -2363,8 +2363,8 @@ class ErrorBoundary extends React.Component {
 }
 
 var __defProp$9 = Object.defineProperty;
-var __defProps$5 = Object.defineProperties;
-var __getOwnPropDescs$5 = Object.getOwnPropertyDescriptors;
+var __defProps$4 = Object.defineProperties;
+var __getOwnPropDescs$4 = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols$9 = Object.getOwnPropertySymbols;
 var __hasOwnProp$9 = Object.prototype.hasOwnProperty;
 var __propIsEnum$9 = Object.prototype.propertyIsEnumerable;
@@ -2380,7 +2380,7 @@ var __spreadValues$9 = (a, b) => {
     }
   return a;
 };
-var __spreadProps$5 = (a, b) => __defProps$5(a, __getOwnPropDescs$5(b));
+var __spreadProps$4 = (a, b) => __defProps$4(a, __getOwnPropDescs$4(b));
 var __objRest$7 = (source, exclude) => {
   var target = {};
   for (var prop in source)
@@ -2463,7 +2463,7 @@ function registerRadio(loader, overrides) {
       importPath: "@plasmicpkgs/react-aria/skinny/registerRadio",
       importName: "BaseRadio",
       interactionVariants: interactionVariants$4,
-      props: __spreadProps$5(__spreadValues$9({}, getCommonInputProps("radio", [
+      props: __spreadProps$4(__spreadValues$9({}, getCommonInputProps("radio", [
         "isDisabled",
         "autoFocus",
         "aria-label"
@@ -2497,8 +2497,8 @@ function registerRadio(loader, overrides) {
 }
 
 var __defProp$8 = Object.defineProperty;
-var __defProps$4 = Object.defineProperties;
-var __getOwnPropDescs$4 = Object.getOwnPropertyDescriptors;
+var __defProps$3 = Object.defineProperties;
+var __getOwnPropDescs$3 = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols$8 = Object.getOwnPropertySymbols;
 var __hasOwnProp$8 = Object.prototype.hasOwnProperty;
 var __propIsEnum$8 = Object.prototype.propertyIsEnumerable;
@@ -2514,7 +2514,7 @@ var __spreadValues$8 = (a, b) => {
     }
   return a;
 };
-var __spreadProps$4 = (a, b) => __defProps$4(a, __getOwnPropDescs$4(b));
+var __spreadProps$3 = (a, b) => __defProps$3(a, __getOwnPropDescs$3(b));
 function BaseRadioGroup(props) {
   return /* @__PURE__ */ React__default.default.createElement(PlasmicRadioGroupContext.Provider, { value: props }, /* @__PURE__ */ React__default.default.createElement(reactAriaComponents.RadioGroup, __spreadValues$8({}, props)));
 }
@@ -2535,7 +2535,7 @@ function registerRadioGroup(loader, overrides) {
       displayName: "Aria RadioGroup",
       importPath: "@plasmicpkgs/react-aria/skinny/registerRadioGroup",
       importName: "BaseRadioGroup",
-      props: __spreadProps$4(__spreadValues$8({}, getCommonInputProps("radio group", [
+      props: __spreadProps$3(__spreadValues$8({}, getCommonInputProps("radio group", [
         "name",
         "isDisabled",
         "isReadOnly",
@@ -3020,7 +3020,11 @@ function registerSliderThumb(loader, overrides) {
       },
       interactionVariants: interactionVariants$3,
       props: {
-        advanced: "boolean",
+        advanced: {
+          type: "boolean",
+          displayName: "Advanced",
+          description: "Enables the children slot for creating a more customized thumb"
+        },
         children: {
           type: "slot",
           hidden: (ps) => !ps.advanced
@@ -3100,18 +3104,13 @@ function BaseSliderTrack(props) {
   );
   const thumbs = React.useMemo(() => {
     const rawThumbs = flattenChildren__default.default(children);
-    if (mergedProps.value === void 0) {
-      return [];
-    }
-    if (!Array.isArray(mergedProps == null ? void 0 : mergedProps.value)) {
-      return rawThumbs;
-    }
-    const difference = mergedProps.value.length - rawThumbs.length;
+    const values = Array.isArray(mergedProps == null ? void 0 : mergedProps.value) ? mergedProps.value : [mergedProps.value].filter((v) => v !== void 0);
+    const difference = values.length - rawThumbs.length;
     if (!difference) {
       return rawThumbs;
     }
     if (difference < 0) {
-      return rawThumbs.slice(0, mergedProps.value.length);
+      return rawThumbs.slice(0, values.length);
     }
     const lastThumb = rawThumbs[rawThumbs.length - 1];
     return rawThumbs.concat(new Array(difference).fill(lastThumb));
@@ -3203,8 +3202,8 @@ function registerSliderTrack(loader, overrides) {
 }
 
 var __defProp$4 = Object.defineProperty;
-var __defProps$3 = Object.defineProperties;
-var __getOwnPropDescs$3 = Object.getOwnPropertyDescriptors;
+var __defProps$2 = Object.defineProperties;
+var __getOwnPropDescs$2 = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols$4 = Object.getOwnPropertySymbols;
 var __hasOwnProp$4 = Object.prototype.hasOwnProperty;
 var __propIsEnum$4 = Object.prototype.propertyIsEnumerable;
@@ -3220,7 +3219,7 @@ var __spreadValues$4 = (a, b) => {
     }
   return a;
 };
-var __spreadProps$3 = (a, b) => __defProps$3(a, __getOwnPropDescs$3(b));
+var __spreadProps$2 = (a, b) => __defProps$2(a, __getOwnPropDescs$2(b));
 var __objRest$4 = (source, exclude) => {
   var target = {};
   for (var prop in source)
@@ -3300,7 +3299,7 @@ function registerSlider(loader, overrides) {
       defaultStyles: {
         width: "300px"
       },
-      props: __spreadProps$3(__spreadValues$4({}, getCommonInputProps("slider", [
+      props: __spreadProps$2(__spreadValues$4({}, getCommonInputProps("slider", [
         "isDisabled",
         "name",
         "autoFocus",
@@ -3443,8 +3442,8 @@ function registerSlider(loader, overrides) {
 }
 
 var __defProp$3 = Object.defineProperty;
-var __defProps$2 = Object.defineProperties;
-var __getOwnPropDescs$2 = Object.getOwnPropertyDescriptors;
+var __defProps$1 = Object.defineProperties;
+var __getOwnPropDescs$1 = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols$3 = Object.getOwnPropertySymbols;
 var __hasOwnProp$3 = Object.prototype.hasOwnProperty;
 var __propIsEnum$3 = Object.prototype.propertyIsEnumerable;
@@ -3460,7 +3459,7 @@ var __spreadValues$3 = (a, b) => {
     }
   return a;
 };
-var __spreadProps$2 = (a, b) => __defProps$2(a, __getOwnPropDescs$2(b));
+var __spreadProps$1 = (a, b) => __defProps$1(a, __getOwnPropDescs$1(b));
 var __objRest$3 = (source, exclude) => {
   var target = {};
   for (var prop in source)
@@ -3512,7 +3511,7 @@ function registerSwitch(loader, overrides) {
         justifyContent: "flex-start",
         padding: 0
       },
-      props: __spreadProps$2(__spreadValues$3({}, getCommonInputProps("switch", [
+      props: __spreadProps$1(__spreadValues$3({}, getCommonInputProps("switch", [
         "name",
         "isDisabled",
         "isReadOnly",
@@ -3714,8 +3713,8 @@ function registerTextArea(loader, overrides) {
 }
 
 var __defProp$1 = Object.defineProperty;
-var __defProps$1 = Object.defineProperties;
-var __getOwnPropDescs$1 = Object.getOwnPropertyDescriptors;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols$1 = Object.getOwnPropertySymbols;
 var __hasOwnProp$1 = Object.prototype.hasOwnProperty;
 var __propIsEnum$1 = Object.prototype.propertyIsEnumerable;
@@ -3731,7 +3730,7 @@ var __spreadValues$1 = (a, b) => {
     }
   return a;
 };
-var __spreadProps$1 = (a, b) => __defProps$1(a, __getOwnPropDescs$1(b));
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 var __objRest$1 = (source, exclude) => {
   var target = {};
   for (var prop in source)
@@ -3765,7 +3764,7 @@ function registerTextField(loader, overrides) {
       importPath: "@plasmicpkgs/react-aria/skinny/registerTextField",
       importName: "BaseTextField",
       // TODO: Support for validate prop
-      props: __spreadProps$1(__spreadValues$1({}, getCommonInputProps("input", [
+      props: __spreadProps(__spreadValues$1({}, getCommonInputProps("input", [
         "name",
         "isDisabled",
         "isReadOnly",
@@ -4039,8 +4038,6 @@ function registerTextField(loader, overrides) {
 }
 
 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;
@@ -4056,7 +4053,6 @@ var __spreadValues = (a, b) => {
     }
   return a;
 };
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 var __objRest = (source, exclude) => {
   var target = {};
   for (var prop in source)
@@ -4078,11 +4074,13 @@ function BaseTooltip(props) {
     state,
     ref
   );
+  const hasContent = tooltipContent && tooltipContent.type.name !== "CanvasSlotPlaceholder";
   const focusableChild = flattenChildren__default.default(children)[0];
   return /* @__PURE__ */ React__default.default.createElement(
     "div",
     {
-      style: { position: "relative" }
+      style: { position: "relative" },
+      className: resetClassName
     },
     React__default.default.isValidElement(focusableChild) ? React__default.default.cloneElement(focusableChild, __spreadValues({
       ref
@@ -4090,7 +4088,10 @@ function BaseTooltip(props) {
       focusableChild.props,
       triggerProps
     ))) : null,
-    state.isOpen && /* @__PURE__ */ React__default.default.createElement("span", __spreadProps(__spreadValues({}, tooltipProps), { className: `${className} ${resetClassName}` }), tooltipContent)
+    state.isOpen && /* @__PURE__ */ React__default.default.createElement(React__default.default.Fragment, null, React__default.default.cloneElement(
+      hasContent ? tooltipContent : /* @__PURE__ */ React__default.default.createElement("p", null, "Add some content to the tooltip..."),
+      utils.mergeProps(tooltipProps, tooltipContent == null ? void 0 : tooltipContent.props.attrs, { className })
+    ))
   );
 }
 function registerTooltip(loader, overrides) {