@plasmicpkgs/react-aria 0.0.79 → 0.0.81

package/dist/react-aria.esm.js

@@ -1,26 +1,26 @@
 import { usePlasmicCanvasContext, usePlasmicCanvasComponentInfo } from '@plasmicapp/host';
 import React, { useEffect, useState, useMemo, forwardRef, useImperativeHandle, Component } from 'react';
 import { mergeProps, useFocusable } from 'react-aria';
-import { Button, Checkbox, Text, FieldError, Label, CheckboxGroup, Input, ListBoxItem, ListBox, Section, Header, PopoverContext, Popover, ComboBox, ComboBoxStateContext, Heading, ModalOverlay, Modal, Dialog, DialogTrigger, Radio, RadioGroup, Select, SelectStateContext, SelectValue, SliderOutput, SliderThumb, Slider, SliderTrack, Switch, TextArea, TextField, TooltipTrigger, Tooltip } from 'react-aria-components';
+import { Button, Checkbox, Text, Label, CheckboxGroup, Input, ListBoxItem, ListBox, Section, Header, PopoverContext, Popover, ComboBox, ComboBoxStateContext, Heading, ModalOverlay, Modal, Dialog, DialogTrigger, Radio, RadioGroup, Select, SelectStateContext, SelectValue, SliderOutput, SliderThumb, Slider, SliderTrack, Switch, TextArea, TextField, TooltipTrigger, Tooltip } from 'react-aria-components';
 import registerComponent from '@plasmicapp/host/registerComponent';
 import { mergeProps as mergeProps$1 } from '@react-aria/utils';
 import flattenChildren from 'react-keyed-flatten-children';
 
-var __defProp$r = Object.defineProperty;
+var __defProp$q = Object.defineProperty;
 var __defProps$g = Object.defineProperties;
 var __getOwnPropDescs$g = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$r = Object.getOwnPropertySymbols;
-var __hasOwnProp$r = Object.prototype.hasOwnProperty;
-var __propIsEnum$r = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$r = (obj, key, value) => key in obj ? __defProp$r(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$r = (a, b) => {
+var __getOwnPropSymbols$q = Object.getOwnPropertySymbols;
+var __hasOwnProp$q = Object.prototype.hasOwnProperty;
+var __propIsEnum$q = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$q = (obj, key, value) => key in obj ? __defProp$q(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$q = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$r.call(b, prop))
-      __defNormalProp$r(a, prop, b[prop]);
-  if (__getOwnPropSymbols$r)
-    for (var prop of __getOwnPropSymbols$r(b)) {
-      if (__propIsEnum$r.call(b, prop))
-        __defNormalProp$r(a, prop, b[prop]);
+    if (__hasOwnProp$q.call(b, prop))
+      __defNormalProp$q(a, prop, b[prop]);
+  if (__getOwnPropSymbols$q)
+    for (var prop of __getOwnPropSymbols$q(b)) {
+      if (__propIsEnum$q.call(b, prop))
+        __defNormalProp$q(a, prop, b[prop]);
     }
   return a;
 };
@@ -46,14 +46,14 @@ function useAutoOpen({
 }
 function registerComponentHelper(loader, component, meta, overrides) {
   var _a;
-  meta = __spreadProps$g(__spreadValues$r({}, meta), {
-    defaultStyles: __spreadValues$r({
+  meta = __spreadProps$g(__spreadValues$q({}, meta), {
+    defaultStyles: __spreadValues$q({
       boxSizing: "border-box"
     }, (_a = meta.defaultStyles) != null ? _a : {})
   });
   if (overrides) {
-    meta = __spreadProps$g(__spreadValues$r(__spreadValues$r({}, meta), overrides), {
-      props: __spreadValues$r(__spreadValues$r({}, meta.props), overrides.props)
+    meta = __spreadProps$g(__spreadValues$q(__spreadValues$q({}, meta), overrides), {
+      props: __spreadValues$q(__spreadValues$q({}, meta.props), overrides.props)
     });
     if (overrides.parentComponentName) {
       meta.name = makeChildComponentName(
@@ -516,33 +516,33 @@ function pickAriaComponentVariants(keys) {
   };
 }
 
-var __defProp$q = Object.defineProperty;
+var __defProp$p = Object.defineProperty;
 var __defProps$f = Object.defineProperties;
 var __getOwnPropDescs$f = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$q = Object.getOwnPropertySymbols;
-var __hasOwnProp$q = Object.prototype.hasOwnProperty;
-var __propIsEnum$q = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$q = (obj, key, value) => key in obj ? __defProp$q(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$q = (a, b) => {
+var __getOwnPropSymbols$p = Object.getOwnPropertySymbols;
+var __hasOwnProp$p = Object.prototype.hasOwnProperty;
+var __propIsEnum$p = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$p = (obj, key, value) => key in obj ? __defProp$p(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$p = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$q.call(b, prop))
-      __defNormalProp$q(a, prop, b[prop]);
-  if (__getOwnPropSymbols$q)
-    for (var prop of __getOwnPropSymbols$q(b)) {
-      if (__propIsEnum$q.call(b, prop))
-        __defNormalProp$q(a, prop, b[prop]);
+    if (__hasOwnProp$p.call(b, prop))
+      __defNormalProp$p(a, prop, b[prop]);
+  if (__getOwnPropSymbols$p)
+    for (var prop of __getOwnPropSymbols$p(b)) {
+      if (__propIsEnum$p.call(b, prop))
+        __defNormalProp$p(a, prop, b[prop]);
     }
   return a;
 };
 var __spreadProps$f = (a, b) => __defProps$f(a, __getOwnPropDescs$f(b));
-var __objRest$o = (source, exclude) => {
+var __objRest$n = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$q.call(source, prop) && exclude.indexOf(prop) < 0)
+    if (__hasOwnProp$p.call(source, prop) && exclude.indexOf(prop) < 0)
       target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols$q)
-    for (var prop of __getOwnPropSymbols$q(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$q.call(source, prop))
+  if (source != null && __getOwnPropSymbols$p)
+    for (var prop of __getOwnPropSymbols$p(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$p.call(source, prop))
         target[prop] = source[prop];
     }
   return target;
@@ -558,7 +558,7 @@ const { variants: variants$f, withObservedValues: withObservedValues$d } = pickA
 const BaseButton = React.forwardRef(
   (props, ref) => {
     var _b;
-    const _a = props, { submitsForm, resetsForm, children, plasmicUpdateVariant } = _a, rest = __objRest$o(_a, ["submitsForm", "resetsForm", "children", "plasmicUpdateVariant"]);
+    const _a = props, { submitsForm, resetsForm, children, plasmicUpdateVariant } = _a, rest = __objRest$n(_a, ["submitsForm", "resetsForm", "children", "plasmicUpdateVariant"]);
     const canvasContext = (_b = usePlasmicCanvasContext) == null ? void 0 : _b();
     const isEditMode = canvasContext && canvasContext.interactive === false;
     const type = submitsForm ? "submit" : resetsForm ? "reset" : "button";
@@ -569,7 +569,7 @@ const BaseButton = React.forwardRef(
       // When pressing space key, the button's "pressed" state is triggered, and the rich text editor loses focus as a result.
       preventFocusOnPress: isEditMode
     });
-    return /* @__PURE__ */ React.createElement(Button, __spreadValues$q({}, mergedProps), ({ isHovered, isPressed, isFocused, isFocusVisible, isDisabled }) => withObservedValues$d(
+    return /* @__PURE__ */ React.createElement(Button, __spreadValues$p({}, mergedProps), ({ isHovered, isPressed, isFocused, isFocusVisible, isDisabled }) => withObservedValues$d(
       children,
       {
         hovered: isHovered,
@@ -600,7 +600,7 @@ function registerButton(loader, overrides) {
         padding: "2px 10px",
         cursor: "pointer"
       },
-      props: __spreadProps$f(__spreadValues$q({}, getCommonProps("button", [
+      props: __spreadProps$f(__spreadValues$p({}, getCommonProps("button", [
         "autoFocus",
         "isDisabled",
         "aria-label"
@@ -655,33 +655,33 @@ const PlasmicListBoxContext = React.createContext(void 0);
 React.createContext(void 0);
 const PlasmicInputContext = React.createContext(void 0);
 
-var __defProp$p = Object.defineProperty;
+var __defProp$o = Object.defineProperty;
 var __defProps$e = Object.defineProperties;
 var __getOwnPropDescs$e = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$p = Object.getOwnPropertySymbols;
-var __hasOwnProp$p = Object.prototype.hasOwnProperty;
-var __propIsEnum$p = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$p = (obj, key, value) => key in obj ? __defProp$p(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$p = (a, b) => {
+var __getOwnPropSymbols$o = Object.getOwnPropertySymbols;
+var __hasOwnProp$o = Object.prototype.hasOwnProperty;
+var __propIsEnum$o = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$o = (obj, key, value) => key in obj ? __defProp$o(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$o = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$p.call(b, prop))
-      __defNormalProp$p(a, prop, b[prop]);
-  if (__getOwnPropSymbols$p)
-    for (var prop of __getOwnPropSymbols$p(b)) {
-      if (__propIsEnum$p.call(b, prop))
-        __defNormalProp$p(a, prop, b[prop]);
+    if (__hasOwnProp$o.call(b, prop))
+      __defNormalProp$o(a, prop, b[prop]);
+  if (__getOwnPropSymbols$o)
+    for (var prop of __getOwnPropSymbols$o(b)) {
+      if (__propIsEnum$o.call(b, prop))
+        __defNormalProp$o(a, prop, b[prop]);
     }
   return a;
 };
 var __spreadProps$e = (a, b) => __defProps$e(a, __getOwnPropDescs$e(b));
-var __objRest$n = (source, exclude) => {
+var __objRest$m = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$p.call(source, prop) && exclude.indexOf(prop) < 0)
+    if (__hasOwnProp$o.call(source, prop) && exclude.indexOf(prop) < 0)
       target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols$p)
-    for (var prop of __getOwnPropSymbols$p(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$p.call(source, prop))
+  if (source != null && __getOwnPropSymbols$o)
+    for (var prop of __getOwnPropSymbols$o(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$o.call(source, prop))
         target[prop] = source[prop];
     }
   return target;
@@ -699,12 +699,12 @@ const CHECKBOX_VARIANTS = [
 ];
 const { variants: variants$e, withObservedValues: withObservedValues$c } = pickAriaComponentVariants(CHECKBOX_VARIANTS);
 function BaseCheckbox(props) {
-  const _a = props, { children, plasmicUpdateVariant, setControlContextData } = _a, rest = __objRest$n(_a, ["children", "plasmicUpdateVariant", "setControlContextData"]);
+  const _a = props, { children, plasmicUpdateVariant, setControlContextData } = _a, rest = __objRest$m(_a, ["children", "plasmicUpdateVariant", "setControlContextData"]);
   const contextProps = React.useContext(PlasmicCheckboxGroupContext);
   setControlContextData == null ? void 0 : setControlContextData({
     parent: contextProps
   });
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Checkbox, __spreadValues$p({}, rest), ({
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Checkbox, __spreadValues$o({}, rest), ({
     isHovered,
     isPressed,
     isFocused,
@@ -774,17 +774,18 @@ const makeDefaultCheckboxChildren = ({
     ] : []
   ]
 });
+const CHECKBOX_COMPONENT_NAME = makeComponentName("checkbox");
 function registerCheckbox(loader, overrides) {
   return registerComponentHelper(
     loader,
     BaseCheckbox,
     {
-      name: makeComponentName("checkbox"),
+      name: CHECKBOX_COMPONENT_NAME,
       displayName: "Aria Checkbox",
       importPath: "@plasmicpkgs/react-aria/skinny/registerCheckbox",
       importName: "BaseCheckbox",
       variants: variants$e,
-      props: __spreadProps$e(__spreadValues$p({}, getCommonProps("checkbox", [
+      props: __spreadProps$e(__spreadValues$o({}, getCommonProps("checkbox", [
         "name",
         "isDisabled",
         "isReadOnly",
@@ -852,40 +853,40 @@ function registerCheckbox(loader, overrides) {
   );
 }
 
-var __defProp$o = Object.defineProperty;
+var __defProp$n = Object.defineProperty;
 var __defProps$d = Object.defineProperties;
 var __getOwnPropDescs$d = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$o = Object.getOwnPropertySymbols;
-var __hasOwnProp$o = Object.prototype.hasOwnProperty;
-var __propIsEnum$o = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$o = (obj, key, value) => key in obj ? __defProp$o(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$o = (a, b) => {
+var __getOwnPropSymbols$n = Object.getOwnPropertySymbols;
+var __hasOwnProp$n = Object.prototype.hasOwnProperty;
+var __propIsEnum$n = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$n = (obj, key, value) => key in obj ? __defProp$n(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$n = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$o.call(b, prop))
-      __defNormalProp$o(a, prop, b[prop]);
-  if (__getOwnPropSymbols$o)
-    for (var prop of __getOwnPropSymbols$o(b)) {
-      if (__propIsEnum$o.call(b, prop))
-        __defNormalProp$o(a, prop, b[prop]);
+    if (__hasOwnProp$n.call(b, prop))
+      __defNormalProp$n(a, prop, b[prop]);
+  if (__getOwnPropSymbols$n)
+    for (var prop of __getOwnPropSymbols$n(b)) {
+      if (__propIsEnum$n.call(b, prop))
+        __defNormalProp$n(a, prop, b[prop]);
     }
   return a;
 };
 var __spreadProps$d = (a, b) => __defProps$d(a, __getOwnPropDescs$d(b));
-var __objRest$m = (source, exclude) => {
+var __objRest$l = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$o.call(source, prop) && exclude.indexOf(prop) < 0)
+    if (__hasOwnProp$n.call(source, prop) && exclude.indexOf(prop) < 0)
       target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols$o)
-    for (var prop of __getOwnPropSymbols$o(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$o.call(source, prop))
+  if (source != null && __getOwnPropSymbols$n)
+    for (var prop of __getOwnPropSymbols$n(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$n.call(source, prop))
         target[prop] = source[prop];
     }
   return target;
 };
 function BaseText(_a) {
-  var _b = _a, { children, slot, className } = _b, rest = __objRest$m(_b, ["children", "slot", "className"]);
-  return /* @__PURE__ */ React.createElement(Text, __spreadProps$d(__spreadValues$o({}, extractPlasmicDataProps(rest)), { slot, className }), children);
+  var _b = _a, { children, slot, className } = _b, rest = __objRest$l(_b, ["children", "slot", "className"]);
+  return /* @__PURE__ */ React.createElement(Text, __spreadProps$d(__spreadValues$n({}, extractPlasmicDataProps(rest)), { slot, className }), children);
 }
 const TEXT_COMPONENT_NAME = makeComponentName("text");
 function registerText(loader, overrides) {
@@ -919,28 +920,28 @@ function registerText(loader, overrides) {
   );
 }
 
-var __defProp$n = Object.defineProperty;
+var __defProp$m = Object.defineProperty;
 var __defProps$c = Object.defineProperties;
 var __getOwnPropDescs$c = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$n = Object.getOwnPropertySymbols;
-var __hasOwnProp$n = Object.prototype.hasOwnProperty;
-var __propIsEnum$n = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$n = (obj, key, value) => key in obj ? __defProp$n(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$n = (a, b) => {
+var __getOwnPropSymbols$m = Object.getOwnPropertySymbols;
+var __hasOwnProp$m = Object.prototype.hasOwnProperty;
+var __propIsEnum$m = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$m = (obj, key, value) => key in obj ? __defProp$m(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$m = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$n.call(b, prop))
-      __defNormalProp$n(a, prop, b[prop]);
-  if (__getOwnPropSymbols$n)
-    for (var prop of __getOwnPropSymbols$n(b)) {
-      if (__propIsEnum$n.call(b, prop))
-        __defNormalProp$n(a, prop, b[prop]);
+    if (__hasOwnProp$m.call(b, prop))
+      __defNormalProp$m(a, prop, b[prop]);
+  if (__getOwnPropSymbols$m)
+    for (var prop of __getOwnPropSymbols$m(b)) {
+      if (__propIsEnum$m.call(b, prop))
+        __defNormalProp$m(a, prop, b[prop]);
     }
   return a;
 };
 var __spreadProps$c = (a, b) => __defProps$c(a, __getOwnPropDescs$c(b));
 const DESCRIPTION_COMPONENT_NAME = makeComponentName("description");
 function registerDescription(loader, overrides) {
-  return registerText(loader, __spreadProps$c(__spreadValues$n({}, overrides), {
+  return registerText(loader, __spreadProps$c(__spreadValues$m({}, overrides), {
     name: DESCRIPTION_COMPONENT_NAME,
     displayName: "Aria Description",
     props: {
@@ -953,165 +954,6 @@ function registerDescription(loader, overrides) {
   }));
 }
 
-var __defProp$m = Object.defineProperty;
-var __getOwnPropSymbols$m = Object.getOwnPropertySymbols;
-var __hasOwnProp$m = Object.prototype.hasOwnProperty;
-var __propIsEnum$m = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$m = (obj, key, value) => key in obj ? __defProp$m(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$m = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp$m.call(b, prop))
-      __defNormalProp$m(a, prop, b[prop]);
-  if (__getOwnPropSymbols$m)
-    for (var prop of __getOwnPropSymbols$m(b)) {
-      if (__propIsEnum$m.call(b, prop))
-        __defNormalProp$m(a, prop, b[prop]);
-    }
-  return a;
-};
-var __objRest$l = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp$m.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols$m)
-    for (var prop of __getOwnPropSymbols$m(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$m.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-function BaseFieldError(_a) {
-  var _b = _a, {
-    badInput,
-    customError,
-    patternMismatch,
-    rangeOverflow,
-    rangeUnderflow,
-    stepMismatch,
-    tooLong,
-    tooShort,
-    typeMismatch,
-    valueMissing
-  } = _b, rest = __objRest$l(_b, [
-    "badInput",
-    "customError",
-    "patternMismatch",
-    "rangeOverflow",
-    "rangeUnderflow",
-    "stepMismatch",
-    "tooLong",
-    "tooShort",
-    "typeMismatch",
-    "valueMissing"
-  ]);
-  return /* @__PURE__ */ React.createElement(FieldError, __spreadValues$m({}, rest), ({ validationDetails, validationErrors }) => {
-    if (validationDetails.badInput && badInput) {
-      return badInput;
-    }
-    if (validationDetails.customError && customError) {
-      return customError;
-    }
-    if (validationDetails.patternMismatch && patternMismatch) {
-      return patternMismatch;
-    }
-    if (validationDetails.rangeOverflow && rangeOverflow) {
-      return rangeOverflow;
-    }
-    if (validationDetails.rangeUnderflow && rangeUnderflow) {
-      return rangeUnderflow;
-    }
-    if (validationDetails.stepMismatch && stepMismatch) {
-      return stepMismatch;
-    }
-    if (validationDetails.tooLong && tooLong) {
-      return tooLong;
-    }
-    if (validationDetails.tooShort && tooShort) {
-      return tooShort;
-    }
-    if (validationDetails.typeMismatch && typeMismatch) {
-      return typeMismatch;
-    }
-    if (validationDetails.valueMissing && valueMissing) {
-      return valueMissing;
-    }
-    return validationErrors;
-  });
-}
-function PropsDescription() {
-  return /* @__PURE__ */ React.createElement("div", { style: { marginBottom: 20 } }, /* @__PURE__ */ React.createElement("p", null, "You can customize the error messages for built-in validations by utilizing the props below."), /* @__PURE__ */ React.createElement("p", null, "For further information on the specific conditions triggering each error, please refer to the", " ", /* @__PURE__ */ React.createElement(
-    "a",
-    {
-      target: "_blank",
-      href: "https://developer.mozilla.org/en-US/docs/Web/API/ValidityState#instance_properties"
-    },
-    "MDN Docs"
-  ), "."));
-}
-function registerFieldError(loader, overrides) {
-  registerComponentHelper(
-    loader,
-    BaseFieldError,
-    {
-      name: makeComponentName("fielderror"),
-      displayName: "Aria Field Error",
-      importPath: "@plasmicpkgs/react-aria/skinny/registerFieldError",
-      importName: "BaseFieldError",
-      actions: [
-        {
-          type: "custom-action",
-          control: PropsDescription
-        }
-      ],
-      props: {
-        badInput: {
-          type: "string",
-          description: "Error message if the user has provided input that the browser is unable to convert"
-        },
-        customError: {
-          type: "string",
-          description: "Error message for custom validations"
-        },
-        patternMismatch: {
-          type: "string",
-          description: "Error message if the value does not match the specified pattern"
-        },
-        rangeOverflow: {
-          type: "string",
-          description: "Error message if the value is greater than the maximum specified"
-        },
-        rangeUnderflow: {
-          type: "string",
-          description: "Error message if the value is less than the minimum specified"
-        },
-        stepMismatch: {
-          type: "string",
-          description: "Error message if the value is not evenly divisible by the step value"
-        },
-        tooLong: {
-          type: "string",
-          description: "Error message if the value exceeds the specified maximum number of characters"
-        },
-        tooShort: {
-          type: "string",
-          description: "Error message  if the value fails to meet the specified minimum number of characters"
-        },
-        typeMismatch: {
-          type: "string",
-          description: "Error message if the value is not in the required syntax (when type is email or url)"
-        },
-        valueMissing: {
-          type: "string",
-          description: "Error message if a required field has no value"
-        }
-      },
-      trapsFocus: true
-    },
-    overrides
-  );
-}
-
 var __defProp$l = Object.defineProperty;
 var __defProps$b = Object.defineProperties;
 var __getOwnPropDescs$b = Object.getOwnPropertyDescriptors;
@@ -1224,15 +1066,10 @@ function BaseCheckboxGroup(props) {
 }
 const componentName = makeComponentName("checkboxGroup");
 function registerCheckboxGroup(loader, overrides) {
-  const thisName = makeChildComponentName(
+  makeChildComponentName(
     overrides == null ? void 0 : overrides.parentComponentName,
     componentName
   );
-  registerFieldError(loader, { parentComponentName: thisName });
-  const checkboxMeta = registerCheckbox(loader, {
-    parentComponentName: thisName
-  });
-  registerLabel(loader, { parentComponentName: thisName });
   registerComponentHelper(
     loader,
     BaseCheckboxGroup,
@@ -1273,7 +1110,7 @@ function registerCheckboxGroup(loader, overrides) {
                 },
                 {
                   type: "component",
-                  name: checkboxMeta.name,
+                  name: CHECKBOX_COMPONENT_NAME,
                   props: {
                     children: makeDefaultCheckboxChildren({
                       label: "Checkbox 1",
@@ -1284,7 +1121,7 @@ function registerCheckboxGroup(loader, overrides) {
                 },
                 {
                   type: "component",
-                  name: checkboxMeta.name,
+                  name: CHECKBOX_COMPONENT_NAME,
                   props: {
                     children: makeDefaultCheckboxChildren({
                       label: "Checkbox 2",
@@ -1295,7 +1132,7 @@ function registerCheckboxGroup(loader, overrides) {
                 },
                 {
                   type: "component",
-                  name: checkboxMeta.name,
+                  name: CHECKBOX_COMPONENT_NAME,
                   props: {
                     children: makeDefaultCheckboxChildren({
                       label: "Checkbox 3",
@@ -2380,7 +2217,6 @@ function registerComboBox(loader) {
     props: __spreadProps$9(__spreadValues$e({}, getCommonProps("ComboBox", [
       "name",
       "aria-label",
-      "placeholder",
       "isDisabled"
     ])), {
       selectedKey: {
@@ -2438,12 +2274,16 @@ function registerComboBox(loader) {
               },
               {
                 type: "hbox",
+                styles: {
+                  padding: 0
+                },
                 children: [
                   {
                     type: "component",
                     name: INPUT_COMPONENT_NAME,
                     styles: {
-                      width: "100%"
+                      width: "100%",
+                      borderRightWidth: 0
                     }
                   },
                   {
@@ -2456,7 +2296,11 @@ function registerComboBox(loader) {
                         src: "https://static1.plasmic.app/arrow-up.svg",
                         styles: {
                           width: "15px",
-                          transform: "rotate(180deg)"
+                          transform: "rotate(180deg)",
+                          display: "flex",
+                          alignItems: "center",
+                          justifyContent: "center",
+                          padding: 0
                         }
                       }
                     }
@@ -3076,9 +2920,7 @@ function registerRadioGroup(loader, overrides) {
     overrides == null ? void 0 : overrides.parentComponentName,
     RADIO_GROUP_COMPONENT_NAME
   );
-  registerFieldError(loader, { parentComponentName: thisName });
   const radioMeta = registerRadio(loader, { parentComponentName: thisName });
-  registerLabel(loader, { parentComponentName: thisName });
   registerComponentHelper(
     loader,
     BaseRadioGroup,
@@ -3230,7 +3072,6 @@ function BaseSelect(props) {
   const {
     selectedKey,
     onSelectionChange,
-    placeholder,
     onOpenChange,
     isDisabled,
     className,
@@ -3258,7 +3099,6 @@ function BaseSelect(props) {
   return /* @__PURE__ */ React.createElement(
     Select,
     __spreadValues$8({
-      placeholder,
       selectedKey,
       onSelectionChange,
       onOpenChange,
@@ -3291,14 +3131,17 @@ function registerSelect(loader) {
     props: {
       customize: {
         type: "boolean",
-        description: "Whether to customize the selected value display"
+        displayName: "Customize placeholder",
+        defaultValue: true,
+        description: "Customize the placeholder text and styles"
       },
       children: {
         type: "slot",
+        displayName: "Placeholder",
         defaultValue: [
           {
             type: "text",
-            value: "Selected value..."
+            value: "Select an item"
           }
         ],
         hidden: (props) => !props.customize
@@ -3315,7 +3158,6 @@ function registerSelect(loader) {
     props: __spreadProps$4(__spreadValues$8({}, getCommonProps("Select", [
       "name",
       "aria-label",
-      "placeholder",
       "isDisabled",
       "autoFocus"
     ])), {
@@ -3377,7 +3219,9 @@ function registerSelect(loader) {
                 type: "component",
                 name: BUTTON_COMPONENT_NAME,
                 styles: {
-                  width: "100%"
+                  width: "100%",
+                  padding: "4px 10px",
+                  background: "white"
                 },
                 props: {
                   children: {
@@ -3386,7 +3230,7 @@ function registerSelect(loader) {
                       width: "stretch",
                       justifyContent: "space-between",
                       alignItems: "center",
-                      padding: "2px 5px"
+                      padding: 0
                     },
                     children: [
                       {
@@ -3397,8 +3241,8 @@ function registerSelect(loader) {
                         type: "img",
                         src: "https://static1.plasmic.app/arrow-up.svg",
                         styles: {
-                          height: "20px",
-                          width: "20px",
+                          height: "15px",
+                          width: "15px",
                           transform: "rotate(180deg)"
                         }
                       }
@@ -4539,7 +4383,8 @@ function registerTextField(loader, overrides) {
               justifyContent: "flex-start",
               alignItems: "flex-start",
               width: "300px",
-              gap: "5px"
+              gap: "5px",
+              padding: 0
             },
             children: [
               {
@@ -4597,14 +4442,6 @@ function registerTextField(loader, overrides) {
     },
     overrides
   );
-  const thisName = makeChildComponentName(
-    overrides == null ? void 0 : overrides.parentComponentName,
-    TEXT_FIELD_COMPONENT_NAME
-  );
-  registerFieldError(loader, { parentComponentName: thisName });
-  registerInput(loader, { parentComponentName: thisName });
-  registerLabel(loader, { parentComponentName: thisName });
-  registerTextArea(loader, { parentComponentName: thisName });
 }
 
 var __defProp = Object.defineProperty;
@@ -4821,6 +4658,7 @@ function registerAll(loader) {
   registerLabel(loader);
   registerListBox(loader);
   registerPopover(loader);
+  registerTextArea(loader);
   registerInput(loader);
   registerSwitch(loader);
   registerCheckbox(loader);