@plasmicpkgs/react-aria 0.0.39 → 0.0.41

package/skinny/registerSwitch.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"registerSwitch.esm.js","sources":["../src/registerSwitch.tsx"],"sourcesContent":["import React from \"react\";\nimport type { SwitchProps } from \"react-aria-components\";\nimport { Switch } from \"react-aria-components\";\nimport { getCommonInputProps } from \"./common\";\nimport {\n  UpdateInteractionVariant,\n  pickAriaComponentVariants,\n} from \"./interaction-variant-utils\";\nimport { DESCRIPTION_COMPONENT_NAME } from \"./registerDescription\";\nimport { LABEL_COMPONENT_NAME } from \"./registerLabel\";\nimport {\n  CodeComponentMetaOverrides,\n  Registerable,\n  makeComponentName,\n  registerComponentHelper,\n} from \"./utils\";\n\nconst SWITCH_INTERACTION_VARIANTS = [\n  \"hovered\" as const,\n  \"pressed\" as const,\n  \"focused\" as const,\n  \"focusVisible\" as const,\n];\n\nconst { interactionVariants, withObservedValues } = pickAriaComponentVariants(\n  SWITCH_INTERACTION_VARIANTS\n);\n\ninterface BaseSwitchProps extends SwitchProps {\n  children: React.ReactNode;\n  // Optional callback to update the interaction variant state\n  // as it's only provided if the component is the root of a Studio component\n  updateInteractionVariant?: UpdateInteractionVariant<\n    typeof SWITCH_INTERACTION_VARIANTS\n  >;\n}\n\nexport function BaseSwitch(props: BaseSwitchProps) {\n  const { children, updateInteractionVariant, ...rest } = props;\n\n  return (\n    <Switch {...rest}>\n      {({ isHovered, isPressed, isFocused, isFocusVisible }) =>\n        withObservedValues(\n          children,\n          {\n            hovered: isHovered,\n            pressed: isPressed,\n            focused: isFocused,\n            focusVisible: isFocusVisible,\n          },\n          updateInteractionVariant\n        )\n      }\n    </Switch>\n  );\n}\n\nexport function registerSwitch(\n  loader?: Registerable,\n  overrides?: CodeComponentMetaOverrides<typeof BaseSwitch>\n) {\n  registerComponentHelper(\n    loader,\n    BaseSwitch,\n    {\n      name: makeComponentName(\"switch\"),\n      displayName: \"Aria Switch\",\n      importPath: \"@plasmicpkgs/react-aria/skinny/registerSwitch\",\n      importName: \"BaseSwitch\",\n      interactionVariants,\n      defaultStyles: {\n        display: \"flex\",\n        flexDirection: \"column\",\n        alignItems: \"center\",\n        justifyContent: \"flex-start\",\n        padding: 0,\n      },\n      props: {\n        ...getCommonInputProps<SwitchProps>(\"switch\", [\n          \"name\",\n          \"isDisabled\",\n          \"isReadOnly\",\n          \"autoFocus\",\n          \"aria-label\",\n        ]),\n        children: {\n          type: \"slot\",\n          mergeWithParent: true as any,\n          defaultValue: [\n            {\n              type: \"hbox\",\n              styles: {\n                display: \"flex\",\n                alignItems: \"center\",\n                justifyContent: \"center\",\n                gap: \"10px\",\n                padding: 0,\n              },\n              children: [\n                {\n                  // the track\n                  type: \"hbox\",\n                  styles: {\n                    width: \"30px\",\n                    height: \"16px\",\n                    padding: 0,\n                    backgroundColor: \"#D5D5D5\",\n                    cursor: \"pointer\",\n                    borderRadius: \"999px\",\n                  },\n                  children: {\n                    // the thumb\n                    type: \"hbox\",\n                    styles: {\n                      width: \"12px\",\n                      height: \"12px\",\n                      position: \"absolute\",\n                      top: \"2px\",\n                      left: \"2px\",\n                      borderRadius: \"100%\",\n                      backgroundColor: \"#fff\",\n                      padding: 0,\n                      transitionProperty: \"all\",\n                      transitionDuration: \"0.5s\",\n                      transitionTimingFunction: \"ease-in-out\",\n                    },\n                  },\n                },\n                {\n                  // the label\n                  type: \"component\",\n                  name: LABEL_COMPONENT_NAME,\n                  props: {\n                    children: {\n                      type: \"text\",\n                      value: \"Label\",\n                    },\n                  },\n                },\n              ],\n            },\n            {\n              type: \"component\",\n              name: DESCRIPTION_COMPONENT_NAME,\n              styles: {\n                fontSize: \"12px\",\n              },\n              props: {\n                children: {\n                  type: \"text\",\n                  value: \"Add interaction variants to see it in action...\",\n                },\n              },\n            },\n          ],\n        },\n        value: {\n          type: \"boolean\",\n          editOnly: true,\n          uncontrolledProp: \"defaultSelected\",\n          description: \"Whether the switch is toggled on\",\n          defaultValueHint: false,\n        },\n        onChange: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"isSelected\", type: \"boolean\" }],\n        },\n      },\n      states: {\n        isSelected: {\n          type: \"writable\",\n          valueProp: \"value\",\n          onChangeProp: \"onChange\",\n          variableType: \"boolean\",\n        },\n      },\n      trapsFocus: true,\n    },\n    overrides\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"registerSwitch.esm.js","sources":["../src/registerSwitch.tsx"],"sourcesContent":["import React from \"react\";\nimport type { SwitchProps } from \"react-aria-components\";\nimport { Switch } from \"react-aria-components\";\nimport { getCommonInputProps } from \"./common\";\nimport {\n  UpdateInteractionVariant,\n  pickAriaComponentVariants,\n} from \"./interaction-variant-utils\";\nimport { DESCRIPTION_COMPONENT_NAME } from \"./registerDescription\";\nimport { LABEL_COMPONENT_NAME } from \"./registerLabel\";\nimport {\n  CodeComponentMetaOverrides,\n  Registerable,\n  makeComponentName,\n  registerComponentHelper,\n} from \"./utils\";\n\nconst SWITCH_INTERACTION_VARIANTS = [\n  \"hovered\" as const,\n  \"pressed\" as const,\n  \"focused\" as const,\n  \"focusVisible\" as const,\n  \"selected\" as const,\n  \"disabled\" as const,\n  \"readonly\" as const,\n];\n\nconst { interactionVariants, withObservedValues } = pickAriaComponentVariants(\n  SWITCH_INTERACTION_VARIANTS\n);\n\ninterface BaseSwitchProps extends SwitchProps {\n  children: React.ReactNode;\n  // Optional callback to update the interaction variant state\n  // as it's only provided if the component is the root of a Studio component\n  updateInteractionVariant?: UpdateInteractionVariant<\n    typeof SWITCH_INTERACTION_VARIANTS\n  >;\n}\n\nexport function BaseSwitch(props: BaseSwitchProps) {\n  const { children, updateInteractionVariant, ...rest } = props;\n\n  return (\n    <Switch {...rest}>\n      {({\n        isHovered,\n        isPressed,\n        isFocused,\n        isFocusVisible,\n        isSelected,\n        isDisabled,\n        isReadOnly,\n      }) =>\n        withObservedValues(\n          children,\n          {\n            hovered: isHovered,\n            pressed: isPressed,\n            focused: isFocused,\n            focusVisible: isFocusVisible,\n            selected: isSelected,\n            disabled: isDisabled,\n            readonly: isReadOnly,\n          },\n          updateInteractionVariant\n        )\n      }\n    </Switch>\n  );\n}\n\nexport function registerSwitch(\n  loader?: Registerable,\n  overrides?: CodeComponentMetaOverrides<typeof BaseSwitch>\n) {\n  registerComponentHelper(\n    loader,\n    BaseSwitch,\n    {\n      name: makeComponentName(\"switch\"),\n      displayName: \"Aria Switch\",\n      importPath: \"@plasmicpkgs/react-aria/skinny/registerSwitch\",\n      importName: \"BaseSwitch\",\n      interactionVariants,\n      defaultStyles: {\n        display: \"flex\",\n        flexDirection: \"column\",\n        alignItems: \"center\",\n        justifyContent: \"flex-start\",\n        padding: 0,\n      },\n      props: {\n        ...getCommonInputProps<SwitchProps>(\"switch\", [\n          \"name\",\n          \"isDisabled\",\n          \"isReadOnly\",\n          \"autoFocus\",\n          \"aria-label\",\n        ]),\n        children: {\n          type: \"slot\",\n          mergeWithParent: true as any,\n          defaultValue: [\n            {\n              type: \"hbox\",\n              styles: {\n                display: \"flex\",\n                alignItems: \"center\",\n                justifyContent: \"center\",\n                gap: \"10px\",\n                padding: 0,\n              },\n              children: [\n                {\n                  // the track\n                  type: \"hbox\",\n                  styles: {\n                    width: \"30px\",\n                    height: \"16px\",\n                    padding: 0,\n                    backgroundColor: \"#D5D5D5\",\n                    cursor: \"pointer\",\n                    borderRadius: \"999px\",\n                  },\n                  children: {\n                    // the thumb\n                    type: \"hbox\",\n                    styles: {\n                      width: \"12px\",\n                      height: \"12px\",\n                      position: \"absolute\",\n                      top: \"2px\",\n                      left: \"2px\",\n                      borderRadius: \"100%\",\n                      backgroundColor: \"#fff\",\n                      padding: 0,\n                      transitionProperty: \"all\",\n                      transitionDuration: \"0.5s\",\n                      transitionTimingFunction: \"ease-in-out\",\n                    },\n                  },\n                },\n                {\n                  // the label\n                  type: \"component\",\n                  name: LABEL_COMPONENT_NAME,\n                  props: {\n                    children: {\n                      type: \"text\",\n                      value: \"Label\",\n                    },\n                  },\n                },\n              ],\n            },\n            {\n              type: \"component\",\n              name: DESCRIPTION_COMPONENT_NAME,\n              styles: {\n                fontSize: \"12px\",\n              },\n              props: {\n                children: {\n                  type: \"text\",\n                  value: \"Add interaction variants to see it in action...\",\n                },\n              },\n            },\n          ],\n        },\n        value: {\n          type: \"boolean\",\n          editOnly: true,\n          uncontrolledProp: \"defaultSelected\",\n          description: \"Whether the switch is toggled on\",\n          defaultValueHint: false,\n        },\n        onChange: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"isSelected\", type: \"boolean\" }],\n        },\n      },\n      states: {\n        isSelected: {\n          type: \"writable\",\n          valueProp: \"value\",\n          onChangeProp: \"onChange\",\n          variableType: \"boolean\",\n        },\n      },\n      trapsFocus: true,\n    },\n    overrides\n  );\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiBA,MAAM,2BAA8B,GAAA;AAAA,EAClC,SAAA;AAAA,EACA,SAAA;AAAA,EACA,SAAA;AAAA,EACA,cAAA;AAAA,EACA,UAAA;AAAA,EACA,UAAA;AAAA,EACA,UAAA;AACF,CAAA,CAAA;AAEA,MAAM,EAAE,mBAAqB,EAAA,kBAAA,EAAuB,GAAA,yBAAA;AAAA,EAClD,2BAAA;AACF,CAAA,CAAA;AAWO,SAAS,WAAW,KAAwB,EAAA;AACjD,EAAwD,MAAA,EAAA,GAAA,KAAA,EAAhD,YAAU,wBAzCpB,EAAA,GAyC0D,IAAT,IAAS,GAAA,SAAA,CAAA,EAAA,EAAT,CAAvC,UAAU,EAAA,0BAAA,CAAA,CAAA,CAAA;AAElB,EACE,uBAAA,KAAA,CAAA,aAAA,CAAC,MAAW,EAAA,cAAA,CAAA,EAAA,EAAA,IAAA,CAAA,EACT,CAAC;AAAA,IACA,SAAA;AAAA,IACA,SAAA;AAAA,IACA,SAAA;AAAA,IACA,cAAA;AAAA,IACA,UAAA;AAAA,IACA,UAAA;AAAA,IACA,UAAA;AAAA,GAEA,KAAA,kBAAA;AAAA,IACE,QAAA;AAAA,IACA;AAAA,MACE,OAAS,EAAA,SAAA;AAAA,MACT,OAAS,EAAA,SAAA;AAAA,MACT,OAAS,EAAA,SAAA;AAAA,MACT,YAAc,EAAA,cAAA;AAAA,MACd,QAAU,EAAA,UAAA;AAAA,MACV,QAAU,EAAA,UAAA;AAAA,MACV,QAAU,EAAA,UAAA;AAAA,KACZ;AAAA,IACA,wBAAA;AAAA,GAGN,CAAA,CAAA;AAEJ,CAAA;AAEgB,SAAA,cAAA,CACd,QACA,SACA,EAAA;AACA,EAAA,uBAAA;AAAA,IACE,MAAA;AAAA,IACA,UAAA;AAAA,IACA;AAAA,MACE,IAAA,EAAM,kBAAkB,QAAQ,CAAA;AAAA,MAChC,WAAa,EAAA,aAAA;AAAA,MACb,UAAY,EAAA,+CAAA;AAAA,MACZ,UAAY,EAAA,YAAA;AAAA,MACZ,mBAAA;AAAA,MACA,aAAe,EAAA;AAAA,QACb,OAAS,EAAA,MAAA;AAAA,QACT,aAAe,EAAA,QAAA;AAAA,QACf,UAAY,EAAA,QAAA;AAAA,QACZ,cAAgB,EAAA,YAAA;AAAA,QAChB,OAAS,EAAA,CAAA;AAAA,OACX;AAAA,MACA,KAAA,EAAO,aACF,CAAA,cAAA,CAAA,EAAA,EAAA,mBAAA,CAAiC,QAAU,EAAA;AAAA,QAC5C,MAAA;AAAA,QACA,YAAA;AAAA,QACA,YAAA;AAAA,QACA,WAAA;AAAA,QACA,YAAA;AAAA,OACD,CAPI,CAAA,EAAA;AAAA,QAQL,QAAU,EAAA;AAAA,UACR,IAAM,EAAA,MAAA;AAAA,UACN,eAAiB,EAAA,IAAA;AAAA,UACjB,YAAc,EAAA;AAAA,YACZ;AAAA,cACE,IAAM,EAAA,MAAA;AAAA,cACN,MAAQ,EAAA;AAAA,gBACN,OAAS,EAAA,MAAA;AAAA,gBACT,UAAY,EAAA,QAAA;AAAA,gBACZ,cAAgB,EAAA,QAAA;AAAA,gBAChB,GAAK,EAAA,MAAA;AAAA,gBACL,OAAS,EAAA,CAAA;AAAA,eACX;AAAA,cACA,QAAU,EAAA;AAAA,gBACR;AAAA;AAAA,kBAEE,IAAM,EAAA,MAAA;AAAA,kBACN,MAAQ,EAAA;AAAA,oBACN,KAAO,EAAA,MAAA;AAAA,oBACP,MAAQ,EAAA,MAAA;AAAA,oBACR,OAAS,EAAA,CAAA;AAAA,oBACT,eAAiB,EAAA,SAAA;AAAA,oBACjB,MAAQ,EAAA,SAAA;AAAA,oBACR,YAAc,EAAA,OAAA;AAAA,mBAChB;AAAA,kBACA,QAAU,EAAA;AAAA;AAAA,oBAER,IAAM,EAAA,MAAA;AAAA,oBACN,MAAQ,EAAA;AAAA,sBACN,KAAO,EAAA,MAAA;AAAA,sBACP,MAAQ,EAAA,MAAA;AAAA,sBACR,QAAU,EAAA,UAAA;AAAA,sBACV,GAAK,EAAA,KAAA;AAAA,sBACL,IAAM,EAAA,KAAA;AAAA,sBACN,YAAc,EAAA,MAAA;AAAA,sBACd,eAAiB,EAAA,MAAA;AAAA,sBACjB,OAAS,EAAA,CAAA;AAAA,sBACT,kBAAoB,EAAA,KAAA;AAAA,sBACpB,kBAAoB,EAAA,MAAA;AAAA,sBACpB,wBAA0B,EAAA,aAAA;AAAA,qBAC5B;AAAA,mBACF;AAAA,iBACF;AAAA,gBACA;AAAA;AAAA,kBAEE,IAAM,EAAA,WAAA;AAAA,kBACN,IAAM,EAAA,oBAAA;AAAA,kBACN,KAAO,EAAA;AAAA,oBACL,QAAU,EAAA;AAAA,sBACR,IAAM,EAAA,MAAA;AAAA,sBACN,KAAO,EAAA,OAAA;AAAA,qBACT;AAAA,mBACF;AAAA,iBACF;AAAA,eACF;AAAA,aACF;AAAA,YACA;AAAA,cACE,IAAM,EAAA,WAAA;AAAA,cACN,IAAM,EAAA,0BAAA;AAAA,cACN,MAAQ,EAAA;AAAA,gBACN,QAAU,EAAA,MAAA;AAAA,eACZ;AAAA,cACA,KAAO,EAAA;AAAA,gBACL,QAAU,EAAA;AAAA,kBACR,IAAM,EAAA,MAAA;AAAA,kBACN,KAAO,EAAA,iDAAA;AAAA,iBACT;AAAA,eACF;AAAA,aACF;AAAA,WACF;AAAA,SACF;AAAA,QACA,KAAO,EAAA;AAAA,UACL,IAAM,EAAA,SAAA;AAAA,UACN,QAAU,EAAA,IAAA;AAAA,UACV,gBAAkB,EAAA,iBAAA;AAAA,UAClB,WAAa,EAAA,kCAAA;AAAA,UACb,gBAAkB,EAAA,KAAA;AAAA,SACpB;AAAA,QACA,QAAU,EAAA;AAAA,UACR,IAAM,EAAA,cAAA;AAAA,UACN,UAAU,CAAC,EAAE,MAAM,YAAc,EAAA,IAAA,EAAM,WAAW,CAAA;AAAA,SACpD;AAAA,OACF,CAAA;AAAA,MACA,MAAQ,EAAA;AAAA,QACN,UAAY,EAAA;AAAA,UACV,IAAM,EAAA,UAAA;AAAA,UACN,SAAW,EAAA,OAAA;AAAA,UACX,YAAc,EAAA,UAAA;AAAA,UACd,YAAc,EAAA,SAAA;AAAA,SAChB;AAAA,OACF;AAAA,MACA,UAAY,EAAA,IAAA;AAAA,KACd;AAAA,IACA,SAAA;AAAA,GACF,CAAA;AACF;;;;"}

package/skinny/registerTextArea.cjs.js

@@ -1,8 +1,10 @@
 'use strict';
 
 var React = require('react');
+var reactAria = require('react-aria');
 var reactAriaComponents = require('react-aria-components');
-var interactionVariantUtils = require('./interaction-variant-utils-244b74fb.cjs.js');
+var contexts = require('./contexts-7236059e.cjs.js');
+var interactionVariantUtils = require('./interaction-variant-utils-36f1b397.cjs.js');
 var utils = require('./utils-d3708034.cjs.js');
 require('@plasmicapp/host/registerComponent');
 
@@ -38,12 +40,28 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
-const TEXTAREA_INTERACTION_VARIANTS = ["focused", "hovered"];
+const TEXTAREA_INTERACTION_VARIANTS = [
+  "focused",
+  "hovered",
+  "disabled"
+];
 const { interactionVariants } = interactionVariantUtils.pickAriaComponentVariants(
   TEXTAREA_INTERACTION_VARIANTS
 );
 function BaseTextArea(props) {
-  const _a = props, { disabled, updateInteractionVariant } = _a, rest = __objRest(_a, ["disabled", "updateInteractionVariant"]);
+  var _b;
+  const _a = props, { disabled, updateInteractionVariant, setControlContextData } = _a, rest = __objRest(_a, ["disabled", "updateInteractionVariant", "setControlContextData"]);
+  const context = React__default.default.useContext(contexts.PlasmicTextFieldContext);
+  const isStandalone = !context;
+  const mergedProps = reactAria.mergeProps(rest, {
+    disabled: (_b = context == null ? void 0 : context.isDisabled) != null ? _b : disabled
+  });
+  React.useEffect(() => {
+    updateInteractionVariant == null ? void 0 : updateInteractionVariant({
+      disabled: mergedProps.disabled
+    });
+  }, [mergedProps.disabled, updateInteractionVariant]);
+  setControlContextData == null ? void 0 : setControlContextData({ isStandalone });
   return /* @__PURE__ */ React__default.default.createElement(
     reactAriaComponents.TextArea,
     __spreadValues({
@@ -61,9 +79,8 @@ function BaseTextArea(props) {
         updateInteractionVariant == null ? void 0 : updateInteractionVariant({
           hovered: isHovered
         });
-      },
-      disabled
-    }, rest)
+      }
+    }, mergedProps)
   );
 }
 function registerTextArea(loader, overrides) {
@@ -80,6 +97,12 @@ function registerTextArea(loader, overrides) {
         placeholder: {
           type: "string"
         },
+        disabled: {
+          type: "boolean",
+          description: "Whether the input is disabled",
+          defaultValueHint: false,
+          hidden: (_ps, ctx) => !(ctx == null ? void 0 : ctx.isStandalone)
+        },
         onKeyDown: {
           type: "eventHandler",
           argTypes: [{ name: "keyboardEvent", type: "object" }]

package/skinny/registerTextArea.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"registerTextArea.cjs.js","sources":["../src/registerTextArea.tsx"],"sourcesContent":["import React from \"react\";\nimport type { TextAreaProps } from \"react-aria-components\";\nimport { TextArea } from \"react-aria-components\";\nimport {\n  pickAriaComponentVariants,\n  UpdateInteractionVariant,\n} from \"./interaction-variant-utils\";\nimport {\n  CodeComponentMetaOverrides,\n  makeComponentName,\n  Registerable,\n  registerComponentHelper,\n} from \"./utils\";\n\nconst TEXTAREA_INTERACTION_VARIANTS = [\"focused\" as const, \"hovered\" as const];\n\nconst { interactionVariants } = pickAriaComponentVariants(\n  TEXTAREA_INTERACTION_VARIANTS\n);\n\nexport interface BaseTextAreaProps extends TextAreaProps {\n  // Optional callback to update the interaction variant state\n  // as it's only provided if the component is the root of a Studio component\n  updateInteractionVariant?: UpdateInteractionVariant<\n    typeof TEXTAREA_INTERACTION_VARIANTS\n  >;\n}\n\nexport function BaseTextArea(props: BaseTextAreaProps) {\n  const { disabled, updateInteractionVariant, ...rest } = props;\n\n  return (\n    <TextArea\n      onFocus={() => {\n        updateInteractionVariant?.({\n          focused: true,\n        });\n      }}\n      onBlur={() => {\n        updateInteractionVariant?.({\n          focused: false,\n        });\n      }}\n      onHoverChange={(isHovered) => {\n        updateInteractionVariant?.({\n          hovered: isHovered,\n        });\n      }}\n      disabled={disabled}\n      {...rest}\n    />\n  );\n}\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      interactionVariants,\n      props: {\n        placeholder: {\n          type: \"string\",\n        },\n        onKeyDown: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"keyboardEvent\", type: \"object\" }],\n        },\n        onKeyUp: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"keyboardEvent\", type: \"object\" }],\n        },\n        onCopy: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"clipbordEvent\", type: \"object\" }],\n        },\n        onCut: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"clipbordEvent\", type: \"object\" }],\n        },\n        onPaste: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"clipbordEvent\", type: \"object\" }],\n        },\n      },\n      trapsFocus: true,\n    },\n    overrides\n  );\n}\n"],"names":["pickAriaComponentVariants","React","TextArea","registerComponentHelper","makeComponentName"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAcA,MAAM,6BAAA,GAAgC,CAAC,SAAA,EAAoB,SAAkB,CAAA,CAAA;AAE7E,MAAM,EAAE,qBAAwB,GAAAA,iDAAA;AAAA,EAC9B,6BAAA;AACF,CAAA,CAAA;AAUO,SAAS,aAAa,KAA0B,EAAA;AACrD,EAAwD,MAAA,EAAA,GAAA,KAAA,EAAhD,YAAU,wBA7BpB,EAAA,GA6B0D,IAAT,IAAS,GAAA,SAAA,CAAA,EAAA,EAAT,CAAvC,UAAU,EAAA,0BAAA,CAAA,CAAA,CAAA;AAElB,EACE,uBAAAC,sBAAA,CAAA,aAAA;AAAA,IAACC,4BAAA;AAAA,IAAA,cAAA,CAAA;AAAA,MACC,SAAS,MAAM;AACb,QAA2B,wBAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,wBAAA,CAAA;AAAA,UACzB,OAAS,EAAA,IAAA;AAAA,SACX,CAAA,CAAA;AAAA,OACF;AAAA,MACA,QAAQ,MAAM;AACZ,QAA2B,wBAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,wBAAA,CAAA;AAAA,UACzB,OAAS,EAAA,KAAA;AAAA,SACX,CAAA,CAAA;AAAA,OACF;AAAA,MACA,aAAA,EAAe,CAAC,SAAc,KAAA;AAC5B,QAA2B,wBAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,wBAAA,CAAA;AAAA,UACzB,OAAS,EAAA,SAAA;AAAA,SACX,CAAA,CAAA;AAAA,OACF;AAAA,MACA,QAAA;AAAA,KACI,EAAA,IAAA,CAAA;AAAA,GACN,CAAA;AAEJ,CAAA;AAEgB,SAAA,gBAAA,CACd,QACA,SACA,EAAA;AACA,EAAAC,6BAAA;AAAA,IACE,MAAA;AAAA,IACA,YAAA;AAAA,IACA;AAAA,MACE,IAAA,EAAMC,wBAAkB,UAAU,CAAA;AAAA,MAClC,WAAa,EAAA,eAAA;AAAA,MACb,UAAY,EAAA,iDAAA;AAAA,MACZ,UAAY,EAAA,cAAA;AAAA,MACZ,mBAAA;AAAA,MACA,KAAO,EAAA;AAAA,QACL,WAAa,EAAA;AAAA,UACX,IAAM,EAAA,QAAA;AAAA,SACR;AAAA,QACA,SAAW,EAAA;AAAA,UACT,IAAM,EAAA,cAAA;AAAA,UACN,UAAU,CAAC,EAAE,MAAM,eAAiB,EAAA,IAAA,EAAM,UAAU,CAAA;AAAA,SACtD;AAAA,QACA,OAAS,EAAA;AAAA,UACP,IAAM,EAAA,cAAA;AAAA,UACN,UAAU,CAAC,EAAE,MAAM,eAAiB,EAAA,IAAA,EAAM,UAAU,CAAA;AAAA,SACtD;AAAA,QACA,MAAQ,EAAA;AAAA,UACN,IAAM,EAAA,cAAA;AAAA,UACN,UAAU,CAAC,EAAE,MAAM,eAAiB,EAAA,IAAA,EAAM,UAAU,CAAA;AAAA,SACtD;AAAA,QACA,KAAO,EAAA;AAAA,UACL,IAAM,EAAA,cAAA;AAAA,UACN,UAAU,CAAC,EAAE,MAAM,eAAiB,EAAA,IAAA,EAAM,UAAU,CAAA;AAAA,SACtD;AAAA,QACA,OAAS,EAAA;AAAA,UACP,IAAM,EAAA,cAAA;AAAA,UACN,UAAU,CAAC,EAAE,MAAM,eAAiB,EAAA,IAAA,EAAM,UAAU,CAAA;AAAA,SACtD;AAAA,OACF;AAAA,MACA,UAAY,EAAA,IAAA;AAAA,KACd;AAAA,IACA,SAAA;AAAA,GACF,CAAA;AACF;;;;;"}
+{"version":3,"file":"registerTextArea.cjs.js","sources":["../src/registerTextArea.tsx"],"sourcesContent":["import React, { useEffect } from \"react\";\nimport { mergeProps } from \"react-aria\";\nimport type { TextAreaProps } from \"react-aria-components\";\nimport { TextArea } from \"react-aria-components\";\nimport { PlasmicTextFieldContext } from \"./contexts\";\nimport {\n  pickAriaComponentVariants,\n  UpdateInteractionVariant,\n} from \"./interaction-variant-utils\";\nimport {\n  BaseControlContextData,\n  CodeComponentMetaOverrides,\n  makeComponentName,\n  Registerable,\n  registerComponentHelper,\n} from \"./utils\";\n\nconst TEXTAREA_INTERACTION_VARIANTS = [\n  \"focused\" as const,\n  \"hovered\" as const,\n  \"disabled\" as const,\n];\n\nconst { interactionVariants } = pickAriaComponentVariants(\n  TEXTAREA_INTERACTION_VARIANTS\n);\n\nexport interface BaseTextAreaProps extends TextAreaProps {\n  // Optional callback to update the interaction variant state\n  // as it's only provided if the component is the root of a Studio component\n  updateInteractionVariant?: UpdateInteractionVariant<\n    typeof TEXTAREA_INTERACTION_VARIANTS\n  >;\n  setControlContextData?: (ctxData: BaseControlContextData) => void;\n}\n\nexport function BaseTextArea(props: BaseTextAreaProps) {\n  const { disabled, updateInteractionVariant, setControlContextData, ...rest } =\n    props;\n\n  const context = React.useContext(PlasmicTextFieldContext);\n  const isStandalone = !context;\n\n  const mergedProps = mergeProps(rest, {\n    disabled: context?.isDisabled ?? disabled,\n  });\n\n  // NOTE: Aria <Input> does not support render props, neither does it provide an onDisabledChange event, so we have to manually update the disabled state\n  useEffect(() => {\n    updateInteractionVariant?.({\n      disabled: mergedProps.disabled,\n    });\n  }, [mergedProps.disabled, updateInteractionVariant]);\n\n  setControlContextData?.({ isStandalone });\n\n  return (\n    <TextArea\n      onFocus={() => {\n        updateInteractionVariant?.({\n          focused: true,\n        });\n      }}\n      onBlur={() => {\n        updateInteractionVariant?.({\n          focused: false,\n        });\n      }}\n      onHoverChange={(isHovered) => {\n        updateInteractionVariant?.({\n          hovered: isHovered,\n        });\n      }}\n      {...mergedProps}\n    />\n  );\n}\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      interactionVariants,\n      props: {\n        placeholder: {\n          type: \"string\",\n        },\n        disabled: {\n          type: \"boolean\",\n          description: \"Whether the input is disabled\",\n          defaultValueHint: false,\n          hidden: (\n            _ps: BaseTextAreaProps,\n            ctx: BaseControlContextData | null\n          ) => !ctx?.isStandalone,\n        },\n        onKeyDown: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"keyboardEvent\", type: \"object\" }],\n        },\n        onKeyUp: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"keyboardEvent\", type: \"object\" }],\n        },\n        onCopy: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"clipbordEvent\", type: \"object\" }],\n        },\n        onCut: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"clipbordEvent\", type: \"object\" }],\n        },\n        onPaste: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"clipbordEvent\", type: \"object\" }],\n        },\n      },\n      trapsFocus: true,\n    },\n    overrides\n  );\n}\n"],"names":["pickAriaComponentVariants","React","PlasmicTextFieldContext","mergeProps","useEffect","TextArea","registerComponentHelper","makeComponentName"],"mappings":"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"}

package/skinny/registerTextArea.d.ts

@@ -1,10 +1,11 @@
 import React from "react";
 import type { TextAreaProps } from "react-aria-components";
 import { UpdateInteractionVariant } from "./interaction-variant-utils";
-import { CodeComponentMetaOverrides, Registerable } from "./utils";
-declare const TEXTAREA_INTERACTION_VARIANTS: ("hovered" | "focused")[];
+import { BaseControlContextData, CodeComponentMetaOverrides, Registerable } from "./utils";
+declare const TEXTAREA_INTERACTION_VARIANTS: ("hovered" | "focused" | "disabled")[];
 export interface BaseTextAreaProps extends TextAreaProps {
     updateInteractionVariant?: UpdateInteractionVariant<typeof TEXTAREA_INTERACTION_VARIANTS>;
+    setControlContextData?: (ctxData: BaseControlContextData) => void;
 }
 export declare function BaseTextArea(props: BaseTextAreaProps): React.JSX.Element;
 export declare function registerTextArea(loader?: Registerable, overrides?: CodeComponentMetaOverrides<typeof BaseTextArea>): void;

package/skinny/registerTextArea.esm.js

@@ -1,6 +1,8 @@
-import React from 'react';
+import React, { useEffect } from 'react';
+import { mergeProps } from 'react-aria';
 import { TextArea } from 'react-aria-components';
-import { p as pickAriaComponentVariants } from './interaction-variant-utils-c44a9d56.esm.js';
+import { j as PlasmicTextFieldContext } from './contexts-21e0d928.esm.js';
+import { p as pickAriaComponentVariants } from './interaction-variant-utils-abd0c319.esm.js';
 import { r as registerComponentHelper, a as makeComponentName } from './utils-a1785802.esm.js';
 import '@plasmicapp/host/registerComponent';
 
@@ -32,12 +34,28 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
-const TEXTAREA_INTERACTION_VARIANTS = ["focused", "hovered"];
+const TEXTAREA_INTERACTION_VARIANTS = [
+  "focused",
+  "hovered",
+  "disabled"
+];
 const { interactionVariants } = pickAriaComponentVariants(
   TEXTAREA_INTERACTION_VARIANTS
 );
 function BaseTextArea(props) {
-  const _a = props, { disabled, updateInteractionVariant } = _a, rest = __objRest(_a, ["disabled", "updateInteractionVariant"]);
+  var _b;
+  const _a = props, { disabled, updateInteractionVariant, setControlContextData } = _a, rest = __objRest(_a, ["disabled", "updateInteractionVariant", "setControlContextData"]);
+  const context = React.useContext(PlasmicTextFieldContext);
+  const isStandalone = !context;
+  const mergedProps = mergeProps(rest, {
+    disabled: (_b = context == null ? void 0 : context.isDisabled) != null ? _b : disabled
+  });
+  useEffect(() => {
+    updateInteractionVariant == null ? void 0 : updateInteractionVariant({
+      disabled: mergedProps.disabled
+    });
+  }, [mergedProps.disabled, updateInteractionVariant]);
+  setControlContextData == null ? void 0 : setControlContextData({ isStandalone });
   return /* @__PURE__ */ React.createElement(
     TextArea,
     __spreadValues({
@@ -55,9 +73,8 @@ function BaseTextArea(props) {
         updateInteractionVariant == null ? void 0 : updateInteractionVariant({
           hovered: isHovered
         });
-      },
-      disabled
-    }, rest)
+      }
+    }, mergedProps)
   );
 }
 function registerTextArea(loader, overrides) {
@@ -74,6 +91,12 @@ function registerTextArea(loader, overrides) {
         placeholder: {
           type: "string"
         },
+        disabled: {
+          type: "boolean",
+          description: "Whether the input is disabled",
+          defaultValueHint: false,
+          hidden: (_ps, ctx) => !(ctx == null ? void 0 : ctx.isStandalone)
+        },
         onKeyDown: {
           type: "eventHandler",
           argTypes: [{ name: "keyboardEvent", type: "object" }]

package/skinny/registerTextArea.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"registerTextArea.esm.js","sources":["../src/registerTextArea.tsx"],"sourcesContent":["import React from \"react\";\nimport type { TextAreaProps } from \"react-aria-components\";\nimport { TextArea } from \"react-aria-components\";\nimport {\n  pickAriaComponentVariants,\n  UpdateInteractionVariant,\n} from \"./interaction-variant-utils\";\nimport {\n  CodeComponentMetaOverrides,\n  makeComponentName,\n  Registerable,\n  registerComponentHelper,\n} from \"./utils\";\n\nconst TEXTAREA_INTERACTION_VARIANTS = [\"focused\" as const, \"hovered\" as const];\n\nconst { interactionVariants } = pickAriaComponentVariants(\n  TEXTAREA_INTERACTION_VARIANTS\n);\n\nexport interface BaseTextAreaProps extends TextAreaProps {\n  // Optional callback to update the interaction variant state\n  // as it's only provided if the component is the root of a Studio component\n  updateInteractionVariant?: UpdateInteractionVariant<\n    typeof TEXTAREA_INTERACTION_VARIANTS\n  >;\n}\n\nexport function BaseTextArea(props: BaseTextAreaProps) {\n  const { disabled, updateInteractionVariant, ...rest } = props;\n\n  return (\n    <TextArea\n      onFocus={() => {\n        updateInteractionVariant?.({\n          focused: true,\n        });\n      }}\n      onBlur={() => {\n        updateInteractionVariant?.({\n          focused: false,\n        });\n      }}\n      onHoverChange={(isHovered) => {\n        updateInteractionVariant?.({\n          hovered: isHovered,\n        });\n      }}\n      disabled={disabled}\n      {...rest}\n    />\n  );\n}\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      interactionVariants,\n      props: {\n        placeholder: {\n          type: \"string\",\n        },\n        onKeyDown: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"keyboardEvent\", type: \"object\" }],\n        },\n        onKeyUp: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"keyboardEvent\", type: \"object\" }],\n        },\n        onCopy: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"clipbordEvent\", type: \"object\" }],\n        },\n        onCut: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"clipbordEvent\", type: \"object\" }],\n        },\n        onPaste: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"clipbordEvent\", type: \"object\" }],\n        },\n      },\n      trapsFocus: true,\n    },\n    overrides\n  );\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAcA,MAAM,6BAAA,GAAgC,CAAC,SAAA,EAAoB,SAAkB,CAAA,CAAA;AAE7E,MAAM,EAAE,qBAAwB,GAAA,yBAAA;AAAA,EAC9B,6BAAA;AACF,CAAA,CAAA;AAUO,SAAS,aAAa,KAA0B,EAAA;AACrD,EAAwD,MAAA,EAAA,GAAA,KAAA,EAAhD,YAAU,wBA7BpB,EAAA,GA6B0D,IAAT,IAAS,GAAA,SAAA,CAAA,EAAA,EAAT,CAAvC,UAAU,EAAA,0BAAA,CAAA,CAAA,CAAA;AAElB,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,QAAA;AAAA,IAAA,cAAA,CAAA;AAAA,MACC,SAAS,MAAM;AACb,QAA2B,wBAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,wBAAA,CAAA;AAAA,UACzB,OAAS,EAAA,IAAA;AAAA,SACX,CAAA,CAAA;AAAA,OACF;AAAA,MACA,QAAQ,MAAM;AACZ,QAA2B,wBAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,wBAAA,CAAA;AAAA,UACzB,OAAS,EAAA,KAAA;AAAA,SACX,CAAA,CAAA;AAAA,OACF;AAAA,MACA,aAAA,EAAe,CAAC,SAAc,KAAA;AAC5B,QAA2B,wBAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,wBAAA,CAAA;AAAA,UACzB,OAAS,EAAA,SAAA;AAAA,SACX,CAAA,CAAA;AAAA,OACF;AAAA,MACA,QAAA;AAAA,KACI,EAAA,IAAA,CAAA;AAAA,GACN,CAAA;AAEJ,CAAA;AAEgB,SAAA,gBAAA,CACd,QACA,SACA,EAAA;AACA,EAAA,uBAAA;AAAA,IACE,MAAA;AAAA,IACA,YAAA;AAAA,IACA;AAAA,MACE,IAAA,EAAM,kBAAkB,UAAU,CAAA;AAAA,MAClC,WAAa,EAAA,eAAA;AAAA,MACb,UAAY,EAAA,iDAAA;AAAA,MACZ,UAAY,EAAA,cAAA;AAAA,MACZ,mBAAA;AAAA,MACA,KAAO,EAAA;AAAA,QACL,WAAa,EAAA;AAAA,UACX,IAAM,EAAA,QAAA;AAAA,SACR;AAAA,QACA,SAAW,EAAA;AAAA,UACT,IAAM,EAAA,cAAA;AAAA,UACN,UAAU,CAAC,EAAE,MAAM,eAAiB,EAAA,IAAA,EAAM,UAAU,CAAA;AAAA,SACtD;AAAA,QACA,OAAS,EAAA;AAAA,UACP,IAAM,EAAA,cAAA;AAAA,UACN,UAAU,CAAC,EAAE,MAAM,eAAiB,EAAA,IAAA,EAAM,UAAU,CAAA;AAAA,SACtD;AAAA,QACA,MAAQ,EAAA;AAAA,UACN,IAAM,EAAA,cAAA;AAAA,UACN,UAAU,CAAC,EAAE,MAAM,eAAiB,EAAA,IAAA,EAAM,UAAU,CAAA;AAAA,SACtD;AAAA,QACA,KAAO,EAAA;AAAA,UACL,IAAM,EAAA,cAAA;AAAA,UACN,UAAU,CAAC,EAAE,MAAM,eAAiB,EAAA,IAAA,EAAM,UAAU,CAAA;AAAA,SACtD;AAAA,QACA,OAAS,EAAA;AAAA,UACP,IAAM,EAAA,cAAA;AAAA,UACN,UAAU,CAAC,EAAE,MAAM,eAAiB,EAAA,IAAA,EAAM,UAAU,CAAA;AAAA,SACtD;AAAA,OACF;AAAA,MACA,UAAY,EAAA,IAAA;AAAA,KACd;AAAA,IACA,SAAA;AAAA,GACF,CAAA;AACF;;;;"}
+{"version":3,"file":"registerTextArea.esm.js","sources":["../src/registerTextArea.tsx"],"sourcesContent":["import React, { useEffect } from \"react\";\nimport { mergeProps } from \"react-aria\";\nimport type { TextAreaProps } from \"react-aria-components\";\nimport { TextArea } from \"react-aria-components\";\nimport { PlasmicTextFieldContext } from \"./contexts\";\nimport {\n  pickAriaComponentVariants,\n  UpdateInteractionVariant,\n} from \"./interaction-variant-utils\";\nimport {\n  BaseControlContextData,\n  CodeComponentMetaOverrides,\n  makeComponentName,\n  Registerable,\n  registerComponentHelper,\n} from \"./utils\";\n\nconst TEXTAREA_INTERACTION_VARIANTS = [\n  \"focused\" as const,\n  \"hovered\" as const,\n  \"disabled\" as const,\n];\n\nconst { interactionVariants } = pickAriaComponentVariants(\n  TEXTAREA_INTERACTION_VARIANTS\n);\n\nexport interface BaseTextAreaProps extends TextAreaProps {\n  // Optional callback to update the interaction variant state\n  // as it's only provided if the component is the root of a Studio component\n  updateInteractionVariant?: UpdateInteractionVariant<\n    typeof TEXTAREA_INTERACTION_VARIANTS\n  >;\n  setControlContextData?: (ctxData: BaseControlContextData) => void;\n}\n\nexport function BaseTextArea(props: BaseTextAreaProps) {\n  const { disabled, updateInteractionVariant, setControlContextData, ...rest } =\n    props;\n\n  const context = React.useContext(PlasmicTextFieldContext);\n  const isStandalone = !context;\n\n  const mergedProps = mergeProps(rest, {\n    disabled: context?.isDisabled ?? disabled,\n  });\n\n  // NOTE: Aria <Input> does not support render props, neither does it provide an onDisabledChange event, so we have to manually update the disabled state\n  useEffect(() => {\n    updateInteractionVariant?.({\n      disabled: mergedProps.disabled,\n    });\n  }, [mergedProps.disabled, updateInteractionVariant]);\n\n  setControlContextData?.({ isStandalone });\n\n  return (\n    <TextArea\n      onFocus={() => {\n        updateInteractionVariant?.({\n          focused: true,\n        });\n      }}\n      onBlur={() => {\n        updateInteractionVariant?.({\n          focused: false,\n        });\n      }}\n      onHoverChange={(isHovered) => {\n        updateInteractionVariant?.({\n          hovered: isHovered,\n        });\n      }}\n      {...mergedProps}\n    />\n  );\n}\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      interactionVariants,\n      props: {\n        placeholder: {\n          type: \"string\",\n        },\n        disabled: {\n          type: \"boolean\",\n          description: \"Whether the input is disabled\",\n          defaultValueHint: false,\n          hidden: (\n            _ps: BaseTextAreaProps,\n            ctx: BaseControlContextData | null\n          ) => !ctx?.isStandalone,\n        },\n        onKeyDown: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"keyboardEvent\", type: \"object\" }],\n        },\n        onKeyUp: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"keyboardEvent\", type: \"object\" }],\n        },\n        onCopy: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"clipbordEvent\", type: \"object\" }],\n        },\n        onCut: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"clipbordEvent\", type: \"object\" }],\n        },\n        onPaste: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"clipbordEvent\", type: \"object\" }],\n        },\n      },\n      trapsFocus: true,\n    },\n    overrides\n  );\n}\n"],"names":[],"mappings":"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"}

package/skinny/registerTextField.cjs.js

@@ -3,6 +3,8 @@
 var React = require('react');
 var reactAriaComponents = require('react-aria-components');
 var common = require('./common-e74a9214.cjs.js');
+var contexts = require('./contexts-7236059e.cjs.js');
+var interactionVariantUtils = require('./interaction-variant-utils-36f1b397.cjs.js');
 var registerDescription = require('./registerDescription.cjs.js');
 var registerFieldError = require('./registerFieldError.cjs.js');
 var registerInput = require('./registerInput.cjs.js');
@@ -10,7 +12,7 @@ var registerLabel = require('./registerLabel.cjs.js');
 var registerTextArea = require('./registerTextArea.cjs.js');
 var utils = require('./utils-d3708034.cjs.js');
 require('./registerText.cjs.js');
-require('./interaction-variant-utils-244b74fb.cjs.js');
+require('react-aria');
 require('@plasmicapp/host/registerComponent');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
@@ -48,15 +50,39 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
+const TEXT_FIELD_INTERACTION_VARIANTS = [
+  "disabled",
+  "readonly"
+];
+const { interactionVariants, withObservedValues } = interactionVariantUtils.pickAriaComponentVariants(
+  TEXT_FIELD_INTERACTION_VARIANTS
+);
 function BaseTextField(props) {
-  const _a = props, { enableAutoComplete, autoComplete, children } = _a, rest = __objRest(_a, ["enableAutoComplete", "autoComplete", "children"]);
-  return /* @__PURE__ */ React__default.default.createElement(
+  const _a = props, {
+    enableAutoComplete,
+    autoComplete,
+    children,
+    updateInteractionVariant
+  } = _a, rest = __objRest(_a, [
+    "enableAutoComplete",
+    "autoComplete",
+    "children",
+    "updateInteractionVariant"
+  ]);
+  return /* @__PURE__ */ React__default.default.createElement(contexts.PlasmicTextFieldContext.Provider, { value: props }, /* @__PURE__ */ React__default.default.createElement(
     reactAriaComponents.TextField,
     __spreadValues({
       autoComplete: enableAutoComplete ? autoComplete : void 0
     }, rest),
-    children
-  );
+    ({ isDisabled, isReadOnly }) => withObservedValues(
+      children,
+      {
+        disabled: isDisabled,
+        readonly: isReadOnly
+      },
+      updateInteractionVariant
+    )
+  ));
 }
 const TEXT_FIELD_COMPONENT_NAME = utils.makeComponentName("textField");
 function registerTextField(loader, overrides) {
@@ -68,6 +94,7 @@ function registerTextField(loader, overrides) {
       displayName: "Aria TextField",
       importPath: "@plasmicpkgs/react-aria/skinny/registerTextField",
       importName: "BaseTextField",
+      interactionVariants,
       // TODO: Support for validate prop
       props: __spreadProps(__spreadValues({}, common.getCommonInputProps("input", [
         "name",

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 { getCommonInputProps } from \"./common\";\nimport { DESCRIPTION_COMPONENT_NAME } from \"./registerDescription\";\nimport { registerFieldError } from \"./registerFieldError\";\nimport { INPUT_COMPONENT_NAME, registerInput } from \"./registerInput\";\nimport { LABEL_COMPONENT_NAME, registerLabel } from \"./registerLabel\";\nimport { registerTextArea } from \"./registerTextArea\";\nimport {\n  CodeComponentMetaOverrides,\n  Registerable,\n  makeChildComponentName,\n  makeComponentName,\n  registerComponentHelper,\n} from \"./utils\";\n\ninterface BaseTextFieldProps extends TextFieldProps {\n  label?: ReactNode;\n  description?: ReactNode;\n  enableAutoComplete?: boolean;\n  multiline?: boolean;\n  inputProps?: InputProps;\n  children: ReactNode;\n}\n\nexport function BaseTextField(props: BaseTextFieldProps) {\n  const { enableAutoComplete, autoComplete, children, ...rest } = props;\n\n  return (\n    <TextField\n      autoComplete={enableAutoComplete ? autoComplete : undefined}\n      {...rest}\n    >\n      {children}\n    </TextField>\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      // TODO: Support for validate prop\n      props: {\n        ...getCommonInputProps<BaseTextFieldProps>(\"input\", [\n          \"name\",\n          \"isDisabled\",\n          \"isReadOnly\",\n          \"autoFocus\",\n          \"aria-label\",\n          \"isRequired\",\n        ]),\n        children: {\n          type: \"slot\",\n          mergeWithParent: true as any,\n          defaultValue: {\n            type: \"vbox\",\n            styles: {\n              justifyContent: \"flex-start\",\n              alignItems: \"flex-start\",\n              width: \"300px\",\n              gap: \"5px\",\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        value: {\n          type: \"string\",\n          editOnly: true,\n          uncontrolledProp: \"defaultValue\",\n          description: \"The current value\",\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        // validate: {\n        //   type: \"function\" as const,\n        //   argNames: [\"value\"],\n        //   argValues: (_ps: any, ctx: any) => [ctx.data[0]],\n        // },\n        enableAutoComplete: {\n          type: \"boolean\",\n          description:\n            \"Whether the browser is allowed to automatically complete the input\",\n          defaultValueHint: false,\n        },\n        autoComplete: {\n          type: \"choice\",\n          hidden: ({ enableAutoComplete }: BaseTextFieldProps) =>\n            !enableAutoComplete,\n          description: \"Guidance as to the type of data expected in the field\",\n          helpText:\n            \"For explanations on what each of the values mean, check https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete#values\",\n          options: [\n            \"name\",\n            \"honorific-prefix\",\n            \"given-name\",\n            \"additional-name\",\n            \"family-name\",\n            \"honorific-suffix\",\n            \"nickname\",\n            \"email\",\n            \"username\",\n            \"new-password\",\n            \"current-password\",\n            \"one-time-code\",\n            \"organization-title\",\n            \"organization\",\n            \"street-address\",\n            \"shipping\",\n            \"billing\",\n            \"address-line1\",\n            \"address-line2\",\n            \"address-line3\",\n            \"address-level4\",\n            \"address-level3\",\n            \"address-level2\",\n            \"address-level1\",\n            \"country\",\n            \"country-name\",\n            \"postal-code\",\n            \"cc-name\",\n            \"cc-given-name\",\n            \"cc-additional-name\",\n            \"cc-family-name\",\n            \"cc-number\",\n            \"cc-exp\",\n            \"cc-exp-month\",\n            \"cc-exp-year\",\n            \"cc-csc\",\n            \"cc-type\",\n            \"transaction-currency\",\n            \"transaction-amount\",\n            \"language\",\n            \"bday\",\n            \"bday-day\",\n            \"bday-month\",\n            \"bday-year\",\n            \"sex\",\n            \"tel\",\n            \"tel-country-code\",\n            \"tel-national\",\n            \"tel-area-code\",\n            \"tel-local\",\n            \"tel-local-suffix\",\n            \"tel-local-prefix\",\n            \"tel-extension\",\n            \"impp\",\n            \"url\",\n            \"photo\",\n            \"webauthn\",\n          ],\n        },\n        maxLength: {\n          type: \"number\",\n          description:\n            \"The maximum number of characters supported by the input\",\n        },\n        minLength: {\n          type: \"number\",\n          description:\n            \"The minimum number of characters supported by the input\",\n        },\n        pattern: {\n          type: \"string\",\n          description:\n            \"Regex pattern that the value of the input must match to be valid\",\n          helpText:\n            \"For more information about writing Regular Expressions (regex), check out https://regexr.com/\",\n          validator: (value) => {\n            try {\n              new RegExp(value);\n              return true;\n            } catch (error) {\n              return \"Invalid Regex\";\n            }\n          },\n        },\n        type: {\n          type: \"choice\",\n          defaultValueHint: \"text\",\n          options: [\"text\", \"search\", \"url\", \"tel\", \"email\", \"password\"],\n        },\n        inputMode: {\n          type: \"choice\",\n          description:\n            \"hint to browsers as to the type of virtual keyboard configuration to use when editing this element or its contents.\",\n          options: [\n            \"none\",\n            \"text\",\n            \"tel\",\n            \"url\",\n            \"email\",\n            \"numeric\",\n            \"decimal\",\n            \"search\",\n          ],\n        },\n        validationBehavior: {\n          type: \"choice\",\n          options: [\"native\", \"aria\"],\n          description:\n            \"Whether to use native HTML form validation to prevent form submission when the value is missing or invalid, or mark the field as required or invalid via ARIA.\",\n          defaultValueHint: \"native\",\n        },\n        onChange: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"value\", type: \"string\" }],\n        },\n        onFocus: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"focusEvent\", type: \"object\" }],\n        },\n        onBlur: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"focusEvent\", type: \"object\" }],\n        },\n        onFocusChange: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"isFocused\", type: \"boolean\" }],\n        },\n        onKeyDown: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"keyboardEvent\", type: \"object\" }],\n        },\n        onKeyUp: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"keyboardEvent\", type: \"object\" }],\n        },\n        onCopy: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"clipbordEvent\", type: \"object\" }],\n        },\n        onCut: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"clipbordEvent\", type: \"object\" }],\n        },\n        onPaste: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"clipbordEvent\", type: \"object\" }],\n        },\n        onCompositionStart: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"compositionEvent\", type: \"object\" }],\n        },\n        onCompositionEnd: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"compositionEvent\", type: \"object\" }],\n        },\n        onCompositionUpdate: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"compositionEvent\", type: \"object\" }],\n        },\n        onSelect: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"selectionEvent\", type: \"object\" }],\n        },\n        onBeforeInput: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"inputEvent\", type: \"object\" }],\n        },\n        onInput: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"inputEvent\", type: \"object\" }],\n        },\n      },\n      // NOTE: React-Aria does not support render props for <Input> and <Textarea>, so focusVisible and inputHovered states are not implemented\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  const thisName = makeChildComponentName(\n    overrides?.parentComponentName,\n    TEXT_FIELD_COMPONENT_NAME\n  );\n\n  registerFieldError(loader, { parentComponentName: thisName });\n  registerInput(loader, { parentComponentName: thisName });\n  registerLabel(loader, { parentComponentName: thisName });\n  registerTextArea(loader, { parentComponentName: thisName });\n}\n"],"names":["React","TextField","makeComponentName","registerComponentHelper","getCommonInputProps","LABEL_COMPONENT_NAME","INPUT_COMPONENT_NAME","DESCRIPTION_COMPONENT_NAME","makeChildComponentName","registerFieldError","registerInput","registerLabel","registerTextArea"],"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 { getCommonInputProps } from \"./common\";\nimport { PlasmicTextFieldContext } from \"./contexts\";\nimport {\n  UpdateInteractionVariant,\n  pickAriaComponentVariants,\n} from \"./interaction-variant-utils\";\nimport { DESCRIPTION_COMPONENT_NAME } from \"./registerDescription\";\nimport { registerFieldError } from \"./registerFieldError\";\nimport { INPUT_COMPONENT_NAME, registerInput } from \"./registerInput\";\nimport { LABEL_COMPONENT_NAME, registerLabel } from \"./registerLabel\";\nimport { registerTextArea } from \"./registerTextArea\";\nimport {\n  CodeComponentMetaOverrides,\n  Registerable,\n  makeChildComponentName,\n  makeComponentName,\n  registerComponentHelper,\n} from \"./utils\";\n\nconst TEXT_FIELD_INTERACTION_VARIANTS = [\n  \"disabled\" as const,\n  \"readonly\" as const,\n];\n\nexport interface BaseTextFieldProps extends TextFieldProps {\n  label?: ReactNode;\n  description?: ReactNode;\n  enableAutoComplete?: boolean;\n  multiline?: boolean;\n  inputProps?: InputProps;\n  children: ReactNode;\n  // Optional callback to update the interaction variant state\n  // as it's only provided if the component is the root of a Studio component\n  updateInteractionVariant?: UpdateInteractionVariant<\n    typeof TEXT_FIELD_INTERACTION_VARIANTS\n  >;\n}\n\nconst { interactionVariants, withObservedValues } = pickAriaComponentVariants(\n  TEXT_FIELD_INTERACTION_VARIANTS\n);\n\nexport function BaseTextField(props: BaseTextFieldProps) {\n  const {\n    enableAutoComplete,\n    autoComplete,\n    children,\n    updateInteractionVariant,\n    ...rest\n  } = props;\n\n  return (\n    <PlasmicTextFieldContext.Provider value={props}>\n      <TextField\n        autoComplete={enableAutoComplete ? autoComplete : undefined}\n        {...rest}\n      >\n        {({ isDisabled, isReadOnly }) =>\n          withObservedValues(\n            children,\n            {\n              disabled: isDisabled,\n              readonly: isReadOnly,\n            },\n            updateInteractionVariant\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      interactionVariants,\n      // TODO: Support for validate prop\n      props: {\n        ...getCommonInputProps<BaseTextFieldProps>(\"input\", [\n          \"name\",\n          \"isDisabled\",\n          \"isReadOnly\",\n          \"autoFocus\",\n          \"aria-label\",\n          \"isRequired\",\n        ]),\n        children: {\n          type: \"slot\",\n          mergeWithParent: true as any,\n          defaultValue: {\n            type: \"vbox\",\n            styles: {\n              justifyContent: \"flex-start\",\n              alignItems: \"flex-start\",\n              width: \"300px\",\n              gap: \"5px\",\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        value: {\n          type: \"string\",\n          editOnly: true,\n          uncontrolledProp: \"defaultValue\",\n          description: \"The current value\",\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        // validate: {\n        //   type: \"function\" as const,\n        //   argNames: [\"value\"],\n        //   argValues: (_ps: any, ctx: any) => [ctx.data[0]],\n        // },\n        enableAutoComplete: {\n          type: \"boolean\",\n          description:\n            \"Whether the browser is allowed to automatically complete the input\",\n          defaultValueHint: false,\n        },\n        autoComplete: {\n          type: \"choice\",\n          hidden: ({ enableAutoComplete }: BaseTextFieldProps) =>\n            !enableAutoComplete,\n          description: \"Guidance as to the type of data expected in the field\",\n          helpText:\n            \"For explanations on what each of the values mean, check https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete#values\",\n          options: [\n            \"name\",\n            \"honorific-prefix\",\n            \"given-name\",\n            \"additional-name\",\n            \"family-name\",\n            \"honorific-suffix\",\n            \"nickname\",\n            \"email\",\n            \"username\",\n            \"new-password\",\n            \"current-password\",\n            \"one-time-code\",\n            \"organization-title\",\n            \"organization\",\n            \"street-address\",\n            \"shipping\",\n            \"billing\",\n            \"address-line1\",\n            \"address-line2\",\n            \"address-line3\",\n            \"address-level4\",\n            \"address-level3\",\n            \"address-level2\",\n            \"address-level1\",\n            \"country\",\n            \"country-name\",\n            \"postal-code\",\n            \"cc-name\",\n            \"cc-given-name\",\n            \"cc-additional-name\",\n            \"cc-family-name\",\n            \"cc-number\",\n            \"cc-exp\",\n            \"cc-exp-month\",\n            \"cc-exp-year\",\n            \"cc-csc\",\n            \"cc-type\",\n            \"transaction-currency\",\n            \"transaction-amount\",\n            \"language\",\n            \"bday\",\n            \"bday-day\",\n            \"bday-month\",\n            \"bday-year\",\n            \"sex\",\n            \"tel\",\n            \"tel-country-code\",\n            \"tel-national\",\n            \"tel-area-code\",\n            \"tel-local\",\n            \"tel-local-suffix\",\n            \"tel-local-prefix\",\n            \"tel-extension\",\n            \"impp\",\n            \"url\",\n            \"photo\",\n            \"webauthn\",\n          ],\n        },\n        maxLength: {\n          type: \"number\",\n          description:\n            \"The maximum number of characters supported by the input\",\n        },\n        minLength: {\n          type: \"number\",\n          description:\n            \"The minimum number of characters supported by the input\",\n        },\n        pattern: {\n          type: \"string\",\n          description:\n            \"Regex pattern that the value of the input must match to be valid\",\n          helpText:\n            \"For more information about writing Regular Expressions (regex), check out https://regexr.com/\",\n          validator: (value) => {\n            try {\n              new RegExp(value);\n              return true;\n            } catch (error) {\n              return \"Invalid Regex\";\n            }\n          },\n        },\n        type: {\n          type: \"choice\",\n          defaultValueHint: \"text\",\n          options: [\"text\", \"search\", \"url\", \"tel\", \"email\", \"password\"],\n        },\n        inputMode: {\n          type: \"choice\",\n          description:\n            \"hint to browsers as to the type of virtual keyboard configuration to use when editing this element or its contents.\",\n          options: [\n            \"none\",\n            \"text\",\n            \"tel\",\n            \"url\",\n            \"email\",\n            \"numeric\",\n            \"decimal\",\n            \"search\",\n          ],\n        },\n        validationBehavior: {\n          type: \"choice\",\n          options: [\"native\", \"aria\"],\n          description:\n            \"Whether to use native HTML form validation to prevent form submission when the value is missing or invalid, or mark the field as required or invalid via ARIA.\",\n          defaultValueHint: \"native\",\n        },\n        onChange: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"value\", type: \"string\" }],\n        },\n        onFocus: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"focusEvent\", type: \"object\" }],\n        },\n        onBlur: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"focusEvent\", type: \"object\" }],\n        },\n        onFocusChange: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"isFocused\", type: \"boolean\" }],\n        },\n        onKeyDown: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"keyboardEvent\", type: \"object\" }],\n        },\n        onKeyUp: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"keyboardEvent\", type: \"object\" }],\n        },\n        onCopy: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"clipbordEvent\", type: \"object\" }],\n        },\n        onCut: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"clipbordEvent\", type: \"object\" }],\n        },\n        onPaste: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"clipbordEvent\", type: \"object\" }],\n        },\n        onCompositionStart: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"compositionEvent\", type: \"object\" }],\n        },\n        onCompositionEnd: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"compositionEvent\", type: \"object\" }],\n        },\n        onCompositionUpdate: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"compositionEvent\", type: \"object\" }],\n        },\n        onSelect: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"selectionEvent\", type: \"object\" }],\n        },\n        onBeforeInput: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"inputEvent\", type: \"object\" }],\n        },\n        onInput: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"inputEvent\", type: \"object\" }],\n        },\n      },\n      // NOTE: React-Aria does not support render props for <Input> and <Textarea>, so focusVisible and inputHovered states are not implemented\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  const thisName = makeChildComponentName(\n    overrides?.parentComponentName,\n    TEXT_FIELD_COMPONENT_NAME\n  );\n\n  registerFieldError(loader, { parentComponentName: thisName });\n  registerInput(loader, { parentComponentName: thisName });\n  registerLabel(loader, { parentComponentName: thisName });\n  registerTextArea(loader, { parentComponentName: thisName });\n}\n"],"names":["pickAriaComponentVariants","React","PlasmicTextFieldContext","TextField","makeComponentName","registerComponentHelper","getCommonInputProps","LABEL_COMPONENT_NAME","INPUT_COMPONENT_NAME","DESCRIPTION_COMPONENT_NAME","makeChildComponentName","registerFieldError","registerInput","registerLabel","registerTextArea"],"mappings":"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"}

package/skinny/registerTextField.d.ts

@@ -1,13 +1,16 @@
 import React, { ReactNode } from "react";
 import type { InputProps, TextFieldProps } from "react-aria-components";
+import { UpdateInteractionVariant } from "./interaction-variant-utils";
 import { CodeComponentMetaOverrides, Registerable } from "./utils";
-interface BaseTextFieldProps extends TextFieldProps {
+declare const TEXT_FIELD_INTERACTION_VARIANTS: ("readonly" | "disabled")[];
+export interface BaseTextFieldProps extends TextFieldProps {
     label?: ReactNode;
     description?: ReactNode;
     enableAutoComplete?: boolean;
     multiline?: boolean;
     inputProps?: InputProps;
     children: ReactNode;
+    updateInteractionVariant?: UpdateInteractionVariant<typeof TEXT_FIELD_INTERACTION_VARIANTS>;
 }
 export declare function BaseTextField(props: BaseTextFieldProps): React.JSX.Element;
 export declare const TEXT_FIELD_COMPONENT_NAME: string;

package/skinny/registerTextField.esm.js

@@ -1,6 +1,8 @@
 import React from 'react';
 import { TextField } from 'react-aria-components';
 import { g as getCommonInputProps } from './common-52c26d37.esm.js';
+import { j as PlasmicTextFieldContext } from './contexts-21e0d928.esm.js';
+import { p as pickAriaComponentVariants } from './interaction-variant-utils-abd0c319.esm.js';
 import { DESCRIPTION_COMPONENT_NAME } from './registerDescription.esm.js';
 import { registerFieldError } from './registerFieldError.esm.js';
 import { registerInput, INPUT_COMPONENT_NAME } from './registerInput.esm.js';
@@ -8,7 +10,7 @@ import { registerLabel, LABEL_COMPONENT_NAME } from './registerLabel.esm.js';
 import { registerTextArea } from './registerTextArea.esm.js';
 import { a as makeComponentName, r as registerComponentHelper, m as makeChildComponentName } from './utils-a1785802.esm.js';
 import './registerText.esm.js';
-import './interaction-variant-utils-c44a9d56.esm.js';
+import 'react-aria';
 import '@plasmicapp/host/registerComponent';
 
 var __defProp = Object.defineProperty;
@@ -42,15 +44,39 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
+const TEXT_FIELD_INTERACTION_VARIANTS = [
+  "disabled",
+  "readonly"
+];
+const { interactionVariants, withObservedValues } = pickAriaComponentVariants(
+  TEXT_FIELD_INTERACTION_VARIANTS
+);
 function BaseTextField(props) {
-  const _a = props, { enableAutoComplete, autoComplete, children } = _a, rest = __objRest(_a, ["enableAutoComplete", "autoComplete", "children"]);
-  return /* @__PURE__ */ React.createElement(
+  const _a = props, {
+    enableAutoComplete,
+    autoComplete,
+    children,
+    updateInteractionVariant
+  } = _a, rest = __objRest(_a, [
+    "enableAutoComplete",
+    "autoComplete",
+    "children",
+    "updateInteractionVariant"
+  ]);
+  return /* @__PURE__ */ React.createElement(PlasmicTextFieldContext.Provider, { value: props }, /* @__PURE__ */ React.createElement(
     TextField,
     __spreadValues({
       autoComplete: enableAutoComplete ? autoComplete : void 0
     }, rest),
-    children
-  );
+    ({ isDisabled, isReadOnly }) => withObservedValues(
+      children,
+      {
+        disabled: isDisabled,
+        readonly: isReadOnly
+      },
+      updateInteractionVariant
+    )
+  ));
 }
 const TEXT_FIELD_COMPONENT_NAME = makeComponentName("textField");
 function registerTextField(loader, overrides) {
@@ -62,6 +88,7 @@ function registerTextField(loader, overrides) {
       displayName: "Aria TextField",
       importPath: "@plasmicpkgs/react-aria/skinny/registerTextField",
       importName: "BaseTextField",
+      interactionVariants,
       // TODO: Support for validate prop
       props: __spreadProps(__spreadValues({}, getCommonInputProps("input", [
         "name",

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 { getCommonInputProps } from \"./common\";\nimport { DESCRIPTION_COMPONENT_NAME } from \"./registerDescription\";\nimport { registerFieldError } from \"./registerFieldError\";\nimport { INPUT_COMPONENT_NAME, registerInput } from \"./registerInput\";\nimport { LABEL_COMPONENT_NAME, registerLabel } from \"./registerLabel\";\nimport { registerTextArea } from \"./registerTextArea\";\nimport {\n  CodeComponentMetaOverrides,\n  Registerable,\n  makeChildComponentName,\n  makeComponentName,\n  registerComponentHelper,\n} from \"./utils\";\n\ninterface BaseTextFieldProps extends TextFieldProps {\n  label?: ReactNode;\n  description?: ReactNode;\n  enableAutoComplete?: boolean;\n  multiline?: boolean;\n  inputProps?: InputProps;\n  children: ReactNode;\n}\n\nexport function BaseTextField(props: BaseTextFieldProps) {\n  const { enableAutoComplete, autoComplete, children, ...rest } = props;\n\n  return (\n    <TextField\n      autoComplete={enableAutoComplete ? autoComplete : undefined}\n      {...rest}\n    >\n      {children}\n    </TextField>\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      // TODO: Support for validate prop\n      props: {\n        ...getCommonInputProps<BaseTextFieldProps>(\"input\", [\n          \"name\",\n          \"isDisabled\",\n          \"isReadOnly\",\n          \"autoFocus\",\n          \"aria-label\",\n          \"isRequired\",\n        ]),\n        children: {\n          type: \"slot\",\n          mergeWithParent: true as any,\n          defaultValue: {\n            type: \"vbox\",\n            styles: {\n              justifyContent: \"flex-start\",\n              alignItems: \"flex-start\",\n              width: \"300px\",\n              gap: \"5px\",\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        value: {\n          type: \"string\",\n          editOnly: true,\n          uncontrolledProp: \"defaultValue\",\n          description: \"The current value\",\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        // validate: {\n        //   type: \"function\" as const,\n        //   argNames: [\"value\"],\n        //   argValues: (_ps: any, ctx: any) => [ctx.data[0]],\n        // },\n        enableAutoComplete: {\n          type: \"boolean\",\n          description:\n            \"Whether the browser is allowed to automatically complete the input\",\n          defaultValueHint: false,\n        },\n        autoComplete: {\n          type: \"choice\",\n          hidden: ({ enableAutoComplete }: BaseTextFieldProps) =>\n            !enableAutoComplete,\n          description: \"Guidance as to the type of data expected in the field\",\n          helpText:\n            \"For explanations on what each of the values mean, check https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete#values\",\n          options: [\n            \"name\",\n            \"honorific-prefix\",\n            \"given-name\",\n            \"additional-name\",\n            \"family-name\",\n            \"honorific-suffix\",\n            \"nickname\",\n            \"email\",\n            \"username\",\n            \"new-password\",\n            \"current-password\",\n            \"one-time-code\",\n            \"organization-title\",\n            \"organization\",\n            \"street-address\",\n            \"shipping\",\n            \"billing\",\n            \"address-line1\",\n            \"address-line2\",\n            \"address-line3\",\n            \"address-level4\",\n            \"address-level3\",\n            \"address-level2\",\n            \"address-level1\",\n            \"country\",\n            \"country-name\",\n            \"postal-code\",\n            \"cc-name\",\n            \"cc-given-name\",\n            \"cc-additional-name\",\n            \"cc-family-name\",\n            \"cc-number\",\n            \"cc-exp\",\n            \"cc-exp-month\",\n            \"cc-exp-year\",\n            \"cc-csc\",\n            \"cc-type\",\n            \"transaction-currency\",\n            \"transaction-amount\",\n            \"language\",\n            \"bday\",\n            \"bday-day\",\n            \"bday-month\",\n            \"bday-year\",\n            \"sex\",\n            \"tel\",\n            \"tel-country-code\",\n            \"tel-national\",\n            \"tel-area-code\",\n            \"tel-local\",\n            \"tel-local-suffix\",\n            \"tel-local-prefix\",\n            \"tel-extension\",\n            \"impp\",\n            \"url\",\n            \"photo\",\n            \"webauthn\",\n          ],\n        },\n        maxLength: {\n          type: \"number\",\n          description:\n            \"The maximum number of characters supported by the input\",\n        },\n        minLength: {\n          type: \"number\",\n          description:\n            \"The minimum number of characters supported by the input\",\n        },\n        pattern: {\n          type: \"string\",\n          description:\n            \"Regex pattern that the value of the input must match to be valid\",\n          helpText:\n            \"For more information about writing Regular Expressions (regex), check out https://regexr.com/\",\n          validator: (value) => {\n            try {\n              new RegExp(value);\n              return true;\n            } catch (error) {\n              return \"Invalid Regex\";\n            }\n          },\n        },\n        type: {\n          type: \"choice\",\n          defaultValueHint: \"text\",\n          options: [\"text\", \"search\", \"url\", \"tel\", \"email\", \"password\"],\n        },\n        inputMode: {\n          type: \"choice\",\n          description:\n            \"hint to browsers as to the type of virtual keyboard configuration to use when editing this element or its contents.\",\n          options: [\n            \"none\",\n            \"text\",\n            \"tel\",\n            \"url\",\n            \"email\",\n            \"numeric\",\n            \"decimal\",\n            \"search\",\n          ],\n        },\n        validationBehavior: {\n          type: \"choice\",\n          options: [\"native\", \"aria\"],\n          description:\n            \"Whether to use native HTML form validation to prevent form submission when the value is missing or invalid, or mark the field as required or invalid via ARIA.\",\n          defaultValueHint: \"native\",\n        },\n        onChange: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"value\", type: \"string\" }],\n        },\n        onFocus: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"focusEvent\", type: \"object\" }],\n        },\n        onBlur: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"focusEvent\", type: \"object\" }],\n        },\n        onFocusChange: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"isFocused\", type: \"boolean\" }],\n        },\n        onKeyDown: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"keyboardEvent\", type: \"object\" }],\n        },\n        onKeyUp: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"keyboardEvent\", type: \"object\" }],\n        },\n        onCopy: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"clipbordEvent\", type: \"object\" }],\n        },\n        onCut: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"clipbordEvent\", type: \"object\" }],\n        },\n        onPaste: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"clipbordEvent\", type: \"object\" }],\n        },\n        onCompositionStart: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"compositionEvent\", type: \"object\" }],\n        },\n        onCompositionEnd: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"compositionEvent\", type: \"object\" }],\n        },\n        onCompositionUpdate: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"compositionEvent\", type: \"object\" }],\n        },\n        onSelect: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"selectionEvent\", type: \"object\" }],\n        },\n        onBeforeInput: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"inputEvent\", type: \"object\" }],\n        },\n        onInput: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"inputEvent\", type: \"object\" }],\n        },\n      },\n      // NOTE: React-Aria does not support render props for <Input> and <Textarea>, so focusVisible and inputHovered states are not implemented\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  const thisName = makeChildComponentName(\n    overrides?.parentComponentName,\n    TEXT_FIELD_COMPONENT_NAME\n  );\n\n  registerFieldError(loader, { parentComponentName: thisName });\n  registerInput(loader, { parentComponentName: thisName });\n  registerLabel(loader, { parentComponentName: thisName });\n  registerTextArea(loader, { parentComponentName: thisName });\n}\n"],"names":[],"mappings":"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"}
+{"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 { getCommonInputProps } from \"./common\";\nimport { PlasmicTextFieldContext } from \"./contexts\";\nimport {\n  UpdateInteractionVariant,\n  pickAriaComponentVariants,\n} from \"./interaction-variant-utils\";\nimport { DESCRIPTION_COMPONENT_NAME } from \"./registerDescription\";\nimport { registerFieldError } from \"./registerFieldError\";\nimport { INPUT_COMPONENT_NAME, registerInput } from \"./registerInput\";\nimport { LABEL_COMPONENT_NAME, registerLabel } from \"./registerLabel\";\nimport { registerTextArea } from \"./registerTextArea\";\nimport {\n  CodeComponentMetaOverrides,\n  Registerable,\n  makeChildComponentName,\n  makeComponentName,\n  registerComponentHelper,\n} from \"./utils\";\n\nconst TEXT_FIELD_INTERACTION_VARIANTS = [\n  \"disabled\" as const,\n  \"readonly\" as const,\n];\n\nexport interface BaseTextFieldProps extends TextFieldProps {\n  label?: ReactNode;\n  description?: ReactNode;\n  enableAutoComplete?: boolean;\n  multiline?: boolean;\n  inputProps?: InputProps;\n  children: ReactNode;\n  // Optional callback to update the interaction variant state\n  // as it's only provided if the component is the root of a Studio component\n  updateInteractionVariant?: UpdateInteractionVariant<\n    typeof TEXT_FIELD_INTERACTION_VARIANTS\n  >;\n}\n\nconst { interactionVariants, withObservedValues } = pickAriaComponentVariants(\n  TEXT_FIELD_INTERACTION_VARIANTS\n);\n\nexport function BaseTextField(props: BaseTextFieldProps) {\n  const {\n    enableAutoComplete,\n    autoComplete,\n    children,\n    updateInteractionVariant,\n    ...rest\n  } = props;\n\n  return (\n    <PlasmicTextFieldContext.Provider value={props}>\n      <TextField\n        autoComplete={enableAutoComplete ? autoComplete : undefined}\n        {...rest}\n      >\n        {({ isDisabled, isReadOnly }) =>\n          withObservedValues(\n            children,\n            {\n              disabled: isDisabled,\n              readonly: isReadOnly,\n            },\n            updateInteractionVariant\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      interactionVariants,\n      // TODO: Support for validate prop\n      props: {\n        ...getCommonInputProps<BaseTextFieldProps>(\"input\", [\n          \"name\",\n          \"isDisabled\",\n          \"isReadOnly\",\n          \"autoFocus\",\n          \"aria-label\",\n          \"isRequired\",\n        ]),\n        children: {\n          type: \"slot\",\n          mergeWithParent: true as any,\n          defaultValue: {\n            type: \"vbox\",\n            styles: {\n              justifyContent: \"flex-start\",\n              alignItems: \"flex-start\",\n              width: \"300px\",\n              gap: \"5px\",\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        value: {\n          type: \"string\",\n          editOnly: true,\n          uncontrolledProp: \"defaultValue\",\n          description: \"The current value\",\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        // validate: {\n        //   type: \"function\" as const,\n        //   argNames: [\"value\"],\n        //   argValues: (_ps: any, ctx: any) => [ctx.data[0]],\n        // },\n        enableAutoComplete: {\n          type: \"boolean\",\n          description:\n            \"Whether the browser is allowed to automatically complete the input\",\n          defaultValueHint: false,\n        },\n        autoComplete: {\n          type: \"choice\",\n          hidden: ({ enableAutoComplete }: BaseTextFieldProps) =>\n            !enableAutoComplete,\n          description: \"Guidance as to the type of data expected in the field\",\n          helpText:\n            \"For explanations on what each of the values mean, check https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete#values\",\n          options: [\n            \"name\",\n            \"honorific-prefix\",\n            \"given-name\",\n            \"additional-name\",\n            \"family-name\",\n            \"honorific-suffix\",\n            \"nickname\",\n            \"email\",\n            \"username\",\n            \"new-password\",\n            \"current-password\",\n            \"one-time-code\",\n            \"organization-title\",\n            \"organization\",\n            \"street-address\",\n            \"shipping\",\n            \"billing\",\n            \"address-line1\",\n            \"address-line2\",\n            \"address-line3\",\n            \"address-level4\",\n            \"address-level3\",\n            \"address-level2\",\n            \"address-level1\",\n            \"country\",\n            \"country-name\",\n            \"postal-code\",\n            \"cc-name\",\n            \"cc-given-name\",\n            \"cc-additional-name\",\n            \"cc-family-name\",\n            \"cc-number\",\n            \"cc-exp\",\n            \"cc-exp-month\",\n            \"cc-exp-year\",\n            \"cc-csc\",\n            \"cc-type\",\n            \"transaction-currency\",\n            \"transaction-amount\",\n            \"language\",\n            \"bday\",\n            \"bday-day\",\n            \"bday-month\",\n            \"bday-year\",\n            \"sex\",\n            \"tel\",\n            \"tel-country-code\",\n            \"tel-national\",\n            \"tel-area-code\",\n            \"tel-local\",\n            \"tel-local-suffix\",\n            \"tel-local-prefix\",\n            \"tel-extension\",\n            \"impp\",\n            \"url\",\n            \"photo\",\n            \"webauthn\",\n          ],\n        },\n        maxLength: {\n          type: \"number\",\n          description:\n            \"The maximum number of characters supported by the input\",\n        },\n        minLength: {\n          type: \"number\",\n          description:\n            \"The minimum number of characters supported by the input\",\n        },\n        pattern: {\n          type: \"string\",\n          description:\n            \"Regex pattern that the value of the input must match to be valid\",\n          helpText:\n            \"For more information about writing Regular Expressions (regex), check out https://regexr.com/\",\n          validator: (value) => {\n            try {\n              new RegExp(value);\n              return true;\n            } catch (error) {\n              return \"Invalid Regex\";\n            }\n          },\n        },\n        type: {\n          type: \"choice\",\n          defaultValueHint: \"text\",\n          options: [\"text\", \"search\", \"url\", \"tel\", \"email\", \"password\"],\n        },\n        inputMode: {\n          type: \"choice\",\n          description:\n            \"hint to browsers as to the type of virtual keyboard configuration to use when editing this element or its contents.\",\n          options: [\n            \"none\",\n            \"text\",\n            \"tel\",\n            \"url\",\n            \"email\",\n            \"numeric\",\n            \"decimal\",\n            \"search\",\n          ],\n        },\n        validationBehavior: {\n          type: \"choice\",\n          options: [\"native\", \"aria\"],\n          description:\n            \"Whether to use native HTML form validation to prevent form submission when the value is missing or invalid, or mark the field as required or invalid via ARIA.\",\n          defaultValueHint: \"native\",\n        },\n        onChange: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"value\", type: \"string\" }],\n        },\n        onFocus: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"focusEvent\", type: \"object\" }],\n        },\n        onBlur: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"focusEvent\", type: \"object\" }],\n        },\n        onFocusChange: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"isFocused\", type: \"boolean\" }],\n        },\n        onKeyDown: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"keyboardEvent\", type: \"object\" }],\n        },\n        onKeyUp: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"keyboardEvent\", type: \"object\" }],\n        },\n        onCopy: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"clipbordEvent\", type: \"object\" }],\n        },\n        onCut: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"clipbordEvent\", type: \"object\" }],\n        },\n        onPaste: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"clipbordEvent\", type: \"object\" }],\n        },\n        onCompositionStart: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"compositionEvent\", type: \"object\" }],\n        },\n        onCompositionEnd: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"compositionEvent\", type: \"object\" }],\n        },\n        onCompositionUpdate: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"compositionEvent\", type: \"object\" }],\n        },\n        onSelect: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"selectionEvent\", type: \"object\" }],\n        },\n        onBeforeInput: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"inputEvent\", type: \"object\" }],\n        },\n        onInput: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"inputEvent\", type: \"object\" }],\n        },\n      },\n      // NOTE: React-Aria does not support render props for <Input> and <Textarea>, so focusVisible and inputHovered states are not implemented\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  const thisName = makeChildComponentName(\n    overrides?.parentComponentName,\n    TEXT_FIELD_COMPONENT_NAME\n  );\n\n  registerFieldError(loader, { parentComponentName: thisName });\n  registerInput(loader, { parentComponentName: thisName });\n  registerLabel(loader, { parentComponentName: thisName });\n  registerTextArea(loader, { parentComponentName: thisName });\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsBA,MAAM,+BAAkC,GAAA;AAAA,EACtC,UAAA;AAAA,EACA,UAAA;AACF,CAAA,CAAA;AAgBA,MAAM,EAAE,mBAAqB,EAAA,kBAAA,EAAuB,GAAA,yBAAA;AAAA,EAClD,+BAAA;AACF,CAAA,CAAA;AAEO,SAAS,cAAc,KAA2B,EAAA;AACvD,EAAA,MAMI,EALF,GAAA,KAAA,EAAA;AAAA,IAAA,kBAAA;AAAA,IACA,YAAA;AAAA,IACA,QAAA;AAAA,IACA,wBAAA;AAAA,GAlDJ,GAoDM,EADC,EAAA,IAAA,GAAA,SAAA,CACD,EADC,EAAA;AAAA,IAJH,oBAAA;AAAA,IACA,cAAA;AAAA,IACA,UAAA;AAAA,IACA,0BAAA;AAAA,GAAA,CAAA,CAAA;AAIF,EAAA,uBACG,KAAA,CAAA,aAAA,CAAA,uBAAA,CAAwB,QAAxB,EAAA,EAAiC,OAAO,KACvC,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,SAAA;AAAA,IAAA,cAAA,CAAA;AAAA,MACC,YAAA,EAAc,qBAAqB,YAAe,GAAA,KAAA,CAAA;AAAA,KAC9C,EAAA,IAAA,CAAA;AAAA,IAEH,CAAC,EAAE,UAAY,EAAA,UAAA,EACd,KAAA,kBAAA;AAAA,MACE,QAAA;AAAA,MACA;AAAA,QACE,QAAU,EAAA,UAAA;AAAA,QACV,QAAU,EAAA,UAAA;AAAA,OACZ;AAAA,MACA,wBAAA;AAAA,KACF;AAAA,GAGN,CAAA,CAAA;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,mBAAA;AAAA;AAAA,MAEA,KAAA,EAAO,aACF,CAAA,cAAA,CAAA,EAAA,EAAA,mBAAA,CAAwC,OAAS,EAAA;AAAA,QAClD,MAAA;AAAA,QACA,YAAA;AAAA,QACA,YAAA;AAAA,QACA,WAAA;AAAA,QACA,YAAA;AAAA,QACA,YAAA;AAAA,OACD,CARI,CAAA,EAAA;AAAA,QASL,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,aACP;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,QACA,KAAO,EAAA;AAAA,UACL,IAAM,EAAA,QAAA;AAAA,UACN,QAAU,EAAA,IAAA;AAAA,UACV,gBAAkB,EAAA,cAAA;AAAA,UAClB,WAAa,EAAA,mBAAA;AAAA,SACf;AAAA,QACA,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;AAAA;AAAA;AAAA;AAAA;AAAA,QAMA,kBAAoB,EAAA;AAAA,UAClB,IAAM,EAAA,SAAA;AAAA,UACN,WACE,EAAA,oEAAA;AAAA,UACF,gBAAkB,EAAA,KAAA;AAAA,SACpB;AAAA,QACA,YAAc,EAAA;AAAA,UACZ,IAAM,EAAA,QAAA;AAAA,UACN,MAAQ,EAAA,CAAC,EAAE,kBAAA,OACT,CAAC,kBAAA;AAAA,UACH,WAAa,EAAA,uDAAA;AAAA,UACb,QACE,EAAA,0IAAA;AAAA,UACF,OAAS,EAAA;AAAA,YACP,MAAA;AAAA,YACA,kBAAA;AAAA,YACA,YAAA;AAAA,YACA,iBAAA;AAAA,YACA,aAAA;AAAA,YACA,kBAAA;AAAA,YACA,UAAA;AAAA,YACA,OAAA;AAAA,YACA,UAAA;AAAA,YACA,cAAA;AAAA,YACA,kBAAA;AAAA,YACA,eAAA;AAAA,YACA,oBAAA;AAAA,YACA,cAAA;AAAA,YACA,gBAAA;AAAA,YACA,UAAA;AAAA,YACA,SAAA;AAAA,YACA,eAAA;AAAA,YACA,eAAA;AAAA,YACA,eAAA;AAAA,YACA,gBAAA;AAAA,YACA,gBAAA;AAAA,YACA,gBAAA;AAAA,YACA,gBAAA;AAAA,YACA,SAAA;AAAA,YACA,cAAA;AAAA,YACA,aAAA;AAAA,YACA,SAAA;AAAA,YACA,eAAA;AAAA,YACA,oBAAA;AAAA,YACA,gBAAA;AAAA,YACA,WAAA;AAAA,YACA,QAAA;AAAA,YACA,cAAA;AAAA,YACA,aAAA;AAAA,YACA,QAAA;AAAA,YACA,SAAA;AAAA,YACA,sBAAA;AAAA,YACA,oBAAA;AAAA,YACA,UAAA;AAAA,YACA,MAAA;AAAA,YACA,UAAA;AAAA,YACA,YAAA;AAAA,YACA,WAAA;AAAA,YACA,KAAA;AAAA,YACA,KAAA;AAAA,YACA,kBAAA;AAAA,YACA,cAAA;AAAA,YACA,eAAA;AAAA,YACA,WAAA;AAAA,YACA,kBAAA;AAAA,YACA,kBAAA;AAAA,YACA,eAAA;AAAA,YACA,MAAA;AAAA,YACA,KAAA;AAAA,YACA,OAAA;AAAA,YACA,UAAA;AAAA,WACF;AAAA,SACF;AAAA,QACA,SAAW,EAAA;AAAA,UACT,IAAM,EAAA,QAAA;AAAA,UACN,WACE,EAAA,yDAAA;AAAA,SACJ;AAAA,QACA,SAAW,EAAA;AAAA,UACT,IAAM,EAAA,QAAA;AAAA,UACN,WACE,EAAA,yDAAA;AAAA,SACJ;AAAA,QACA,OAAS,EAAA;AAAA,UACP,IAAM,EAAA,QAAA;AAAA,UACN,WACE,EAAA,kEAAA;AAAA,UACF,QACE,EAAA,+FAAA;AAAA,UACF,SAAA,EAAW,CAAC,KAAU,KAAA;AACpB,YAAI,IAAA;AACF,cAAA,IAAI,OAAO,KAAK,CAAA,CAAA;AAChB,cAAO,OAAA,IAAA,CAAA;AAAA,qBACA,KAAP,EAAA;AACA,cAAO,OAAA,eAAA,CAAA;AAAA,aACT;AAAA,WACF;AAAA,SACF;AAAA,QACA,IAAM,EAAA;AAAA,UACJ,IAAM,EAAA,QAAA;AAAA,UACN,gBAAkB,EAAA,MAAA;AAAA,UAClB,SAAS,CAAC,MAAA,EAAQ,UAAU,KAAO,EAAA,KAAA,EAAO,SAAS,UAAU,CAAA;AAAA,SAC/D;AAAA,QACA,SAAW,EAAA;AAAA,UACT,IAAM,EAAA,QAAA;AAAA,UACN,WACE,EAAA,qHAAA;AAAA,UACF,OAAS,EAAA;AAAA,YACP,MAAA;AAAA,YACA,MAAA;AAAA,YACA,KAAA;AAAA,YACA,KAAA;AAAA,YACA,OAAA;AAAA,YACA,SAAA;AAAA,YACA,SAAA;AAAA,YACA,QAAA;AAAA,WACF;AAAA,SACF;AAAA,QACA,kBAAoB,EAAA;AAAA,UAClB,IAAM,EAAA,QAAA;AAAA,UACN,OAAA,EAAS,CAAC,QAAA,EAAU,MAAM,CAAA;AAAA,UAC1B,WACE,EAAA,gKAAA;AAAA,UACF,gBAAkB,EAAA,QAAA;AAAA,SACpB;AAAA,QACA,QAAU,EAAA;AAAA,UACR,IAAM,EAAA,cAAA;AAAA,UACN,UAAU,CAAC,EAAE,MAAM,OAAS,EAAA,IAAA,EAAM,UAAU,CAAA;AAAA,SAC9C;AAAA,QACA,OAAS,EAAA;AAAA,UACP,IAAM,EAAA,cAAA;AAAA,UACN,UAAU,CAAC,EAAE,MAAM,YAAc,EAAA,IAAA,EAAM,UAAU,CAAA;AAAA,SACnD;AAAA,QACA,MAAQ,EAAA;AAAA,UACN,IAAM,EAAA,cAAA;AAAA,UACN,UAAU,CAAC,EAAE,MAAM,YAAc,EAAA,IAAA,EAAM,UAAU,CAAA;AAAA,SACnD;AAAA,QACA,aAAe,EAAA;AAAA,UACb,IAAM,EAAA,cAAA;AAAA,UACN,UAAU,CAAC,EAAE,MAAM,WAAa,EAAA,IAAA,EAAM,WAAW,CAAA;AAAA,SACnD;AAAA,QACA,SAAW,EAAA;AAAA,UACT,IAAM,EAAA,cAAA;AAAA,UACN,UAAU,CAAC,EAAE,MAAM,eAAiB,EAAA,IAAA,EAAM,UAAU,CAAA;AAAA,SACtD;AAAA,QACA,OAAS,EAAA;AAAA,UACP,IAAM,EAAA,cAAA;AAAA,UACN,UAAU,CAAC,EAAE,MAAM,eAAiB,EAAA,IAAA,EAAM,UAAU,CAAA;AAAA,SACtD;AAAA,QACA,MAAQ,EAAA;AAAA,UACN,IAAM,EAAA,cAAA;AAAA,UACN,UAAU,CAAC,EAAE,MAAM,eAAiB,EAAA,IAAA,EAAM,UAAU,CAAA;AAAA,SACtD;AAAA,QACA,KAAO,EAAA;AAAA,UACL,IAAM,EAAA,cAAA;AAAA,UACN,UAAU,CAAC,EAAE,MAAM,eAAiB,EAAA,IAAA,EAAM,UAAU,CAAA;AAAA,SACtD;AAAA,QACA,OAAS,EAAA;AAAA,UACP,IAAM,EAAA,cAAA;AAAA,UACN,UAAU,CAAC,EAAE,MAAM,eAAiB,EAAA,IAAA,EAAM,UAAU,CAAA;AAAA,SACtD;AAAA,QACA,kBAAoB,EAAA;AAAA,UAClB,IAAM,EAAA,cAAA;AAAA,UACN,UAAU,CAAC,EAAE,MAAM,kBAAoB,EAAA,IAAA,EAAM,UAAU,CAAA;AAAA,SACzD;AAAA,QACA,gBAAkB,EAAA;AAAA,UAChB,IAAM,EAAA,cAAA;AAAA,UACN,UAAU,CAAC,EAAE,MAAM,kBAAoB,EAAA,IAAA,EAAM,UAAU,CAAA;AAAA,SACzD;AAAA,QACA,mBAAqB,EAAA;AAAA,UACnB,IAAM,EAAA,cAAA;AAAA,UACN,UAAU,CAAC,EAAE,MAAM,kBAAoB,EAAA,IAAA,EAAM,UAAU,CAAA;AAAA,SACzD;AAAA,QACA,QAAU,EAAA;AAAA,UACR,IAAM,EAAA,cAAA;AAAA,UACN,UAAU,CAAC,EAAE,MAAM,gBAAkB,EAAA,IAAA,EAAM,UAAU,CAAA;AAAA,SACvD;AAAA,QACA,aAAe,EAAA;AAAA,UACb,IAAM,EAAA,cAAA;AAAA,UACN,UAAU,CAAC,EAAE,MAAM,YAAc,EAAA,IAAA,EAAM,UAAU,CAAA;AAAA,SACnD;AAAA,QACA,OAAS,EAAA;AAAA,UACP,IAAM,EAAA,cAAA;AAAA,UACN,UAAU,CAAC,EAAE,MAAM,YAAc,EAAA,IAAA,EAAM,UAAU,CAAA;AAAA,SACnD;AAAA,OACF,CAAA;AAAA;AAAA,MAEA,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;AAEA,EAAA,MAAM,QAAW,GAAA,sBAAA;AAAA,IACf,SAAW,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,SAAA,CAAA,mBAAA;AAAA,IACX,yBAAA;AAAA,GACF,CAAA;AAEA,EAAA,kBAAA,CAAmB,MAAQ,EAAA,EAAE,mBAAqB,EAAA,QAAA,EAAU,CAAA,CAAA;AAC5D,EAAA,aAAA,CAAc,MAAQ,EAAA,EAAE,mBAAqB,EAAA,QAAA,EAAU,CAAA,CAAA;AACvD,EAAA,aAAA,CAAc,MAAQ,EAAA,EAAE,mBAAqB,EAAA,QAAA,EAAU,CAAA,CAAA;AACvD,EAAA,gBAAA,CAAiB,MAAQ,EAAA,EAAE,mBAAqB,EAAA,QAAA,EAAU,CAAA,CAAA;AAC5D;;;;"}