@plasmicpkgs/react-aria 0.0.151 → 0.0.152

package/skinny/registerText.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"registerText.esm.js","sources":["../src/registerText.tsx"],"sourcesContent":["import React from \"react\";\nimport type { TextProps } from \"react-aria-components\";\nimport { Text } from \"react-aria-components\";\nimport { COMMON_STYLES } from \"./common\";\nimport {\n  CodeComponentMetaOverrides,\n  extractPlasmicDataProps,\n  makeComponentName,\n  Registerable,\n  registerComponentHelper,\n} from \"./utils\";\n\nexport function BaseText({ children, slot, className, ...rest }: TextProps) {\n  return (\n    <Text\n      {...extractPlasmicDataProps(rest)}\n      slot={slot}\n      className={className}\n      style={COMMON_STYLES}\n    >\n      {children}\n    </Text>\n  );\n}\n\nexport const TEXT_COMPONENT_NAME = makeComponentName(\"text\");\n\nexport function registerText(\n  loader?: Registerable,\n  overrides?: CodeComponentMetaOverrides<typeof BaseText>\n) {\n  return registerComponentHelper(\n    loader,\n    BaseText,\n    {\n      name: TEXT_COMPONENT_NAME,\n      displayName: \"Aria Text\",\n      importPath: \"@plasmicpkgs/react-aria/skinny/registerText\",\n      importName: \"BaseText\",\n      props: {\n        children: {\n          type: \"slot\",\n          mergeWithParent: true,\n          defaultValue: {\n            type: \"text\",\n            value: \"Some text...\",\n          },\n        },\n        slot: {\n          type: \"choice\",\n          options: [\"label\", \"description\"],\n          defaultValueHint: \"label\",\n          defaultValue: \"label\",\n        },\n      },\n      trapsFocus: true,\n    },\n    overrides\n  );\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYO,SAAS,SAAS,EAAmD,EAAA;AAAnD,EAAE,IAAA,EAAA,GAAA,EAAA,EAAA,EAAA,QAAA,EAAU,MAAM,SAZ3C,EAAA,GAYyB,IAAgC,IAAhC,GAAA,SAAA,CAAA,EAAA,EAAgC,CAA9B,UAAA,EAAU,MAAM,EAAA,WAAA,CAAA,CAAA,CAAA;AACzC,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,IAAA;AAAA,IACK,aAAA,CAAA,cAAA,CAAA,EAAA,EAAA,uBAAA,CAAwB,IAAI,CADjC,CAAA,EAAA;AAAA,MAEC,IAAA;AAAA,MACA,SAAA;AAAA,MACA,KAAO,EAAA,aAAA;AAAA,KAAA,CAAA;AAAA,IAEN,QAAA;AAAA,GACH,CAAA;AAEJ,CAAA;AAEa,MAAA,mBAAA,GAAsB,kBAAkB,MAAM,EAAA;AAE3C,SAAA,YAAA,CACd,QACA,SACA,EAAA;AACA,EAAO,OAAA,uBAAA;AAAA,IACL,MAAA;AAAA,IACA,QAAA;AAAA,IACA;AAAA,MACE,IAAM,EAAA,mBAAA;AAAA,MACN,WAAa,EAAA,WAAA;AAAA,MACb,UAAY,EAAA,6CAAA;AAAA,MACZ,UAAY,EAAA,UAAA;AAAA,MACZ,KAAO,EAAA;AAAA,QACL,QAAU,EAAA;AAAA,UACR,IAAM,EAAA,MAAA;AAAA,UACN,eAAiB,EAAA,IAAA;AAAA,UACjB,YAAc,EAAA;AAAA,YACZ,IAAM,EAAA,MAAA;AAAA,YACN,KAAO,EAAA,cAAA;AAAA,WACT;AAAA,SACF;AAAA,QACA,IAAM,EAAA;AAAA,UACJ,IAAM,EAAA,QAAA;AAAA,UACN,OAAA,EAAS,CAAC,OAAA,EAAS,aAAa,CAAA;AAAA,UAChC,gBAAkB,EAAA,OAAA;AAAA,UAClB,YAAc,EAAA,OAAA;AAAA,SAChB;AAAA,OACF;AAAA,MACA,UAAY,EAAA,IAAA;AAAA,KACd;AAAA,IACA,SAAA;AAAA,GACF,CAAA;AACF;;;;"}
+{"version":3,"file":"registerText.esm.js","sources":["../src/registerText.tsx"],"sourcesContent":["import React from \"react\";\nimport type { TextProps } from \"react-aria-components\";\nimport { Text } from \"react-aria-components\";\nimport { COMMON_STYLES, createIdProp } from \"./common\";\nimport {\n  CodeComponentMetaOverrides,\n  extractPlasmicDataProps,\n  makeComponentName,\n  Registerable,\n  registerComponentHelper,\n} from \"./utils\";\n\nexport interface BaseTextProps extends TextProps {}\n\nexport function BaseText({ children, slot, className, ...rest }: BaseTextProps) {\n  const dataProps = extractPlasmicDataProps(rest);\n  return (\n    <Text\n      {...rest}\n      {...dataProps}\n      slot={slot}\n      className={className}\n      style={COMMON_STYLES}\n    >\n      {children}\n    </Text>\n  );\n}\n\nexport const TEXT_COMPONENT_NAME = makeComponentName(\"text\");\n\nexport function registerText(\n  loader?: Registerable,\n  overrides?: CodeComponentMetaOverrides<typeof BaseText>\n) {\n  return registerComponentHelper(\n    loader,\n    BaseText,\n    {\n      name: TEXT_COMPONENT_NAME,\n      displayName: \"Aria Text\",\n      importPath: \"@plasmicpkgs/react-aria/skinny/registerText\",\n      importName: \"BaseText\",\n      props: {\n        id: createIdProp(\"Text\"),\n        children: {\n          type: \"slot\",\n          mergeWithParent: true,\n          defaultValue: {\n            type: \"text\",\n            value: \"Some text...\",\n          },\n        },\n        slot: {\n          type: \"choice\",\n          options: [\"label\", \"description\"],\n          defaultValueHint: \"label\",\n          defaultValue: \"label\",\n        },\n      },\n      trapsFocus: true,\n    },\n    overrides\n  );\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAcO,SAAS,SAAS,EAAuD,EAAA;AAAvD,EAAE,IAAA,EAAA,GAAA,EAAA,EAAA,EAAA,QAAA,EAAU,MAAM,SAd3C,EAAA,GAcyB,IAAgC,IAAhC,GAAA,SAAA,CAAA,EAAA,EAAgC,CAA9B,UAAA,EAAU,MAAM,EAAA,WAAA,CAAA,CAAA,CAAA;AACzC,EAAM,MAAA,SAAA,GAAY,wBAAwB,IAAI,CAAA,CAAA;AAC9C,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,IAAA;AAAA,IAAA,aAAA,CAAA,cAAA,CAAA,cAAA,CAAA,EAAA,EACK,OACA,SAFL,CAAA,EAAA;AAAA,MAGC,IAAA;AAAA,MACA,SAAA;AAAA,MACA,KAAO,EAAA,aAAA;AAAA,KAAA,CAAA;AAAA,IAEN,QAAA;AAAA,GACH,CAAA;AAEJ,CAAA;AAEa,MAAA,mBAAA,GAAsB,kBAAkB,MAAM,EAAA;AAE3C,SAAA,YAAA,CACd,QACA,SACA,EAAA;AACA,EAAO,OAAA,uBAAA;AAAA,IACL,MAAA;AAAA,IACA,QAAA;AAAA,IACA;AAAA,MACE,IAAM,EAAA,mBAAA;AAAA,MACN,WAAa,EAAA,WAAA;AAAA,MACb,UAAY,EAAA,6CAAA;AAAA,MACZ,UAAY,EAAA,UAAA;AAAA,MACZ,KAAO,EAAA;AAAA,QACL,EAAA,EAAI,aAAa,MAAM,CAAA;AAAA,QACvB,QAAU,EAAA;AAAA,UACR,IAAM,EAAA,MAAA;AAAA,UACN,eAAiB,EAAA,IAAA;AAAA,UACjB,YAAc,EAAA;AAAA,YACZ,IAAM,EAAA,MAAA;AAAA,YACN,KAAO,EAAA,cAAA;AAAA,WACT;AAAA,SACF;AAAA,QACA,IAAM,EAAA;AAAA,UACJ,IAAM,EAAA,QAAA;AAAA,UACN,OAAA,EAAS,CAAC,OAAA,EAAS,aAAa,CAAA;AAAA,UAChC,gBAAkB,EAAA,OAAA;AAAA,UAClB,YAAc,EAAA,OAAA;AAAA,SAChB;AAAA,OACF;AAAA,MACA,UAAY,EAAA,IAAA;AAAA,KACd;AAAA,IACA,SAAA;AAAA,GACF,CAAA;AACF;;;;"}

package/skinny/registerTextArea.cjs.js

@@ -3,9 +3,8 @@
 var React = require('react');
 var reactAria = require('react-aria');
 var reactAriaComponents = require('react-aria-components');
-var common = require('./common-6ffc5113.cjs.js');
+var common = require('./common-7f948fa5.cjs.js');
 var contexts = require('./contexts-6d0cb2b1.cjs.js');
-var utils = require('./utils-88dd1a55.cjs.js');
 var variantUtils = require('./variant-utils-0ad70db8.cjs.js');
 require('@plasmicapp/host');
 require('@plasmicapp/host/registerComponent');
@@ -89,11 +88,11 @@ function BaseTextArea_(props, ref) {
     autoFocus: textAreaContextProps.autoFocus
   });
   const mergedProps = reactAria.mergeProps(
-    utils.filterHoverProps(textAreaContextProps),
+    common.filterHoverProps(textAreaContextProps),
     focusProps,
     hoverProps,
     {
-      value: utils.isDefined(textFieldContext) ? void 0 : value,
+      value: common.isDefined(textFieldContext) ? void 0 : value,
       style: __spreadValues(__spreadValues({}, common.COMMON_STYLES), autoResize ? { resize: "none" } : resize ? { resize } : {}),
       className
     }
@@ -134,42 +133,29 @@ function BaseTextArea_(props, ref) {
 }
 const BaseTextArea = React__default.default.forwardRef(BaseTextArea_);
 function registerTextArea(loader, overrides) {
-  utils.registerComponentHelper(
+  common.registerComponentHelper(
     loader,
     BaseTextArea,
     {
-      name: utils.makeComponentName("textarea"),
+      name: common.makeComponentName("textarea"),
       displayName: "Aria TextArea",
       importPath: "@plasmicpkgs/react-aria/skinny/registerTextArea",
       importName: "BaseTextArea",
       variants,
-      props: __spreadProps(__spreadValues({}, common.getCommonProps("Text Area", [
-        "name",
-        "disabled",
-        "readOnly",
-        "autoFocus",
-        "aria-label",
-        "required",
-        "placeholder",
-        "value",
-        "maxLength",
-        "minLength",
-        "inputMode",
-        "onChange",
-        "onFocus",
-        "onBlur",
-        "onKeyDown",
-        "onKeyUp",
-        "onCopy",
-        "onCut",
-        "onPaste",
-        "onCompositionStart",
-        "onCompositionEnd",
-        "onCompositionUpdate",
-        "onSelect",
-        "onBeforeInput",
-        "onInput"
-      ])), {
+      props: __spreadValues({
+        // Keep id first in the editor
+        id: common.createIdProp("Text Area"),
+        // Non-event props (explicit to preserve ordering)
+        name: common.createNameProp(),
+        placeholder: common.createPlaceholderProp(),
+        value: common.createInitialValueProp("Text Area"),
+        autoFocus: common.createAutoFocusProp("Text Area"),
+        disabled: common.createDisabledProp("Text Area"),
+        readOnly: common.createReadOnlyProp("Text Area"),
+        required: common.createRequiredProp("Text Area"),
+        maxLength: common.createMaxLengthProp(),
+        minLength: common.createMinLengthProp(),
+        inputMode: common.createInputModeProp(),
         autoResize: {
           type: "boolean",
           displayName: "Auto resize",
@@ -190,8 +176,10 @@ function registerTextArea(loader, overrides) {
           defaultValueHint: "both",
           hidden: (props) => Boolean(props.autoResize),
           advanced: true
-        }
-      }),
+        },
+        // Accessibility
+        "aria-label": common.createAriaLabelProp("Text Area")
+      }, common.commonInputEventHandlerProps()),
       states: {
         value: __spreadValues({
           type: "writable",

package/skinny/registerTextArea.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"registerTextArea.cjs.js","sources":["../src/registerTextArea.tsx"],"sourcesContent":["import React, { ChangeEvent, ForwardedRef, useEffect } from \"react\";\nimport { mergeProps, useFocusRing, useHover } from \"react-aria\";\nimport {\n  TextAreaContext,\n  TextAreaProps,\n  useContextProps,\n} from \"react-aria-components\";\nimport { COMMON_STYLES, getCommonProps } from \"./common\";\nimport { PlasmicTextFieldContext } from \"./contexts\";\nimport {\n  CodeComponentMetaOverrides,\n  filterHoverProps,\n  HasControlContextData,\n  isDefined,\n  makeComponentName,\n  Registerable,\n  registerComponentHelper,\n} from \"./utils\";\nimport { pickAriaComponentVariants, WithVariants } from \"./variant-utils\";\n\nconst TEXTAREA_VARIANTS = [\n  \"focused\" as const,\n  \"focusVisible\" as const,\n  \"hovered\" as const,\n  \"disabled\" as const,\n];\n\nconst { variants } = pickAriaComponentVariants(TEXTAREA_VARIANTS);\n\nexport interface BaseTextAreaProps\n  extends Omit<TextAreaProps, \"className\">,\n    HasControlContextData,\n    WithVariants<typeof TEXTAREA_VARIANTS> {\n  className?: string;\n  resize?: string;\n  autoResize?: boolean;\n}\n\nexport const inputHelpers = {\n  states: {\n    value: {\n      onChangeArgsToValue: (e: ChangeEvent<HTMLInputElement>) => {\n        return e.target.value;\n      },\n    },\n  },\n};\n\nfunction BaseTextArea_(\n  props: BaseTextAreaProps,\n  ref: ForwardedRef<HTMLTextAreaElement>\n) {\n  const {\n    className,\n    plasmicUpdateVariant,\n    setControlContextData,\n    value,\n    resize,\n    autoResize,\n    ...restProps\n  } = props;\n\n  const textFieldContext = React.useContext(PlasmicTextFieldContext);\n  const [textAreaContextProps, textAreaRef] = useContextProps(\n    restProps,\n    ref,\n    TextAreaContext\n  );\n\n  const { hoverProps, isHovered } = useHover(textAreaContextProps);\n  const { isFocused, isFocusVisible, focusProps } = useFocusRing({\n    isTextInput: true,\n    autoFocus: textAreaContextProps.autoFocus,\n  });\n\n  const mergedProps = mergeProps(\n    filterHoverProps(textAreaContextProps),\n    focusProps,\n    hoverProps,\n    {\n      value: isDefined(textFieldContext) ? undefined : value,\n      style: {\n        ...COMMON_STYLES,\n        ...(autoResize\n          ? { resize: \"none\" } // Auto-resize disables manual resizing\n          : resize\n          ? { resize }\n          : {}),\n      },\n      className,\n    }\n  );\n\n  const isDisabled = mergedProps.disabled || false;\n  const isInvalid =\n    !!mergedProps[\"aria-invalid\"] && mergedProps[\"aria-invalid\"] !== \"false\";\n\n  setControlContextData?.({\n    parent: textFieldContext,\n  });\n\n  React.useEffect(() => {\n    const el = textAreaRef.current;\n    if (autoResize && el) {\n      // Reset height to allow shrinking when text is deleted\n      el.style.height = \"auto\";\n      // Then set to scrollHeight so it expands to fit new content\n      el.style.height = `${el.scrollHeight}px`;\n    }\n  }, [mergedProps.value]);\n\n  useEffect(() => {\n    if (plasmicUpdateVariant) {\n      plasmicUpdateVariant({\n        disabled: isDisabled,\n        focused: isFocused,\n        focusVisible: isFocusVisible,\n        hovered: isHovered,\n      });\n    }\n  }, [isFocused, isFocusVisible, isHovered, isDisabled, plasmicUpdateVariant]);\n\n  return (\n    <textarea\n      {...mergedProps}\n      ref={textAreaRef}\n      data-focused={isFocused || undefined}\n      data-disabled={isDisabled || undefined}\n      data-hovered={isHovered || undefined}\n      data-focus-visible={isFocusVisible || undefined}\n      data-invalid={isInvalid || undefined}\n    />\n  );\n}\n\nexport const BaseTextArea = React.forwardRef(BaseTextArea_);\n\nexport function registerTextArea(\n  loader?: Registerable,\n  overrides?: CodeComponentMetaOverrides<typeof BaseTextArea>\n) {\n  registerComponentHelper(\n    loader,\n    BaseTextArea,\n    {\n      name: makeComponentName(\"textarea\"),\n      displayName: \"Aria TextArea\",\n      importPath: \"@plasmicpkgs/react-aria/skinny/registerTextArea\",\n      importName: \"BaseTextArea\",\n      variants,\n      props: {\n        ...getCommonProps<BaseTextAreaProps>(\"Text Area\", [\n          \"name\",\n          \"disabled\",\n          \"readOnly\",\n          \"autoFocus\",\n          \"aria-label\",\n          \"required\",\n          \"placeholder\",\n          \"value\",\n          \"maxLength\",\n          \"minLength\",\n          \"inputMode\",\n          \"onChange\",\n          \"onFocus\",\n          \"onBlur\",\n          \"onKeyDown\",\n          \"onKeyUp\",\n          \"onCopy\",\n          \"onCut\",\n          \"onPaste\",\n          \"onCompositionStart\",\n          \"onCompositionEnd\",\n          \"onCompositionUpdate\",\n          \"onSelect\",\n          \"onBeforeInput\",\n          \"onInput\",\n        ]),\n        autoResize: {\n          type: \"boolean\",\n          displayName: \"Auto resize\",\n          defaultValueHint: false,\n          description:\n            \"Grows or shrinks the element automatically based on text content. Disables manual resizing.\",\n        },\n        resize: {\n          type: \"choice\",\n          description: \"Controls if and how the element can be resized.\",\n          options: [\n            \"both\",\n            \"horizontal\",\n            \"vertical\",\n            \"block\",\n            \"inline\",\n            \"none\",\n          ],\n          defaultValueHint: \"both\",\n          hidden: (props) => Boolean(props.autoResize),\n          advanced: true,\n        },\n      },\n      states: {\n        value: {\n          type: \"writable\",\n          valueProp: \"value\",\n          onChangeProp: \"onChange\",\n          variableType: \"text\",\n          ...inputHelpers.states.value,\n        },\n      },\n      componentHelpers: {\n        helpers: inputHelpers,\n        importName: \"inputHelpers\",\n        importPath: \"@plasmicpkgs/react-aria/skinny/registerTextArea\",\n      },\n    },\n    overrides\n  );\n}\n"],"names":["pickAriaComponentVariants","React","PlasmicTextFieldContext","useContextProps","TextAreaContext","useHover","useFocusRing","mergeProps","filterHoverProps","isDefined","COMMON_STYLES","useEffect","registerComponentHelper","makeComponentName","getCommonProps"],"mappings":"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"}
+{"version":3,"file":"registerTextArea.cjs.js","sources":["../src/registerTextArea.tsx"],"sourcesContent":["import React, { ChangeEvent, ForwardedRef, useEffect } from \"react\";\nimport { mergeProps, useFocusRing, useHover } from \"react-aria\";\nimport {\n  TextAreaContext,\n  TextAreaProps,\n  useContextProps,\n} from \"react-aria-components\";\nimport {\n  COMMON_STYLES,\n  createIdProp,\n  createPlaceholderProp,\n  commonInputEventHandlerProps,\n  createDisabledProp,\n  createReadOnlyProp,\n  createRequiredProp,\n  createNameProp,\n  createAutoFocusProp,\n  createInitialValueProp,\n  createMaxLengthProp,\n  createMinLengthProp,\n  createInputModeProp,\n  createAriaLabelProp,\n} from \"./common\";\nimport { PlasmicTextFieldContext } from \"./contexts\";\nimport {\n  CodeComponentMetaOverrides,\n  filterHoverProps,\n  HasControlContextData,\n  isDefined,\n  makeComponentName,\n  Registerable,\n  registerComponentHelper,\n} from \"./utils\";\nimport { pickAriaComponentVariants, WithVariants } from \"./variant-utils\";\n\nconst TEXTAREA_VARIANTS = [\n  \"focused\" as const,\n  \"focusVisible\" as const,\n  \"hovered\" as const,\n  \"disabled\" as const,\n];\n\nconst { variants } = pickAriaComponentVariants(TEXTAREA_VARIANTS);\n\nexport interface BaseTextAreaProps\n  extends Omit<TextAreaProps, \"className\">,\n    HasControlContextData,\n    WithVariants<typeof TEXTAREA_VARIANTS> {\n  className?: string;\n  resize?: string;\n  autoResize?: boolean;\n}\n\nexport const inputHelpers = {\n  states: {\n    value: {\n      onChangeArgsToValue: (e: ChangeEvent<HTMLInputElement>) => {\n        return e.target.value;\n      },\n    },\n  },\n};\n\nfunction BaseTextArea_(\n  props: BaseTextAreaProps,\n  ref: ForwardedRef<HTMLTextAreaElement>\n) {\n  const {\n    className,\n    plasmicUpdateVariant,\n    setControlContextData,\n    value,\n    resize,\n    autoResize,\n    ...restProps\n  } = props;\n\n  const textFieldContext = React.useContext(PlasmicTextFieldContext);\n  const [textAreaContextProps, textAreaRef] = useContextProps(\n    restProps,\n    ref,\n    TextAreaContext\n  );\n\n  const { hoverProps, isHovered } = useHover(textAreaContextProps);\n  const { isFocused, isFocusVisible, focusProps } = useFocusRing({\n    isTextInput: true,\n    autoFocus: textAreaContextProps.autoFocus,\n  });\n\n  const mergedProps = mergeProps(\n    filterHoverProps(textAreaContextProps),\n    focusProps,\n    hoverProps,\n    {\n      value: isDefined(textFieldContext) ? undefined : value,\n      style: {\n        ...COMMON_STYLES,\n        ...(autoResize\n          ? { resize: \"none\" } // Auto-resize disables manual resizing\n          : resize\n          ? { resize }\n          : {}),\n      },\n      className,\n    }\n  );\n\n  const isDisabled = mergedProps.disabled || false;\n  const isInvalid =\n    !!mergedProps[\"aria-invalid\"] && mergedProps[\"aria-invalid\"] !== \"false\";\n\n  setControlContextData?.({\n    parent: textFieldContext,\n  });\n\n  React.useEffect(() => {\n    const el = textAreaRef.current;\n    if (autoResize && el) {\n      // Reset height to allow shrinking when text is deleted\n      el.style.height = \"auto\";\n      // Then set to scrollHeight so it expands to fit new content\n      el.style.height = `${el.scrollHeight}px`;\n    }\n  }, [mergedProps.value]);\n\n  useEffect(() => {\n    if (plasmicUpdateVariant) {\n      plasmicUpdateVariant({\n        disabled: isDisabled,\n        focused: isFocused,\n        focusVisible: isFocusVisible,\n        hovered: isHovered,\n      });\n    }\n  }, [isFocused, isFocusVisible, isHovered, isDisabled, plasmicUpdateVariant]);\n\n  return (\n    <textarea\n      {...mergedProps}\n      ref={textAreaRef}\n      data-focused={isFocused || undefined}\n      data-disabled={isDisabled || undefined}\n      data-hovered={isHovered || undefined}\n      data-focus-visible={isFocusVisible || undefined}\n      data-invalid={isInvalid || undefined}\n    />\n  );\n}\n\nexport const BaseTextArea = React.forwardRef(BaseTextArea_);\n\nexport function registerTextArea(\n  loader?: Registerable,\n  overrides?: CodeComponentMetaOverrides<typeof BaseTextArea>\n) {\n  registerComponentHelper(\n    loader,\n    BaseTextArea,\n    {\n      name: makeComponentName(\"textarea\"),\n      displayName: \"Aria TextArea\",\n      importPath: \"@plasmicpkgs/react-aria/skinny/registerTextArea\",\n      importName: \"BaseTextArea\",\n      variants,\n      props: {\n        // Keep id first in the editor\n        id: createIdProp(\"Text Area\"),\n\n        // Non-event props (explicit to preserve ordering)\n        name: createNameProp(),\n        placeholder: createPlaceholderProp(),\n        value: createInitialValueProp(\"Text Area\"),\n        autoFocus: createAutoFocusProp(\"Text Area\"),\n        disabled: createDisabledProp(\"Text Area\"),\n        readOnly: createReadOnlyProp(\"Text Area\"),\n        required: createRequiredProp(\"Text Area\"),\n        maxLength: createMaxLengthProp(),\n        minLength: createMinLengthProp(),\n        inputMode: createInputModeProp(),\n        autoResize: {\n          type: \"boolean\",\n          displayName: \"Auto resize\",\n          defaultValueHint: false,\n          description:\n            \"Grows or shrinks the element automatically based on text content. Disables manual resizing.\",\n        },\n        resize: {\n          type: \"choice\",\n          description: \"Controls if and how the element can be resized.\",\n          options: [\n            \"both\",\n            \"horizontal\",\n            \"vertical\",\n            \"block\",\n            \"inline\",\n            \"none\",\n          ],\n          defaultValueHint: \"both\",\n          hidden: (props) => Boolean(props.autoResize),\n          advanced: true,\n        },\n\n        // Accessibility\n        \"aria-label\": createAriaLabelProp(\"Text Area\"),\n\n        // Common event handlers appended last\n        ...commonInputEventHandlerProps<BaseTextAreaProps>(),\n      },\n      states: {\n        value: {\n          type: \"writable\",\n          valueProp: \"value\",\n          onChangeProp: \"onChange\",\n          variableType: \"text\",\n          ...inputHelpers.states.value,\n        },\n      },\n      componentHelpers: {\n        helpers: inputHelpers,\n        importName: \"inputHelpers\",\n        importPath: \"@plasmicpkgs/react-aria/skinny/registerTextArea\",\n      },\n    },\n    overrides\n  );\n}\n"],"names":["pickAriaComponentVariants","React","PlasmicTextFieldContext","useContextProps","TextAreaContext","useHover","useFocusRing","mergeProps","filterHoverProps","isDefined","COMMON_STYLES","useEffect","registerComponentHelper","makeComponentName","createIdProp","createNameProp","createPlaceholderProp","createInitialValueProp","createAutoFocusProp","createDisabledProp","createReadOnlyProp","createRequiredProp","createMaxLengthProp","createMinLengthProp","createInputModeProp","createAriaLabelProp","commonInputEventHandlerProps"],"mappings":"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"}

package/skinny/registerTextArea.esm.js

@@ -1,9 +1,8 @@
 import React, { useEffect } from 'react';
 import { useHover, useFocusRing, mergeProps } from 'react-aria';
 import { useContextProps, TextAreaContext } from 'react-aria-components';
-import { C as COMMON_STYLES, g as getCommonProps } from './common-3fde23cc.esm.js';
+import { q as filterHoverProps, p as isDefined, C as COMMON_STYLES, r as registerComponentHelper, m as makeComponentName, s as commonInputEventHandlerProps, c as createIdProp, a as createNameProp, t as createPlaceholderProp, v as createInitialValueProp, g as createAutoFocusProp, b as createDisabledProp, d as createReadOnlyProp, e as createRequiredProp, w as createMaxLengthProp, x as createMinLengthProp, y as createInputModeProp, f as createAriaLabelProp } from './common-81f08e86.esm.js';
 import { g as PlasmicTextFieldContext } from './contexts-5cb81c2f.esm.js';
-import { f as filterHoverProps, i as isDefined, r as registerComponentHelper, m as makeComponentName } from './utils-b68e14cf.esm.js';
 import { p as pickAriaComponentVariants } from './variant-utils-4405ebb0.esm.js';
 import '@plasmicapp/host';
 import '@plasmicapp/host/registerComponent';
@@ -137,33 +136,20 @@ function registerTextArea(loader, overrides) {
       importPath: "@plasmicpkgs/react-aria/skinny/registerTextArea",
       importName: "BaseTextArea",
       variants,
-      props: __spreadProps(__spreadValues({}, getCommonProps("Text Area", [
-        "name",
-        "disabled",
-        "readOnly",
-        "autoFocus",
-        "aria-label",
-        "required",
-        "placeholder",
-        "value",
-        "maxLength",
-        "minLength",
-        "inputMode",
-        "onChange",
-        "onFocus",
-        "onBlur",
-        "onKeyDown",
-        "onKeyUp",
-        "onCopy",
-        "onCut",
-        "onPaste",
-        "onCompositionStart",
-        "onCompositionEnd",
-        "onCompositionUpdate",
-        "onSelect",
-        "onBeforeInput",
-        "onInput"
-      ])), {
+      props: __spreadValues({
+        // Keep id first in the editor
+        id: createIdProp("Text Area"),
+        // Non-event props (explicit to preserve ordering)
+        name: createNameProp(),
+        placeholder: createPlaceholderProp(),
+        value: createInitialValueProp("Text Area"),
+        autoFocus: createAutoFocusProp("Text Area"),
+        disabled: createDisabledProp("Text Area"),
+        readOnly: createReadOnlyProp("Text Area"),
+        required: createRequiredProp("Text Area"),
+        maxLength: createMaxLengthProp(),
+        minLength: createMinLengthProp(),
+        inputMode: createInputModeProp(),
         autoResize: {
           type: "boolean",
           displayName: "Auto resize",
@@ -184,8 +170,10 @@ function registerTextArea(loader, overrides) {
           defaultValueHint: "both",
           hidden: (props) => Boolean(props.autoResize),
           advanced: true
-        }
-      }),
+        },
+        // Accessibility
+        "aria-label": createAriaLabelProp("Text Area")
+      }, commonInputEventHandlerProps()),
       states: {
         value: __spreadValues({
           type: "writable",

package/skinny/registerTextArea.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"registerTextArea.esm.js","sources":["../src/registerTextArea.tsx"],"sourcesContent":["import React, { ChangeEvent, ForwardedRef, useEffect } from \"react\";\nimport { mergeProps, useFocusRing, useHover } from \"react-aria\";\nimport {\n  TextAreaContext,\n  TextAreaProps,\n  useContextProps,\n} from \"react-aria-components\";\nimport { COMMON_STYLES, getCommonProps } from \"./common\";\nimport { PlasmicTextFieldContext } from \"./contexts\";\nimport {\n  CodeComponentMetaOverrides,\n  filterHoverProps,\n  HasControlContextData,\n  isDefined,\n  makeComponentName,\n  Registerable,\n  registerComponentHelper,\n} from \"./utils\";\nimport { pickAriaComponentVariants, WithVariants } from \"./variant-utils\";\n\nconst TEXTAREA_VARIANTS = [\n  \"focused\" as const,\n  \"focusVisible\" as const,\n  \"hovered\" as const,\n  \"disabled\" as const,\n];\n\nconst { variants } = pickAriaComponentVariants(TEXTAREA_VARIANTS);\n\nexport interface BaseTextAreaProps\n  extends Omit<TextAreaProps, \"className\">,\n    HasControlContextData,\n    WithVariants<typeof TEXTAREA_VARIANTS> {\n  className?: string;\n  resize?: string;\n  autoResize?: boolean;\n}\n\nexport const inputHelpers = {\n  states: {\n    value: {\n      onChangeArgsToValue: (e: ChangeEvent<HTMLInputElement>) => {\n        return e.target.value;\n      },\n    },\n  },\n};\n\nfunction BaseTextArea_(\n  props: BaseTextAreaProps,\n  ref: ForwardedRef<HTMLTextAreaElement>\n) {\n  const {\n    className,\n    plasmicUpdateVariant,\n    setControlContextData,\n    value,\n    resize,\n    autoResize,\n    ...restProps\n  } = props;\n\n  const textFieldContext = React.useContext(PlasmicTextFieldContext);\n  const [textAreaContextProps, textAreaRef] = useContextProps(\n    restProps,\n    ref,\n    TextAreaContext\n  );\n\n  const { hoverProps, isHovered } = useHover(textAreaContextProps);\n  const { isFocused, isFocusVisible, focusProps } = useFocusRing({\n    isTextInput: true,\n    autoFocus: textAreaContextProps.autoFocus,\n  });\n\n  const mergedProps = mergeProps(\n    filterHoverProps(textAreaContextProps),\n    focusProps,\n    hoverProps,\n    {\n      value: isDefined(textFieldContext) ? undefined : value,\n      style: {\n        ...COMMON_STYLES,\n        ...(autoResize\n          ? { resize: \"none\" } // Auto-resize disables manual resizing\n          : resize\n          ? { resize }\n          : {}),\n      },\n      className,\n    }\n  );\n\n  const isDisabled = mergedProps.disabled || false;\n  const isInvalid =\n    !!mergedProps[\"aria-invalid\"] && mergedProps[\"aria-invalid\"] !== \"false\";\n\n  setControlContextData?.({\n    parent: textFieldContext,\n  });\n\n  React.useEffect(() => {\n    const el = textAreaRef.current;\n    if (autoResize && el) {\n      // Reset height to allow shrinking when text is deleted\n      el.style.height = \"auto\";\n      // Then set to scrollHeight so it expands to fit new content\n      el.style.height = `${el.scrollHeight}px`;\n    }\n  }, [mergedProps.value]);\n\n  useEffect(() => {\n    if (plasmicUpdateVariant) {\n      plasmicUpdateVariant({\n        disabled: isDisabled,\n        focused: isFocused,\n        focusVisible: isFocusVisible,\n        hovered: isHovered,\n      });\n    }\n  }, [isFocused, isFocusVisible, isHovered, isDisabled, plasmicUpdateVariant]);\n\n  return (\n    <textarea\n      {...mergedProps}\n      ref={textAreaRef}\n      data-focused={isFocused || undefined}\n      data-disabled={isDisabled || undefined}\n      data-hovered={isHovered || undefined}\n      data-focus-visible={isFocusVisible || undefined}\n      data-invalid={isInvalid || undefined}\n    />\n  );\n}\n\nexport const BaseTextArea = React.forwardRef(BaseTextArea_);\n\nexport function registerTextArea(\n  loader?: Registerable,\n  overrides?: CodeComponentMetaOverrides<typeof BaseTextArea>\n) {\n  registerComponentHelper(\n    loader,\n    BaseTextArea,\n    {\n      name: makeComponentName(\"textarea\"),\n      displayName: \"Aria TextArea\",\n      importPath: \"@plasmicpkgs/react-aria/skinny/registerTextArea\",\n      importName: \"BaseTextArea\",\n      variants,\n      props: {\n        ...getCommonProps<BaseTextAreaProps>(\"Text Area\", [\n          \"name\",\n          \"disabled\",\n          \"readOnly\",\n          \"autoFocus\",\n          \"aria-label\",\n          \"required\",\n          \"placeholder\",\n          \"value\",\n          \"maxLength\",\n          \"minLength\",\n          \"inputMode\",\n          \"onChange\",\n          \"onFocus\",\n          \"onBlur\",\n          \"onKeyDown\",\n          \"onKeyUp\",\n          \"onCopy\",\n          \"onCut\",\n          \"onPaste\",\n          \"onCompositionStart\",\n          \"onCompositionEnd\",\n          \"onCompositionUpdate\",\n          \"onSelect\",\n          \"onBeforeInput\",\n          \"onInput\",\n        ]),\n        autoResize: {\n          type: \"boolean\",\n          displayName: \"Auto resize\",\n          defaultValueHint: false,\n          description:\n            \"Grows or shrinks the element automatically based on text content. Disables manual resizing.\",\n        },\n        resize: {\n          type: \"choice\",\n          description: \"Controls if and how the element can be resized.\",\n          options: [\n            \"both\",\n            \"horizontal\",\n            \"vertical\",\n            \"block\",\n            \"inline\",\n            \"none\",\n          ],\n          defaultValueHint: \"both\",\n          hidden: (props) => Boolean(props.autoResize),\n          advanced: true,\n        },\n      },\n      states: {\n        value: {\n          type: \"writable\",\n          valueProp: \"value\",\n          onChangeProp: \"onChange\",\n          variableType: \"text\",\n          ...inputHelpers.states.value,\n        },\n      },\n      componentHelpers: {\n        helpers: inputHelpers,\n        importName: \"inputHelpers\",\n        importPath: \"@plasmicpkgs/react-aria/skinny/registerTextArea\",\n      },\n    },\n    overrides\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"registerTextArea.esm.js","sources":["../src/registerTextArea.tsx"],"sourcesContent":["import React, { ChangeEvent, ForwardedRef, useEffect } from \"react\";\nimport { mergeProps, useFocusRing, useHover } from \"react-aria\";\nimport {\n  TextAreaContext,\n  TextAreaProps,\n  useContextProps,\n} from \"react-aria-components\";\nimport {\n  COMMON_STYLES,\n  createIdProp,\n  createPlaceholderProp,\n  commonInputEventHandlerProps,\n  createDisabledProp,\n  createReadOnlyProp,\n  createRequiredProp,\n  createNameProp,\n  createAutoFocusProp,\n  createInitialValueProp,\n  createMaxLengthProp,\n  createMinLengthProp,\n  createInputModeProp,\n  createAriaLabelProp,\n} from \"./common\";\nimport { PlasmicTextFieldContext } from \"./contexts\";\nimport {\n  CodeComponentMetaOverrides,\n  filterHoverProps,\n  HasControlContextData,\n  isDefined,\n  makeComponentName,\n  Registerable,\n  registerComponentHelper,\n} from \"./utils\";\nimport { pickAriaComponentVariants, WithVariants } from \"./variant-utils\";\n\nconst TEXTAREA_VARIANTS = [\n  \"focused\" as const,\n  \"focusVisible\" as const,\n  \"hovered\" as const,\n  \"disabled\" as const,\n];\n\nconst { variants } = pickAriaComponentVariants(TEXTAREA_VARIANTS);\n\nexport interface BaseTextAreaProps\n  extends Omit<TextAreaProps, \"className\">,\n    HasControlContextData,\n    WithVariants<typeof TEXTAREA_VARIANTS> {\n  className?: string;\n  resize?: string;\n  autoResize?: boolean;\n}\n\nexport const inputHelpers = {\n  states: {\n    value: {\n      onChangeArgsToValue: (e: ChangeEvent<HTMLInputElement>) => {\n        return e.target.value;\n      },\n    },\n  },\n};\n\nfunction BaseTextArea_(\n  props: BaseTextAreaProps,\n  ref: ForwardedRef<HTMLTextAreaElement>\n) {\n  const {\n    className,\n    plasmicUpdateVariant,\n    setControlContextData,\n    value,\n    resize,\n    autoResize,\n    ...restProps\n  } = props;\n\n  const textFieldContext = React.useContext(PlasmicTextFieldContext);\n  const [textAreaContextProps, textAreaRef] = useContextProps(\n    restProps,\n    ref,\n    TextAreaContext\n  );\n\n  const { hoverProps, isHovered } = useHover(textAreaContextProps);\n  const { isFocused, isFocusVisible, focusProps } = useFocusRing({\n    isTextInput: true,\n    autoFocus: textAreaContextProps.autoFocus,\n  });\n\n  const mergedProps = mergeProps(\n    filterHoverProps(textAreaContextProps),\n    focusProps,\n    hoverProps,\n    {\n      value: isDefined(textFieldContext) ? undefined : value,\n      style: {\n        ...COMMON_STYLES,\n        ...(autoResize\n          ? { resize: \"none\" } // Auto-resize disables manual resizing\n          : resize\n          ? { resize }\n          : {}),\n      },\n      className,\n    }\n  );\n\n  const isDisabled = mergedProps.disabled || false;\n  const isInvalid =\n    !!mergedProps[\"aria-invalid\"] && mergedProps[\"aria-invalid\"] !== \"false\";\n\n  setControlContextData?.({\n    parent: textFieldContext,\n  });\n\n  React.useEffect(() => {\n    const el = textAreaRef.current;\n    if (autoResize && el) {\n      // Reset height to allow shrinking when text is deleted\n      el.style.height = \"auto\";\n      // Then set to scrollHeight so it expands to fit new content\n      el.style.height = `${el.scrollHeight}px`;\n    }\n  }, [mergedProps.value]);\n\n  useEffect(() => {\n    if (plasmicUpdateVariant) {\n      plasmicUpdateVariant({\n        disabled: isDisabled,\n        focused: isFocused,\n        focusVisible: isFocusVisible,\n        hovered: isHovered,\n      });\n    }\n  }, [isFocused, isFocusVisible, isHovered, isDisabled, plasmicUpdateVariant]);\n\n  return (\n    <textarea\n      {...mergedProps}\n      ref={textAreaRef}\n      data-focused={isFocused || undefined}\n      data-disabled={isDisabled || undefined}\n      data-hovered={isHovered || undefined}\n      data-focus-visible={isFocusVisible || undefined}\n      data-invalid={isInvalid || undefined}\n    />\n  );\n}\n\nexport const BaseTextArea = React.forwardRef(BaseTextArea_);\n\nexport function registerTextArea(\n  loader?: Registerable,\n  overrides?: CodeComponentMetaOverrides<typeof BaseTextArea>\n) {\n  registerComponentHelper(\n    loader,\n    BaseTextArea,\n    {\n      name: makeComponentName(\"textarea\"),\n      displayName: \"Aria TextArea\",\n      importPath: \"@plasmicpkgs/react-aria/skinny/registerTextArea\",\n      importName: \"BaseTextArea\",\n      variants,\n      props: {\n        // Keep id first in the editor\n        id: createIdProp(\"Text Area\"),\n\n        // Non-event props (explicit to preserve ordering)\n        name: createNameProp(),\n        placeholder: createPlaceholderProp(),\n        value: createInitialValueProp(\"Text Area\"),\n        autoFocus: createAutoFocusProp(\"Text Area\"),\n        disabled: createDisabledProp(\"Text Area\"),\n        readOnly: createReadOnlyProp(\"Text Area\"),\n        required: createRequiredProp(\"Text Area\"),\n        maxLength: createMaxLengthProp(),\n        minLength: createMinLengthProp(),\n        inputMode: createInputModeProp(),\n        autoResize: {\n          type: \"boolean\",\n          displayName: \"Auto resize\",\n          defaultValueHint: false,\n          description:\n            \"Grows or shrinks the element automatically based on text content. Disables manual resizing.\",\n        },\n        resize: {\n          type: \"choice\",\n          description: \"Controls if and how the element can be resized.\",\n          options: [\n            \"both\",\n            \"horizontal\",\n            \"vertical\",\n            \"block\",\n            \"inline\",\n            \"none\",\n          ],\n          defaultValueHint: \"both\",\n          hidden: (props) => Boolean(props.autoResize),\n          advanced: true,\n        },\n\n        // Accessibility\n        \"aria-label\": createAriaLabelProp(\"Text Area\"),\n\n        // Common event handlers appended last\n        ...commonInputEventHandlerProps<BaseTextAreaProps>(),\n      },\n      states: {\n        value: {\n          type: \"writable\",\n          valueProp: \"value\",\n          onChangeProp: \"onChange\",\n          variableType: \"text\",\n          ...inputHelpers.states.value,\n        },\n      },\n      componentHelpers: {\n        helpers: inputHelpers,\n        importName: \"inputHelpers\",\n        importPath: \"@plasmicpkgs/react-aria/skinny/registerTextArea\",\n      },\n    },\n    overrides\n  );\n}\n"],"names":[],"mappings":"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"}

package/skinny/registerTextField.cjs.js

@@ -2,17 +2,16 @@
 
 var React = require('react');
 var reactAriaComponents = require('react-aria-components');
-var common = require('./common-6ffc5113.cjs.js');
+var common = require('./common-7f948fa5.cjs.js');
 var contexts = require('./contexts-6d0cb2b1.cjs.js');
 var registerDescription = require('./registerDescription.cjs.js');
 var registerInput = require('./registerInput.cjs.js');
 var registerLabel = require('./registerLabel.cjs.js');
-var utils = require('./utils-88dd1a55.cjs.js');
 var variantUtils = require('./variant-utils-0ad70db8.cjs.js');
-require('./registerText.cjs.js');
-require('react-aria');
 require('@plasmicapp/host');
 require('@plasmicapp/host/registerComponent');
+require('./registerText.cjs.js');
+require('react-aria');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
@@ -81,9 +80,9 @@ function BaseTextField(props) {
     ))
   );
 }
-const TEXT_FIELD_COMPONENT_NAME = utils.makeComponentName("textField");
+const TEXT_FIELD_COMPONENT_NAME = common.makeComponentName("textField");
 function registerTextField(loader, overrides) {
-  utils.registerComponentHelper(
+  common.registerComponentHelper(
     loader,
     BaseTextField,
     {
@@ -92,38 +91,28 @@ function registerTextField(loader, overrides) {
       importPath: "@plasmicpkgs/react-aria/skinny/registerTextField",
       importName: "BaseTextField",
       variants,
-      // TODO: Support for validate prop
-      props: __spreadProps(__spreadValues({}, common.getCommonProps("Text Field", [
-        "name",
-        "isDisabled",
-        "isReadOnly",
-        "autoFocus",
-        "aria-label",
-        "isRequired",
-        "value",
-        "maxLength",
-        "minLength",
-        "pattern",
-        "type",
-        "inputMode",
-        "validationBehavior",
-        "autoComplete",
-        "onChange",
-        "onFocus",
-        "onBlur",
-        "onFocusChange",
-        "onKeyDown",
-        "onKeyUp",
-        "onCopy",
-        "onCut",
-        "onPaste",
-        "onCompositionStart",
-        "onCompositionEnd",
-        "onCompositionUpdate",
-        "onSelect",
-        "onBeforeInput",
-        "onInput"
-      ])), {
+      props: __spreadProps(__spreadValues({
+        // Keep id first in the editor
+        id: common.createIdProp("Text Field"),
+        // Non-event props (explicit to preserve ordering)
+        name: common.createNameProp(),
+        value: common.createInitialValueProp("Text Field"),
+        type: common.createInputTypeProp(),
+        autoFocus: common.createAutoFocusProp("Text Field"),
+        isDisabled: common.createDisabledProp("Text Field"),
+        isReadOnly: common.createReadOnlyProp("Text Field"),
+        isRequired: common.createRequiredProp("Text Field"),
+        maxLength: common.createMaxLengthProp(),
+        minLength: common.createMinLengthProp(),
+        inputMode: common.createInputModeProp(),
+        autoComplete: common.createAutoCompleteProp(),
+        pattern: common.createPatternProp(),
+        validationBehavior: common.createValidationBehaviorProp(),
+        // Accessibility
+        "aria-label": common.createAriaLabelProp("Text Field"),
+        // Non-common event handler in Text Field only
+        onFocusChange: common.createOnFocusChangeProp()
+      }, common.commonInputEventHandlerProps()), {
         children: {
           type: "slot",
           mergeWithParent: true,

package/skinny/registerTextField.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"registerTextField.cjs.js","sources":["../src/registerTextField.tsx"],"sourcesContent":["import React, { ReactNode } from \"react\";\nimport type { InputProps, TextFieldProps } from \"react-aria-components\";\nimport { TextField } from \"react-aria-components\";\nimport { COMMON_STYLES, getCommonProps, resolveAutoComplete } from \"./common\";\nimport { PlasmicTextFieldContext } from \"./contexts\";\nimport { DESCRIPTION_COMPONENT_NAME } from \"./registerDescription\";\nimport { INPUT_COMPONENT_NAME } from \"./registerInput\";\nimport { LABEL_COMPONENT_NAME } from \"./registerLabel\";\nimport {\n  CodeComponentMetaOverrides,\n  Registerable,\n  makeComponentName,\n  registerComponentHelper,\n} from \"./utils\";\nimport { WithVariants, pickAriaComponentVariants } from \"./variant-utils\";\n\nconst TEXT_FIELD_VARIANTS = [\"disabled\" as const, \"readonly\" as const];\n\nexport interface BaseTextFieldProps\n  extends Omit<TextFieldProps, \"autoComplete\">,\n    WithVariants<typeof TEXT_FIELD_VARIANTS> {\n  label?: ReactNode;\n  description?: ReactNode;\n  multiline?: boolean;\n  inputProps?: InputProps;\n  autoComplete?: string[];\n  children: ReactNode;\n}\n\nconst { variants, withObservedValues } =\n  pickAriaComponentVariants(TEXT_FIELD_VARIANTS);\n\nexport function BaseTextField(props: BaseTextFieldProps) {\n  const { children, plasmicUpdateVariant, autoComplete, ...rest } = props;\n\n  const contextValue = React.useMemo(() => {\n    return {\n      isDisabled: props.isDisabled,\n      isReadOnly: props.isReadOnly,\n    };\n  }, [props.isDisabled, props.isReadOnly]);\n\n  return (\n    // PlasmicTextFieldContext is used by\n    // - BaseInput\n    // - BaseTextArea\n    <PlasmicTextFieldContext.Provider value={contextValue}>\n      <TextField\n        autoComplete={resolveAutoComplete(autoComplete)}\n        {...rest}\n        style={COMMON_STYLES}\n      >\n        {({ isDisabled, isReadOnly }) =>\n          withObservedValues(\n            children,\n            {\n              disabled: isDisabled,\n              readonly: isReadOnly,\n            },\n            plasmicUpdateVariant\n          )\n        }\n      </TextField>\n    </PlasmicTextFieldContext.Provider>\n  );\n}\n\nexport const TEXT_FIELD_COMPONENT_NAME = makeComponentName(\"textField\");\n\nexport function registerTextField(\n  loader?: Registerable,\n  overrides?: CodeComponentMetaOverrides<typeof BaseTextField>\n) {\n  registerComponentHelper(\n    loader,\n    BaseTextField,\n    {\n      name: TEXT_FIELD_COMPONENT_NAME,\n      displayName: \"Aria TextField\",\n      importPath: \"@plasmicpkgs/react-aria/skinny/registerTextField\",\n      importName: \"BaseTextField\",\n      variants,\n      // TODO: Support for validate prop\n      props: {\n        ...getCommonProps<BaseTextFieldProps>(\"Text Field\", [\n          \"name\",\n          \"isDisabled\",\n          \"isReadOnly\",\n          \"autoFocus\",\n          \"aria-label\",\n          \"isRequired\",\n          \"value\",\n          \"maxLength\",\n          \"minLength\",\n          \"pattern\",\n          \"type\",\n          \"inputMode\",\n          \"validationBehavior\",\n          \"autoComplete\",\n          \"onChange\",\n          \"onFocus\",\n          \"onBlur\",\n          \"onFocusChange\",\n          \"onKeyDown\",\n          \"onKeyUp\",\n          \"onCopy\",\n          \"onCut\",\n          \"onPaste\",\n          \"onCompositionStart\",\n          \"onCompositionEnd\",\n          \"onCompositionUpdate\",\n          \"onSelect\",\n          \"onBeforeInput\",\n          \"onInput\",\n        ]),\n        children: {\n          type: \"slot\",\n          mergeWithParent: true,\n          defaultValue: {\n            type: \"vbox\",\n            styles: {\n              justifyContent: \"flex-start\",\n              alignItems: \"flex-start\",\n              width: \"300px\",\n              gap: \"5px\",\n              padding: 0,\n            },\n            children: [\n              {\n                type: \"component\",\n                name: LABEL_COMPONENT_NAME,\n                props: {\n                  children: {\n                    type: \"text\",\n                    value: \"Label\",\n                  },\n                },\n              },\n              {\n                type: \"component\",\n                name: INPUT_COMPONENT_NAME,\n                styles: {\n                  width: \"100%\",\n                },\n              },\n              {\n                type: \"component\",\n                name: DESCRIPTION_COMPONENT_NAME,\n                props: {\n                  children: {\n                    type: \"text\",\n                    value: \"Type something...\",\n                  },\n                },\n              },\n            ],\n          },\n        },\n\n        isInvalid: {\n          // TODO: Not sure if needed\n          displayName: \"Invalid\",\n          type: \"boolean\",\n          description: \"Whether the input value is invalid\",\n          defaultValueHint: false,\n        },\n        customValidationErrors: {\n          // TODO: Not sure if needed\n          type: \"array\",\n          description: \"Errors for custom validation\",\n        },\n      },\n      states: {\n        value: {\n          type: \"writable\",\n          valueProp: \"value\",\n          onChangeProp: \"onChange\",\n          variableType: \"text\",\n        },\n      },\n      trapsFocus: true,\n    },\n    overrides\n  );\n}\n"],"names":["pickAriaComponentVariants","React","PlasmicTextFieldContext","TextField","resolveAutoComplete","COMMON_STYLES","makeComponentName","registerComponentHelper","getCommonProps","LABEL_COMPONENT_NAME","INPUT_COMPONENT_NAME","DESCRIPTION_COMPONENT_NAME"],"mappings":"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"}
+{"version":3,"file":"registerTextField.cjs.js","sources":["../src/registerTextField.tsx"],"sourcesContent":["import React, { ReactNode } from \"react\";\nimport type { InputProps, TextFieldProps } from \"react-aria-components\";\nimport { TextField } from \"react-aria-components\";\nimport {\n  COMMON_STYLES,\n  createIdProp,\n  resolveAutoComplete,\n  commonInputEventHandlerProps,\n  createDisabledProp,\n  createReadOnlyProp,\n  createRequiredProp,\n  createPatternProp,\n  createInputTypeProp,\n  createValidationBehaviorProp,\n  createAutoCompleteProp,\n  createOnFocusChangeProp,\n  createNameProp,\n  createAutoFocusProp,\n  createInitialValueProp,\n  createMaxLengthProp,\n  createMinLengthProp,\n  createInputModeProp,\n  createAriaLabelProp,\n} from \"./common\";\nimport { PlasmicTextFieldContext } from \"./contexts\";\nimport { DESCRIPTION_COMPONENT_NAME } from \"./registerDescription\";\nimport { INPUT_COMPONENT_NAME } from \"./registerInput\";\nimport { LABEL_COMPONENT_NAME } from \"./registerLabel\";\nimport {\n  CodeComponentMetaOverrides,\n  Registerable,\n  makeComponentName,\n  registerComponentHelper,\n} from \"./utils\";\nimport { WithVariants, pickAriaComponentVariants } from \"./variant-utils\";\n\nconst TEXT_FIELD_VARIANTS = [\"disabled\" as const, \"readonly\" as const];\n\nexport interface BaseTextFieldProps\n  extends Omit<TextFieldProps, \"autoComplete\">,\n    WithVariants<typeof TEXT_FIELD_VARIANTS> {\n  label?: ReactNode;\n  description?: ReactNode;\n  multiline?: boolean;\n  inputProps?: InputProps;\n  autoComplete?: string[];\n  children: ReactNode;\n}\n\nconst { variants, withObservedValues } =\n  pickAriaComponentVariants(TEXT_FIELD_VARIANTS);\n\nexport function BaseTextField(props: BaseTextFieldProps) {\n  const { children, plasmicUpdateVariant, autoComplete, ...rest } = props;\n\n  const contextValue = React.useMemo(() => {\n    return {\n      isDisabled: props.isDisabled,\n      isReadOnly: props.isReadOnly,\n    };\n  }, [props.isDisabled, props.isReadOnly]);\n\n  return (\n    // PlasmicTextFieldContext is used by\n    // - BaseInput\n    // - BaseTextArea\n    <PlasmicTextFieldContext.Provider value={contextValue}>\n      <TextField\n        autoComplete={resolveAutoComplete(autoComplete)}\n        {...rest}\n        style={COMMON_STYLES}\n      >\n        {({ isDisabled, isReadOnly }) =>\n          withObservedValues(\n            children,\n            {\n              disabled: isDisabled,\n              readonly: isReadOnly,\n            },\n            plasmicUpdateVariant\n          )\n        }\n      </TextField>\n    </PlasmicTextFieldContext.Provider>\n  );\n}\n\nexport const TEXT_FIELD_COMPONENT_NAME = makeComponentName(\"textField\");\n\nexport function registerTextField(\n  loader?: Registerable,\n  overrides?: CodeComponentMetaOverrides<typeof BaseTextField>\n) {\n  registerComponentHelper(\n    loader,\n    BaseTextField,\n    {\n      name: TEXT_FIELD_COMPONENT_NAME,\n      displayName: \"Aria TextField\",\n      importPath: \"@plasmicpkgs/react-aria/skinny/registerTextField\",\n      importName: \"BaseTextField\",\n      variants,\n      props: {\n        // Keep id first in the editor\n        id: createIdProp(\"Text Field\"),\n\n        // Non-event props (explicit to preserve ordering)\n        name: createNameProp(),\n        value: createInitialValueProp(\"Text Field\"),\n        type: createInputTypeProp(),\n        autoFocus: createAutoFocusProp(\"Text Field\"),\n        isDisabled: createDisabledProp(\"Text Field\"),\n        isReadOnly: createReadOnlyProp(\"Text Field\"),\n        isRequired: createRequiredProp(\"Text Field\"),\n        maxLength: createMaxLengthProp(),\n        minLength: createMinLengthProp(),\n        inputMode: createInputModeProp(),\n        autoComplete: createAutoCompleteProp(),\n        pattern: createPatternProp(),\n        validationBehavior: createValidationBehaviorProp(),\n\n        // Accessibility\n        \"aria-label\": createAriaLabelProp(\"Text Field\"),\n\n        // Non-common event handler in Text Field only\n        onFocusChange: createOnFocusChangeProp(),\n\n        // Common event handlers appended last\n        ...commonInputEventHandlerProps<BaseTextFieldProps>(),\n        children: {\n          type: \"slot\",\n          mergeWithParent: true,\n          defaultValue: {\n            type: \"vbox\",\n            styles: {\n              justifyContent: \"flex-start\",\n              alignItems: \"flex-start\",\n              width: \"300px\",\n              gap: \"5px\",\n              padding: 0,\n            },\n            children: [\n              {\n                type: \"component\",\n                name: LABEL_COMPONENT_NAME,\n                props: {\n                  children: {\n                    type: \"text\",\n                    value: \"Label\",\n                  },\n                },\n              },\n              {\n                type: \"component\",\n                name: INPUT_COMPONENT_NAME,\n                styles: {\n                  width: \"100%\",\n                },\n              },\n              {\n                type: \"component\",\n                name: DESCRIPTION_COMPONENT_NAME,\n                props: {\n                  children: {\n                    type: \"text\",\n                    value: \"Type something...\",\n                  },\n                },\n              },\n            ],\n          },\n        },\n\n        isInvalid: {\n          // TODO: Not sure if needed\n          displayName: \"Invalid\",\n          type: \"boolean\",\n          description: \"Whether the input value is invalid\",\n          defaultValueHint: false,\n        },\n        customValidationErrors: {\n          // TODO: Not sure if needed\n          type: \"array\",\n          description: \"Errors for custom validation\",\n        },\n      },\n      states: {\n        value: {\n          type: \"writable\",\n          valueProp: \"value\",\n          onChangeProp: \"onChange\",\n          variableType: \"text\",\n        },\n      },\n      trapsFocus: true,\n    },\n    overrides\n  );\n}\n"],"names":["pickAriaComponentVariants","React","PlasmicTextFieldContext","TextField","resolveAutoComplete","COMMON_STYLES","makeComponentName","registerComponentHelper","createIdProp","createNameProp","createInitialValueProp","createInputTypeProp","createAutoFocusProp","createDisabledProp","createReadOnlyProp","createRequiredProp","createMaxLengthProp","createMinLengthProp","createInputModeProp","createAutoCompleteProp","createPatternProp","createValidationBehaviorProp","createAriaLabelProp","createOnFocusChangeProp","commonInputEventHandlerProps","LABEL_COMPONENT_NAME","INPUT_COMPONENT_NAME","DESCRIPTION_COMPONENT_NAME"],"mappings":"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"}

package/skinny/registerTextField.esm.js

@@ -1,16 +1,15 @@
 import React from 'react';
 import { TextField } from 'react-aria-components';
-import { r as resolveAutoComplete, g as getCommonProps, C as COMMON_STYLES } from './common-3fde23cc.esm.js';
+import { z as resolveAutoComplete, m as makeComponentName, r as registerComponentHelper, C as COMMON_STYLES, s as commonInputEventHandlerProps, c as createIdProp, a as createNameProp, v as createInitialValueProp, A as createInputTypeProp, g as createAutoFocusProp, b as createDisabledProp, d as createReadOnlyProp, e as createRequiredProp, w as createMaxLengthProp, x as createMinLengthProp, y as createInputModeProp, B as createAutoCompleteProp, D as createPatternProp, E as createValidationBehaviorProp, f as createAriaLabelProp, F as createOnFocusChangeProp } from './common-81f08e86.esm.js';
 import { g as PlasmicTextFieldContext } from './contexts-5cb81c2f.esm.js';
 import { DESCRIPTION_COMPONENT_NAME } from './registerDescription.esm.js';
 import { INPUT_COMPONENT_NAME } from './registerInput.esm.js';
 import { LABEL_COMPONENT_NAME } from './registerLabel.esm.js';
-import { m as makeComponentName, r as registerComponentHelper } from './utils-b68e14cf.esm.js';
 import { p as pickAriaComponentVariants } from './variant-utils-4405ebb0.esm.js';
-import './registerText.esm.js';
-import 'react-aria';
 import '@plasmicapp/host';
 import '@plasmicapp/host/registerComponent';
+import './registerText.esm.js';
+import 'react-aria';
 
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
@@ -86,38 +85,28 @@ function registerTextField(loader, overrides) {
       importPath: "@plasmicpkgs/react-aria/skinny/registerTextField",
       importName: "BaseTextField",
       variants,
-      // TODO: Support for validate prop
-      props: __spreadProps(__spreadValues({}, getCommonProps("Text Field", [
-        "name",
-        "isDisabled",
-        "isReadOnly",
-        "autoFocus",
-        "aria-label",
-        "isRequired",
-        "value",
-        "maxLength",
-        "minLength",
-        "pattern",
-        "type",
-        "inputMode",
-        "validationBehavior",
-        "autoComplete",
-        "onChange",
-        "onFocus",
-        "onBlur",
-        "onFocusChange",
-        "onKeyDown",
-        "onKeyUp",
-        "onCopy",
-        "onCut",
-        "onPaste",
-        "onCompositionStart",
-        "onCompositionEnd",
-        "onCompositionUpdate",
-        "onSelect",
-        "onBeforeInput",
-        "onInput"
-      ])), {
+      props: __spreadProps(__spreadValues({
+        // Keep id first in the editor
+        id: createIdProp("Text Field"),
+        // Non-event props (explicit to preserve ordering)
+        name: createNameProp(),
+        value: createInitialValueProp("Text Field"),
+        type: createInputTypeProp(),
+        autoFocus: createAutoFocusProp("Text Field"),
+        isDisabled: createDisabledProp("Text Field"),
+        isReadOnly: createReadOnlyProp("Text Field"),
+        isRequired: createRequiredProp("Text Field"),
+        maxLength: createMaxLengthProp(),
+        minLength: createMinLengthProp(),
+        inputMode: createInputModeProp(),
+        autoComplete: createAutoCompleteProp(),
+        pattern: createPatternProp(),
+        validationBehavior: createValidationBehaviorProp(),
+        // Accessibility
+        "aria-label": createAriaLabelProp("Text Field"),
+        // Non-common event handler in Text Field only
+        onFocusChange: createOnFocusChangeProp()
+      }, commonInputEventHandlerProps()), {
         children: {
           type: "slot",
           mergeWithParent: true,

package/skinny/registerTextField.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"registerTextField.esm.js","sources":["../src/registerTextField.tsx"],"sourcesContent":["import React, { ReactNode } from \"react\";\nimport type { InputProps, TextFieldProps } from \"react-aria-components\";\nimport { TextField } from \"react-aria-components\";\nimport { COMMON_STYLES, getCommonProps, resolveAutoComplete } from \"./common\";\nimport { PlasmicTextFieldContext } from \"./contexts\";\nimport { DESCRIPTION_COMPONENT_NAME } from \"./registerDescription\";\nimport { INPUT_COMPONENT_NAME } from \"./registerInput\";\nimport { LABEL_COMPONENT_NAME } from \"./registerLabel\";\nimport {\n  CodeComponentMetaOverrides,\n  Registerable,\n  makeComponentName,\n  registerComponentHelper,\n} from \"./utils\";\nimport { WithVariants, pickAriaComponentVariants } from \"./variant-utils\";\n\nconst TEXT_FIELD_VARIANTS = [\"disabled\" as const, \"readonly\" as const];\n\nexport interface BaseTextFieldProps\n  extends Omit<TextFieldProps, \"autoComplete\">,\n    WithVariants<typeof TEXT_FIELD_VARIANTS> {\n  label?: ReactNode;\n  description?: ReactNode;\n  multiline?: boolean;\n  inputProps?: InputProps;\n  autoComplete?: string[];\n  children: ReactNode;\n}\n\nconst { variants, withObservedValues } =\n  pickAriaComponentVariants(TEXT_FIELD_VARIANTS);\n\nexport function BaseTextField(props: BaseTextFieldProps) {\n  const { children, plasmicUpdateVariant, autoComplete, ...rest } = props;\n\n  const contextValue = React.useMemo(() => {\n    return {\n      isDisabled: props.isDisabled,\n      isReadOnly: props.isReadOnly,\n    };\n  }, [props.isDisabled, props.isReadOnly]);\n\n  return (\n    // PlasmicTextFieldContext is used by\n    // - BaseInput\n    // - BaseTextArea\n    <PlasmicTextFieldContext.Provider value={contextValue}>\n      <TextField\n        autoComplete={resolveAutoComplete(autoComplete)}\n        {...rest}\n        style={COMMON_STYLES}\n      >\n        {({ isDisabled, isReadOnly }) =>\n          withObservedValues(\n            children,\n            {\n              disabled: isDisabled,\n              readonly: isReadOnly,\n            },\n            plasmicUpdateVariant\n          )\n        }\n      </TextField>\n    </PlasmicTextFieldContext.Provider>\n  );\n}\n\nexport const TEXT_FIELD_COMPONENT_NAME = makeComponentName(\"textField\");\n\nexport function registerTextField(\n  loader?: Registerable,\n  overrides?: CodeComponentMetaOverrides<typeof BaseTextField>\n) {\n  registerComponentHelper(\n    loader,\n    BaseTextField,\n    {\n      name: TEXT_FIELD_COMPONENT_NAME,\n      displayName: \"Aria TextField\",\n      importPath: \"@plasmicpkgs/react-aria/skinny/registerTextField\",\n      importName: \"BaseTextField\",\n      variants,\n      // TODO: Support for validate prop\n      props: {\n        ...getCommonProps<BaseTextFieldProps>(\"Text Field\", [\n          \"name\",\n          \"isDisabled\",\n          \"isReadOnly\",\n          \"autoFocus\",\n          \"aria-label\",\n          \"isRequired\",\n          \"value\",\n          \"maxLength\",\n          \"minLength\",\n          \"pattern\",\n          \"type\",\n          \"inputMode\",\n          \"validationBehavior\",\n          \"autoComplete\",\n          \"onChange\",\n          \"onFocus\",\n          \"onBlur\",\n          \"onFocusChange\",\n          \"onKeyDown\",\n          \"onKeyUp\",\n          \"onCopy\",\n          \"onCut\",\n          \"onPaste\",\n          \"onCompositionStart\",\n          \"onCompositionEnd\",\n          \"onCompositionUpdate\",\n          \"onSelect\",\n          \"onBeforeInput\",\n          \"onInput\",\n        ]),\n        children: {\n          type: \"slot\",\n          mergeWithParent: true,\n          defaultValue: {\n            type: \"vbox\",\n            styles: {\n              justifyContent: \"flex-start\",\n              alignItems: \"flex-start\",\n              width: \"300px\",\n              gap: \"5px\",\n              padding: 0,\n            },\n            children: [\n              {\n                type: \"component\",\n                name: LABEL_COMPONENT_NAME,\n                props: {\n                  children: {\n                    type: \"text\",\n                    value: \"Label\",\n                  },\n                },\n              },\n              {\n                type: \"component\",\n                name: INPUT_COMPONENT_NAME,\n                styles: {\n                  width: \"100%\",\n                },\n              },\n              {\n                type: \"component\",\n                name: DESCRIPTION_COMPONENT_NAME,\n                props: {\n                  children: {\n                    type: \"text\",\n                    value: \"Type something...\",\n                  },\n                },\n              },\n            ],\n          },\n        },\n\n        isInvalid: {\n          // TODO: Not sure if needed\n          displayName: \"Invalid\",\n          type: \"boolean\",\n          description: \"Whether the input value is invalid\",\n          defaultValueHint: false,\n        },\n        customValidationErrors: {\n          // TODO: Not sure if needed\n          type: \"array\",\n          description: \"Errors for custom validation\",\n        },\n      },\n      states: {\n        value: {\n          type: \"writable\",\n          valueProp: \"value\",\n          onChangeProp: \"onChange\",\n          variableType: \"text\",\n        },\n      },\n      trapsFocus: true,\n    },\n    overrides\n  );\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgBA,MAAM,mBAAA,GAAsB,CAAC,UAAA,EAAqB,UAAmB,CAAA,CAAA;AAarE,MAAM,EAAE,QAAA,EAAU,kBAAmB,EAAA,GACnC,0BAA0B,mBAAmB,CAAA,CAAA;AAExC,SAAS,cAAc,KAA2B,EAAA;AACvD,EAAkE,MAAA,EAAA,GAAA,KAAA,EAA1D,EAAU,QAAA,EAAA,oBAAA,EAAsB,YAjC1C,EAAA,GAiCoE,IAAT,IAAS,GAAA,SAAA,CAAA,EAAA,EAAT,CAAjD,UAAA,EAAU,sBAAsB,EAAA,cAAA,CAAA,CAAA,CAAA;AAExC,EAAM,MAAA,YAAA,GAAe,KAAM,CAAA,OAAA,CAAQ,MAAM;AACvC,IAAO,OAAA;AAAA,MACL,YAAY,KAAM,CAAA,UAAA;AAAA,MAClB,YAAY,KAAM,CAAA,UAAA;AAAA,KACpB,CAAA;AAAA,KACC,CAAC,KAAA,CAAM,UAAY,EAAA,KAAA,CAAM,UAAU,CAAC,CAAA,CAAA;AAEvC,EAAA;AAAA;AAAA;AAAA;AAAA,oBAIG,KAAA,CAAA,aAAA,CAAA,uBAAA,CAAwB,QAAxB,EAAA,EAAiC,OAAO,YACvC,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,MAAC,SAAA;AAAA,MAAA,aAAA,CAAA,cAAA,CAAA;AAAA,QACC,YAAA,EAAc,oBAAoB,YAAY,CAAA;AAAA,OAAA,EAC1C,IAFL,CAAA,EAAA;AAAA,QAGC,KAAO,EAAA,aAAA;AAAA,OAAA,CAAA;AAAA,MAEN,CAAC,EAAE,UAAY,EAAA,UAAA,EACd,KAAA,kBAAA;AAAA,QACE,QAAA;AAAA,QACA;AAAA,UACE,QAAU,EAAA,UAAA;AAAA,UACV,QAAU,EAAA,UAAA;AAAA,SACZ;AAAA,QACA,oBAAA;AAAA,OACF;AAAA,KAGN,CAAA;AAAA,IAAA;AAEJ,CAAA;AAEa,MAAA,yBAAA,GAA4B,kBAAkB,WAAW,EAAA;AAEtD,SAAA,iBAAA,CACd,QACA,SACA,EAAA;AACA,EAAA,uBAAA;AAAA,IACE,MAAA;AAAA,IACA,aAAA;AAAA,IACA;AAAA,MACE,IAAM,EAAA,yBAAA;AAAA,MACN,WAAa,EAAA,gBAAA;AAAA,MACb,UAAY,EAAA,kDAAA;AAAA,MACZ,UAAY,EAAA,eAAA;AAAA,MACZ,QAAA;AAAA;AAAA,MAEA,KAAA,EAAO,aACF,CAAA,cAAA,CAAA,EAAA,EAAA,cAAA,CAAmC,YAAc,EAAA;AAAA,QAClD,MAAA;AAAA,QACA,YAAA;AAAA,QACA,YAAA;AAAA,QACA,WAAA;AAAA,QACA,YAAA;AAAA,QACA,YAAA;AAAA,QACA,OAAA;AAAA,QACA,WAAA;AAAA,QACA,WAAA;AAAA,QACA,SAAA;AAAA,QACA,MAAA;AAAA,QACA,WAAA;AAAA,QACA,oBAAA;AAAA,QACA,cAAA;AAAA,QACA,UAAA;AAAA,QACA,SAAA;AAAA,QACA,QAAA;AAAA,QACA,eAAA;AAAA,QACA,WAAA;AAAA,QACA,SAAA;AAAA,QACA,QAAA;AAAA,QACA,OAAA;AAAA,QACA,SAAA;AAAA,QACA,oBAAA;AAAA,QACA,kBAAA;AAAA,QACA,qBAAA;AAAA,QACA,UAAA;AAAA,QACA,eAAA;AAAA,QACA,SAAA;AAAA,OACD,CA/BI,CAAA,EAAA;AAAA,QAgCL,QAAU,EAAA;AAAA,UACR,IAAM,EAAA,MAAA;AAAA,UACN,eAAiB,EAAA,IAAA;AAAA,UACjB,YAAc,EAAA;AAAA,YACZ,IAAM,EAAA,MAAA;AAAA,YACN,MAAQ,EAAA;AAAA,cACN,cAAgB,EAAA,YAAA;AAAA,cAChB,UAAY,EAAA,YAAA;AAAA,cACZ,KAAO,EAAA,OAAA;AAAA,cACP,GAAK,EAAA,KAAA;AAAA,cACL,OAAS,EAAA,CAAA;AAAA,aACX;AAAA,YACA,QAAU,EAAA;AAAA,cACR;AAAA,gBACE,IAAM,EAAA,WAAA;AAAA,gBACN,IAAM,EAAA,oBAAA;AAAA,gBACN,KAAO,EAAA;AAAA,kBACL,QAAU,EAAA;AAAA,oBACR,IAAM,EAAA,MAAA;AAAA,oBACN,KAAO,EAAA,OAAA;AAAA,mBACT;AAAA,iBACF;AAAA,eACF;AAAA,cACA;AAAA,gBACE,IAAM,EAAA,WAAA;AAAA,gBACN,IAAM,EAAA,oBAAA;AAAA,gBACN,MAAQ,EAAA;AAAA,kBACN,KAAO,EAAA,MAAA;AAAA,iBACT;AAAA,eACF;AAAA,cACA;AAAA,gBACE,IAAM,EAAA,WAAA;AAAA,gBACN,IAAM,EAAA,0BAAA;AAAA,gBACN,KAAO,EAAA;AAAA,kBACL,QAAU,EAAA;AAAA,oBACR,IAAM,EAAA,MAAA;AAAA,oBACN,KAAO,EAAA,mBAAA;AAAA,mBACT;AAAA,iBACF;AAAA,eACF;AAAA,aACF;AAAA,WACF;AAAA,SACF;AAAA,QAEA,SAAW,EAAA;AAAA;AAAA,UAET,WAAa,EAAA,SAAA;AAAA,UACb,IAAM,EAAA,SAAA;AAAA,UACN,WAAa,EAAA,oCAAA;AAAA,UACb,gBAAkB,EAAA,KAAA;AAAA,SACpB;AAAA,QACA,sBAAwB,EAAA;AAAA;AAAA,UAEtB,IAAM,EAAA,OAAA;AAAA,UACN,WAAa,EAAA,8BAAA;AAAA,SACf;AAAA,OACF,CAAA;AAAA,MACA,MAAQ,EAAA;AAAA,QACN,KAAO,EAAA;AAAA,UACL,IAAM,EAAA,UAAA;AAAA,UACN,SAAW,EAAA,OAAA;AAAA,UACX,YAAc,EAAA,UAAA;AAAA,UACd,YAAc,EAAA,MAAA;AAAA,SAChB;AAAA,OACF;AAAA,MACA,UAAY,EAAA,IAAA;AAAA,KACd;AAAA,IACA,SAAA;AAAA,GACF,CAAA;AACF;;;;"}
+{"version":3,"file":"registerTextField.esm.js","sources":["../src/registerTextField.tsx"],"sourcesContent":["import React, { ReactNode } from \"react\";\nimport type { InputProps, TextFieldProps } from \"react-aria-components\";\nimport { TextField } from \"react-aria-components\";\nimport {\n  COMMON_STYLES,\n  createIdProp,\n  resolveAutoComplete,\n  commonInputEventHandlerProps,\n  createDisabledProp,\n  createReadOnlyProp,\n  createRequiredProp,\n  createPatternProp,\n  createInputTypeProp,\n  createValidationBehaviorProp,\n  createAutoCompleteProp,\n  createOnFocusChangeProp,\n  createNameProp,\n  createAutoFocusProp,\n  createInitialValueProp,\n  createMaxLengthProp,\n  createMinLengthProp,\n  createInputModeProp,\n  createAriaLabelProp,\n} from \"./common\";\nimport { PlasmicTextFieldContext } from \"./contexts\";\nimport { DESCRIPTION_COMPONENT_NAME } from \"./registerDescription\";\nimport { INPUT_COMPONENT_NAME } from \"./registerInput\";\nimport { LABEL_COMPONENT_NAME } from \"./registerLabel\";\nimport {\n  CodeComponentMetaOverrides,\n  Registerable,\n  makeComponentName,\n  registerComponentHelper,\n} from \"./utils\";\nimport { WithVariants, pickAriaComponentVariants } from \"./variant-utils\";\n\nconst TEXT_FIELD_VARIANTS = [\"disabled\" as const, \"readonly\" as const];\n\nexport interface BaseTextFieldProps\n  extends Omit<TextFieldProps, \"autoComplete\">,\n    WithVariants<typeof TEXT_FIELD_VARIANTS> {\n  label?: ReactNode;\n  description?: ReactNode;\n  multiline?: boolean;\n  inputProps?: InputProps;\n  autoComplete?: string[];\n  children: ReactNode;\n}\n\nconst { variants, withObservedValues } =\n  pickAriaComponentVariants(TEXT_FIELD_VARIANTS);\n\nexport function BaseTextField(props: BaseTextFieldProps) {\n  const { children, plasmicUpdateVariant, autoComplete, ...rest } = props;\n\n  const contextValue = React.useMemo(() => {\n    return {\n      isDisabled: props.isDisabled,\n      isReadOnly: props.isReadOnly,\n    };\n  }, [props.isDisabled, props.isReadOnly]);\n\n  return (\n    // PlasmicTextFieldContext is used by\n    // - BaseInput\n    // - BaseTextArea\n    <PlasmicTextFieldContext.Provider value={contextValue}>\n      <TextField\n        autoComplete={resolveAutoComplete(autoComplete)}\n        {...rest}\n        style={COMMON_STYLES}\n      >\n        {({ isDisabled, isReadOnly }) =>\n          withObservedValues(\n            children,\n            {\n              disabled: isDisabled,\n              readonly: isReadOnly,\n            },\n            plasmicUpdateVariant\n          )\n        }\n      </TextField>\n    </PlasmicTextFieldContext.Provider>\n  );\n}\n\nexport const TEXT_FIELD_COMPONENT_NAME = makeComponentName(\"textField\");\n\nexport function registerTextField(\n  loader?: Registerable,\n  overrides?: CodeComponentMetaOverrides<typeof BaseTextField>\n) {\n  registerComponentHelper(\n    loader,\n    BaseTextField,\n    {\n      name: TEXT_FIELD_COMPONENT_NAME,\n      displayName: \"Aria TextField\",\n      importPath: \"@plasmicpkgs/react-aria/skinny/registerTextField\",\n      importName: \"BaseTextField\",\n      variants,\n      props: {\n        // Keep id first in the editor\n        id: createIdProp(\"Text Field\"),\n\n        // Non-event props (explicit to preserve ordering)\n        name: createNameProp(),\n        value: createInitialValueProp(\"Text Field\"),\n        type: createInputTypeProp(),\n        autoFocus: createAutoFocusProp(\"Text Field\"),\n        isDisabled: createDisabledProp(\"Text Field\"),\n        isReadOnly: createReadOnlyProp(\"Text Field\"),\n        isRequired: createRequiredProp(\"Text Field\"),\n        maxLength: createMaxLengthProp(),\n        minLength: createMinLengthProp(),\n        inputMode: createInputModeProp(),\n        autoComplete: createAutoCompleteProp(),\n        pattern: createPatternProp(),\n        validationBehavior: createValidationBehaviorProp(),\n\n        // Accessibility\n        \"aria-label\": createAriaLabelProp(\"Text Field\"),\n\n        // Non-common event handler in Text Field only\n        onFocusChange: createOnFocusChangeProp(),\n\n        // Common event handlers appended last\n        ...commonInputEventHandlerProps<BaseTextFieldProps>(),\n        children: {\n          type: \"slot\",\n          mergeWithParent: true,\n          defaultValue: {\n            type: \"vbox\",\n            styles: {\n              justifyContent: \"flex-start\",\n              alignItems: \"flex-start\",\n              width: \"300px\",\n              gap: \"5px\",\n              padding: 0,\n            },\n            children: [\n              {\n                type: \"component\",\n                name: LABEL_COMPONENT_NAME,\n                props: {\n                  children: {\n                    type: \"text\",\n                    value: \"Label\",\n                  },\n                },\n              },\n              {\n                type: \"component\",\n                name: INPUT_COMPONENT_NAME,\n                styles: {\n                  width: \"100%\",\n                },\n              },\n              {\n                type: \"component\",\n                name: DESCRIPTION_COMPONENT_NAME,\n                props: {\n                  children: {\n                    type: \"text\",\n                    value: \"Type something...\",\n                  },\n                },\n              },\n            ],\n          },\n        },\n\n        isInvalid: {\n          // TODO: Not sure if needed\n          displayName: \"Invalid\",\n          type: \"boolean\",\n          description: \"Whether the input value is invalid\",\n          defaultValueHint: false,\n        },\n        customValidationErrors: {\n          // TODO: Not sure if needed\n          type: \"array\",\n          description: \"Errors for custom validation\",\n        },\n      },\n      states: {\n        value: {\n          type: \"writable\",\n          valueProp: \"value\",\n          onChangeProp: \"onChange\",\n          variableType: \"text\",\n        },\n      },\n      trapsFocus: true,\n    },\n    overrides\n  );\n}\n"],"names":[],"mappings":"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"}