@plasmicpkgs/react-aria 0.0.30 → 0.0.32

package/dist/react-aria.esm.js

@@ -112,8 +112,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;
@@ -129,10 +129,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) {
@@ -171,8 +171,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;
@@ -188,7 +188,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)
@@ -251,7 +251,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"
       ])), {
@@ -328,8 +328,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;
@@ -345,7 +345,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)
@@ -447,7 +447,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",
@@ -575,8 +575,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;
@@ -592,10 +592,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: {
@@ -768,8 +768,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;
@@ -785,7 +785,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.createElement(PlasmicCheckboxGroupContext.Provider, { value: props }, /* @__PURE__ */ React.createElement(CheckboxGroup, __spreadValues$k({}, props)));
 }
@@ -808,7 +808,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",
@@ -1173,8 +1173,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;
@@ -1190,11 +1190,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.useContext(PlasmicItemContext);
   const mergedProps = mergeProps(contextProps, props);
-  return /* @__PURE__ */ React.createElement(ListBoxItem, __spreadProps$9(__spreadValues$i({}, mergedProps), { textValue: contextProps.label }), mergedProps.children);
+  return /* @__PURE__ */ React.createElement(ListBoxItem, __spreadProps$8(__spreadValues$i({}, mergedProps), { textValue: contextProps.label }), mergedProps.children);
 }
 const makeDefaultListBoxItemChildren = (label, description) => ({
   type: "vbox",
@@ -1353,8 +1353,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;
@@ -1370,7 +1370,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)
@@ -1439,7 +1439,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)
         }),
@@ -1611,8 +1611,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;
@@ -1628,7 +1628,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,
@@ -1661,7 +1661,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 {
@@ -1973,8 +1973,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;
@@ -1990,7 +1990,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)
@@ -2042,7 +2042,7 @@ const BaseModal = forwardRef(
     const body = /* @__PURE__ */ React.createElement(React.Fragment, null, heading && /* @__PURE__ */ React.createElement(Heading, { slot: "title" }, heading), children);
     return /* @__PURE__ */ React.createElement(
       ModalOverlay,
-      __spreadProps$6(__spreadValues$c({}, mergedProps), {
+      __spreadProps$5(__spreadValues$c({}, mergedProps), {
         className: modalOverlayClass,
         onOpenChange
       }),
@@ -2355,8 +2355,8 @@ class ErrorBoundary extends 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;
@@ -2372,7 +2372,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)
@@ -2455,7 +2455,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"
@@ -2489,8 +2489,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;
@@ -2506,7 +2506,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.createElement(PlasmicRadioGroupContext.Provider, { value: props }, /* @__PURE__ */ React.createElement(RadioGroup, __spreadValues$8({}, props)));
 }
@@ -2527,7 +2527,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",
@@ -3012,7 +3012,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
@@ -3092,18 +3096,13 @@ function BaseSliderTrack(props) {
   );
   const thumbs = useMemo(() => {
     const rawThumbs = flattenChildren(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));
@@ -3195,8 +3194,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;
@@ -3212,7 +3211,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)
@@ -3292,7 +3291,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",
@@ -3435,8 +3434,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;
@@ -3452,7 +3451,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)
@@ -3504,7 +3503,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",
@@ -3706,8 +3705,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;
@@ -3723,7 +3722,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)
@@ -3757,7 +3756,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",
@@ -4031,8 +4030,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;
@@ -4048,7 +4045,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)
@@ -4070,11 +4066,13 @@ function BaseTooltip(props) {
     state,
     ref
   );
+  const hasContent = tooltipContent && tooltipContent.type.name !== "CanvasSlotPlaceholder";
   const focusableChild = flattenChildren(children)[0];
   return /* @__PURE__ */ React.createElement(
     "div",
     {
-      style: { position: "relative" }
+      style: { position: "relative" },
+      className: resetClassName
     },
     React.isValidElement(focusableChild) ? React.cloneElement(focusableChild, __spreadValues({
       ref
@@ -4082,7 +4080,10 @@ function BaseTooltip(props) {
       focusableChild.props,
       triggerProps
     ))) : null,
-    state.isOpen && /* @__PURE__ */ React.createElement("span", __spreadProps(__spreadValues({}, tooltipProps), { className: `${className} ${resetClassName}` }), tooltipContent)
+    state.isOpen && /* @__PURE__ */ React.createElement(React.Fragment, null, React.cloneElement(
+      hasContent ? tooltipContent : /* @__PURE__ */ React.createElement("p", null, "Add some content to the tooltip..."),
+      mergeProps(tooltipProps, tooltipContent == null ? void 0 : tooltipContent.props.attrs, { className })
+    ))
   );
 }
 function registerTooltip(loader, overrides) {