@plasmicpkgs/react-aria 0.0.151 → 0.0.152

package/skinny/registerForm.esm.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Form } from 'react-aria-components';
-import { r as registerComponentHelper, m as makeComponentName } from './utils-b68e14cf.esm.js';
+import { r as registerComponentHelper, m as makeComponentName, c as createIdProp } from './common-81f08e86.esm.js';
 import '@plasmicapp/host';
 import '@plasmicapp/host/registerComponent';
 
@@ -68,6 +68,7 @@ function registerForm(loader, overrides) {
       importPath: "@plasmicpkgs/react-aria/skinny/registerForm",
       importName: "BaseForm",
       props: {
+        id: createIdProp("Form"),
         children: {
           type: "slot",
           mergeWithParent: true

package/skinny/registerForm.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"registerForm.esm.js","sources":["../src/registerForm.tsx"],"sourcesContent":["import React from \"react\";\nimport type { FormProps } from \"react-aria-components\";\nimport { Form } from \"react-aria-components\";\nimport {\n  CodeComponentMetaOverrides,\n  makeComponentName,\n  Registerable,\n  registerComponentHelper,\n} from \"./utils\";\n\ninterface BaseFormProps extends Omit<FormProps, \"onSubmit\"> {\n  onSubmit: (\n    data: Record<string, FormDataEntryValue | FormDataEntryValue[] | null>\n  ) => void;\n}\n\nexport function BaseForm(props: BaseFormProps) {\n  const { onSubmit, children, ...rest } = props;\n  return (\n    <Form\n      onSubmit={(e) => {\n        e.preventDefault();\n        const formData = new FormData(e.currentTarget);\n        const formValues: {\n          [key: string]: FormDataEntryValue | FormDataEntryValue[] | null;\n        } = {};\n        formData.forEach((value, key) => {\n          const field = e.currentTarget.elements.namedItem(key);\n          if (\n            field instanceof RadioNodeList &&\n            (Array.from(field.values()) as HTMLInputElement[]).every(\n              (f) => f.type === \"checkbox\"\n            )\n          ) {\n            formValues[key] = formData.getAll(key);\n          } else {\n            (field as HTMLInputElement).type;\n            formValues[key] = formData.get(key);\n          }\n        });\n        onSubmit?.(formValues);\n      }}\n      {...rest}\n    >\n      {children}\n    </Form>\n  );\n}\n\nexport function registerForm(\n  loader?: Registerable,\n  overrides?: CodeComponentMetaOverrides<typeof BaseForm>\n) {\n  registerComponentHelper(\n    loader,\n    BaseForm,\n    {\n      name: makeComponentName(\"form\"),\n      displayName: \"Aria Form\",\n      importPath: \"@plasmicpkgs/react-aria/skinny/registerForm\",\n      importName: \"BaseForm\",\n      props: {\n        children: {\n          type: \"slot\",\n          mergeWithParent: true,\n        },\n        onSubmit: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"data\", type: \"object\" }],\n        } as any,\n        onReset: {\n          type: \"eventHandler\",\n          argTypes: [],\n        } as any,\n      },\n      trapsFocus: true,\n    },\n    overrides\n  );\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgBO,SAAS,SAAS,KAAsB,EAAA;AAC7C,EAAwC,MAAA,EAAA,GAAA,KAAA,EAAhC,YAAU,QAjBpB,EAAA,GAiB0C,IAAT,IAAS,GAAA,SAAA,CAAA,EAAA,EAAT,CAAvB,UAAU,EAAA,UAAA,CAAA,CAAA,CAAA;AAClB,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,IAAA;AAAA,IAAA,cAAA,CAAA;AAAA,MACC,QAAA,EAAU,CAAC,CAAM,KAAA;AACf,QAAA,CAAA,CAAE,cAAe,EAAA,CAAA;AACjB,QAAA,MAAM,QAAW,GAAA,IAAI,QAAS,CAAA,CAAA,CAAE,aAAa,CAAA,CAAA;AAC7C,QAAA,MAAM,aAEF,EAAC,CAAA;AACL,QAAS,QAAA,CAAA,OAAA,CAAQ,CAAC,KAAA,EAAO,GAAQ,KAAA;AAC/B,UAAA,MAAM,KAAQ,GAAA,CAAA,CAAE,aAAc,CAAA,QAAA,CAAS,UAAU,GAAG,CAAA,CAAA;AACpD,UAAA,IACE,iBAAiB,aAChB,IAAA,KAAA,CAAM,KAAK,KAAM,CAAA,MAAA,EAAQ,CAAyB,CAAA,KAAA;AAAA,YACjD,CAAC,CAAM,KAAA,CAAA,CAAE,IAAS,KAAA,UAAA;AAAA,WAEpB,EAAA;AACA,YAAA,UAAA,CAAW,GAAG,CAAA,GAAI,QAAS,CAAA,MAAA,CAAO,GAAG,CAAA,CAAA;AAAA,WAChC,MAAA;AACL,YAAC,KAA2B,CAAA,IAAA,CAAA;AAC5B,YAAA,UAAA,CAAW,GAAG,CAAA,GAAI,QAAS,CAAA,GAAA,CAAI,GAAG,CAAA,CAAA;AAAA,WACpC;AAAA,SACD,CAAA,CAAA;AACD,QAAW,QAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,QAAA,CAAA,UAAA,CAAA,CAAA;AAAA,OACb;AAAA,KACI,EAAA,IAAA,CAAA;AAAA,IAEH,QAAA;AAAA,GACH,CAAA;AAEJ,CAAA;AAEgB,SAAA,YAAA,CACd,QACA,SACA,EAAA;AACA,EAAA,uBAAA;AAAA,IACE,MAAA;AAAA,IACA,QAAA;AAAA,IACA;AAAA,MACE,IAAA,EAAM,kBAAkB,MAAM,CAAA;AAAA,MAC9B,WAAa,EAAA,WAAA;AAAA,MACb,UAAY,EAAA,6CAAA;AAAA,MACZ,UAAY,EAAA,UAAA;AAAA,MACZ,KAAO,EAAA;AAAA,QACL,QAAU,EAAA;AAAA,UACR,IAAM,EAAA,MAAA;AAAA,UACN,eAAiB,EAAA,IAAA;AAAA,SACnB;AAAA,QACA,QAAU,EAAA;AAAA,UACR,IAAM,EAAA,cAAA;AAAA,UACN,UAAU,CAAC,EAAE,MAAM,MAAQ,EAAA,IAAA,EAAM,UAAU,CAAA;AAAA,SAC7C;AAAA,QACA,OAAS,EAAA;AAAA,UACP,IAAM,EAAA,cAAA;AAAA,UACN,UAAU,EAAC;AAAA,SACb;AAAA,OACF;AAAA,MACA,UAAY,EAAA,IAAA;AAAA,KACd;AAAA,IACA,SAAA;AAAA,GACF,CAAA;AACF;;;;"}
+{"version":3,"file":"registerForm.esm.js","sources":["../src/registerForm.tsx"],"sourcesContent":["import React from \"react\";\nimport type { FormProps } from \"react-aria-components\";\nimport { Form } from \"react-aria-components\";\nimport {\n  CodeComponentMetaOverrides,\n  makeComponentName,\n  Registerable,\n  registerComponentHelper,\n} from \"./utils\";\nimport { createIdProp } from \"./common\";\n\ninterface BaseFormProps extends Omit<FormProps, \"onSubmit\"> {\n  onSubmit: (\n    data: Record<string, FormDataEntryValue | FormDataEntryValue[] | null>\n  ) => void;\n}\n\nexport function BaseForm(props: BaseFormProps) {\n  const { onSubmit, children, ...rest } = props;\n  return (\n    <Form\n      onSubmit={(e) => {\n        e.preventDefault();\n        const formData = new FormData(e.currentTarget);\n        const formValues: {\n          [key: string]: FormDataEntryValue | FormDataEntryValue[] | null;\n        } = {};\n        formData.forEach((value, key) => {\n          const field = e.currentTarget.elements.namedItem(key);\n          if (\n            field instanceof RadioNodeList &&\n            (Array.from(field.values()) as HTMLInputElement[]).every(\n              (f) => f.type === \"checkbox\"\n            )\n          ) {\n            formValues[key] = formData.getAll(key);\n          } else {\n            (field as HTMLInputElement).type;\n            formValues[key] = formData.get(key);\n          }\n        });\n        onSubmit?.(formValues);\n      }}\n      {...rest}\n    >\n      {children}\n    </Form>\n  );\n}\n\nexport function registerForm(\n  loader?: Registerable,\n  overrides?: CodeComponentMetaOverrides<typeof BaseForm>\n) {\n  registerComponentHelper(\n    loader,\n    BaseForm,\n    {\n      name: makeComponentName(\"form\"),\n      displayName: \"Aria Form\",\n      importPath: \"@plasmicpkgs/react-aria/skinny/registerForm\",\n      importName: \"BaseForm\",\n      props: {\n        id: createIdProp(\"Form\"),\n        children: {\n          type: \"slot\",\n          mergeWithParent: true,\n        },\n        onSubmit: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"data\", type: \"object\" }],\n        } as any,\n        onReset: {\n          type: \"eventHandler\",\n          argTypes: [],\n        } as any,\n      },\n      trapsFocus: true,\n    },\n    overrides\n  );\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiBO,SAAS,SAAS,KAAsB,EAAA;AAC7C,EAAwC,MAAA,EAAA,GAAA,KAAA,EAAhC,YAAU,QAlBpB,EAAA,GAkB0C,IAAT,IAAS,GAAA,SAAA,CAAA,EAAA,EAAT,CAAvB,UAAU,EAAA,UAAA,CAAA,CAAA,CAAA;AAClB,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,IAAA;AAAA,IAAA,cAAA,CAAA;AAAA,MACC,QAAA,EAAU,CAAC,CAAM,KAAA;AACf,QAAA,CAAA,CAAE,cAAe,EAAA,CAAA;AACjB,QAAA,MAAM,QAAW,GAAA,IAAI,QAAS,CAAA,CAAA,CAAE,aAAa,CAAA,CAAA;AAC7C,QAAA,MAAM,aAEF,EAAC,CAAA;AACL,QAAS,QAAA,CAAA,OAAA,CAAQ,CAAC,KAAA,EAAO,GAAQ,KAAA;AAC/B,UAAA,MAAM,KAAQ,GAAA,CAAA,CAAE,aAAc,CAAA,QAAA,CAAS,UAAU,GAAG,CAAA,CAAA;AACpD,UAAA,IACE,iBAAiB,aAChB,IAAA,KAAA,CAAM,KAAK,KAAM,CAAA,MAAA,EAAQ,CAAyB,CAAA,KAAA;AAAA,YACjD,CAAC,CAAM,KAAA,CAAA,CAAE,IAAS,KAAA,UAAA;AAAA,WAEpB,EAAA;AACA,YAAA,UAAA,CAAW,GAAG,CAAA,GAAI,QAAS,CAAA,MAAA,CAAO,GAAG,CAAA,CAAA;AAAA,WAChC,MAAA;AACL,YAAC,KAA2B,CAAA,IAAA,CAAA;AAC5B,YAAA,UAAA,CAAW,GAAG,CAAA,GAAI,QAAS,CAAA,GAAA,CAAI,GAAG,CAAA,CAAA;AAAA,WACpC;AAAA,SACD,CAAA,CAAA;AACD,QAAW,QAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,QAAA,CAAA,UAAA,CAAA,CAAA;AAAA,OACb;AAAA,KACI,EAAA,IAAA,CAAA;AAAA,IAEH,QAAA;AAAA,GACH,CAAA;AAEJ,CAAA;AAEgB,SAAA,YAAA,CACd,QACA,SACA,EAAA;AACA,EAAA,uBAAA;AAAA,IACE,MAAA;AAAA,IACA,QAAA;AAAA,IACA;AAAA,MACE,IAAA,EAAM,kBAAkB,MAAM,CAAA;AAAA,MAC9B,WAAa,EAAA,WAAA;AAAA,MACb,UAAY,EAAA,6CAAA;AAAA,MACZ,UAAY,EAAA,UAAA;AAAA,MACZ,KAAO,EAAA;AAAA,QACL,EAAA,EAAI,aAAa,MAAM,CAAA;AAAA,QACvB,QAAU,EAAA;AAAA,UACR,IAAM,EAAA,MAAA;AAAA,UACN,eAAiB,EAAA,IAAA;AAAA,SACnB;AAAA,QACA,QAAU,EAAA;AAAA,UACR,IAAM,EAAA,cAAA;AAAA,UACN,UAAU,CAAC,EAAE,MAAM,MAAQ,EAAA,IAAA,EAAM,UAAU,CAAA;AAAA,SAC7C;AAAA,QACA,OAAS,EAAA;AAAA,UACP,IAAM,EAAA,cAAA;AAAA,UACN,UAAU,EAAC;AAAA,SACb;AAAA,OACF;AAAA,MACA,UAAY,EAAA,IAAA;AAAA,KACd;AAAA,IACA,SAAA;AAAA,GACF,CAAA;AACF;;;;"}

package/skinny/registerHeading.cjs.js

@@ -2,8 +2,7 @@
 
 var React = require('react');
 var reactAriaComponents = require('react-aria-components');
-var common = require('./common-6ffc5113.cjs.js');
-var utils = require('./utils-88dd1a55.cjs.js');
+var common = require('./common-7f948fa5.cjs.js');
 require('@plasmicapp/host');
 require('@plasmicapp/host/registerComponent');
 
@@ -46,9 +45,9 @@ function BaseHeading(_a) {
   var _b = _a, { children } = _b, rest = __objRest(_b, ["children"]);
   return /* @__PURE__ */ React__default.default.createElement(reactAriaComponents.Heading, __spreadProps(__spreadValues({}, rest), { style: common.COMMON_STYLES }), children);
 }
-const HEADING_COMPONENT_NAME = utils.makeComponentName("heading");
+const HEADING_COMPONENT_NAME = common.makeComponentName("heading");
 function registerHeading(loader, overrides) {
-  return utils.registerComponentHelper(
+  return common.registerComponentHelper(
     loader,
     BaseHeading,
     {
@@ -62,6 +61,7 @@ function registerHeading(loader, overrides) {
         marginBottom: "10px"
       },
       props: {
+        id: common.createIdProp("Heading"),
         children: {
           type: "slot",
           mergeWithParent: true,

package/skinny/registerHeading.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"registerHeading.cjs.js","sources":["../src/registerHeading.tsx"],"sourcesContent":["import React from \"react\";\nimport type { HeadingProps } from \"react-aria-components\";\nimport { Heading } from \"react-aria-components\";\nimport { COMMON_STYLES } from \"./common\";\nimport {\n  CodeComponentMetaOverrides,\n  makeComponentName,\n  Registerable,\n  registerComponentHelper,\n} from \"./utils\";\n\nexport function BaseHeading({ children, ...rest }: HeadingProps) {\n  return (\n    <Heading {...rest} style={COMMON_STYLES}>\n      {children}\n    </Heading>\n  );\n}\n\nconst HEADING_COMPONENT_NAME = makeComponentName(\"heading\");\n\n/** @deprecated Use Plasmic's built-in `Text` component instead */\nexport function registerHeading(\n  loader?: Registerable,\n  overrides?: CodeComponentMetaOverrides<typeof BaseHeading>\n) {\n  return registerComponentHelper(\n    loader,\n    BaseHeading,\n    {\n      name: HEADING_COMPONENT_NAME,\n      displayName: \"Aria Heading (deprecated)\",\n      importPath: \"@plasmicpkgs/react-aria/skinny/registerHeading\",\n      importName: \"BaseHeading\",\n      defaultStyles: {\n        fontSize: \"20px\",\n        fontWeight: \"bold\",\n        marginBottom: \"10px\",\n      },\n      props: {\n        children: {\n          type: \"slot\",\n          mergeWithParent: true,\n          defaultValue: {\n            type: \"text\",\n            value: \"Heading\",\n          },\n        },\n        slot: {\n          type: \"string\",\n          defaultValue: \"title\",\n          hidden: () => true,\n        },\n      },\n      trapsFocus: true,\n    },\n    overrides\n  );\n}\n"],"names":["Heading","COMMON_STYLES","makeComponentName","registerComponentHelper"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWO,SAAS,YAAY,EAAqC,EAAA;AAArC,EAAA,IAAA,EAAA,GAAA,EAAA,EAAE,EAX9B,QAAA,EAAA,GAW4B,EAAe,EAAA,IAAA,GAAA,SAAA,CAAf,IAAe,CAAb,UAAA,CAAA,CAAA,CAAA;AAC5B,EAAA,4DACGA,2BAAY,EAAA,aAAA,CAAA,cAAA,CAAA,EAAA,EAAA,IAAA,CAAA,EAAZ,EAAkB,KAAA,EAAOC,yBACvB,QACH,CAAA,CAAA;AAEJ,CAAA;AAEA,MAAM,sBAAA,GAAyBC,wBAAkB,SAAS,CAAA,CAAA;AAG1C,SAAA,eAAA,CACd,QACA,SACA,EAAA;AACA,EAAO,OAAAC,6BAAA;AAAA,IACL,MAAA;AAAA,IACA,WAAA;AAAA,IACA;AAAA,MACE,IAAM,EAAA,sBAAA;AAAA,MACN,WAAa,EAAA,2BAAA;AAAA,MACb,UAAY,EAAA,gDAAA;AAAA,MACZ,UAAY,EAAA,aAAA;AAAA,MACZ,aAAe,EAAA;AAAA,QACb,QAAU,EAAA,MAAA;AAAA,QACV,UAAY,EAAA,MAAA;AAAA,QACZ,YAAc,EAAA,MAAA;AAAA,OAChB;AAAA,MACA,KAAO,EAAA;AAAA,QACL,QAAU,EAAA;AAAA,UACR,IAAM,EAAA,MAAA;AAAA,UACN,eAAiB,EAAA,IAAA;AAAA,UACjB,YAAc,EAAA;AAAA,YACZ,IAAM,EAAA,MAAA;AAAA,YACN,KAAO,EAAA,SAAA;AAAA,WACT;AAAA,SACF;AAAA,QACA,IAAM,EAAA;AAAA,UACJ,IAAM,EAAA,QAAA;AAAA,UACN,YAAc,EAAA,OAAA;AAAA,UACd,QAAQ,MAAM,IAAA;AAAA,SAChB;AAAA,OACF;AAAA,MACA,UAAY,EAAA,IAAA;AAAA,KACd;AAAA,IACA,SAAA;AAAA,GACF,CAAA;AACF;;;;;"}
+{"version":3,"file":"registerHeading.cjs.js","sources":["../src/registerHeading.tsx"],"sourcesContent":["import React from \"react\";\nimport type { HeadingProps } from \"react-aria-components\";\nimport { Heading } from \"react-aria-components\";\nimport { COMMON_STYLES, createIdProp } from \"./common\";\nimport {\n  CodeComponentMetaOverrides,\n  makeComponentName,\n  Registerable,\n  registerComponentHelper,\n} from \"./utils\";\n\nexport interface BaseHeadingProps extends HeadingProps {}\n\nexport function BaseHeading({ children, ...rest }: BaseHeadingProps) {\n  return (\n    <Heading {...rest} style={COMMON_STYLES}>\n      {children}\n    </Heading>\n  );\n}\n\nconst HEADING_COMPONENT_NAME = makeComponentName(\"heading\");\n\n/** @deprecated Use Plasmic's built-in `Text` component instead */\nexport function registerHeading(\n  loader?: Registerable,\n  overrides?: CodeComponentMetaOverrides<typeof BaseHeading>\n) {\n  return registerComponentHelper(\n    loader,\n    BaseHeading,\n    {\n      name: HEADING_COMPONENT_NAME,\n      displayName: \"Aria Heading (deprecated)\",\n      importPath: \"@plasmicpkgs/react-aria/skinny/registerHeading\",\n      importName: \"BaseHeading\",\n      defaultStyles: {\n        fontSize: \"20px\",\n        fontWeight: \"bold\",\n        marginBottom: \"10px\",\n      },\n      props: {\n        id: createIdProp(\"Heading\"),\n        children: {\n          type: \"slot\",\n          mergeWithParent: true,\n          defaultValue: {\n            type: \"text\",\n            value: \"Heading\",\n          },\n        },\n        slot: {\n          type: \"string\",\n          defaultValue: \"title\",\n          hidden: () => true,\n        },\n      },\n      trapsFocus: true,\n    },\n    overrides\n  );\n}\n"],"names":["Heading","COMMON_STYLES","makeComponentName","registerComponentHelper","createIdProp"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaO,SAAS,YAAY,EAAyC,EAAA;AAAzC,EAAA,IAAA,EAAA,GAAA,EAAA,EAAE,EAb9B,QAAA,EAAA,GAa4B,EAAe,EAAA,IAAA,GAAA,SAAA,CAAf,IAAe,CAAb,UAAA,CAAA,CAAA,CAAA;AAC5B,EAAA,4DACGA,2BAAY,EAAA,aAAA,CAAA,cAAA,CAAA,EAAA,EAAA,IAAA,CAAA,EAAZ,EAAkB,KAAA,EAAOC,yBACvB,QACH,CAAA,CAAA;AAEJ,CAAA;AAEA,MAAM,sBAAA,GAAyBC,yBAAkB,SAAS,CAAA,CAAA;AAG1C,SAAA,eAAA,CACd,QACA,SACA,EAAA;AACA,EAAO,OAAAC,8BAAA;AAAA,IACL,MAAA;AAAA,IACA,WAAA;AAAA,IACA;AAAA,MACE,IAAM,EAAA,sBAAA;AAAA,MACN,WAAa,EAAA,2BAAA;AAAA,MACb,UAAY,EAAA,gDAAA;AAAA,MACZ,UAAY,EAAA,aAAA;AAAA,MACZ,aAAe,EAAA;AAAA,QACb,QAAU,EAAA,MAAA;AAAA,QACV,UAAY,EAAA,MAAA;AAAA,QACZ,YAAc,EAAA,MAAA;AAAA,OAChB;AAAA,MACA,KAAO,EAAA;AAAA,QACL,EAAA,EAAIC,oBAAa,SAAS,CAAA;AAAA,QAC1B,QAAU,EAAA;AAAA,UACR,IAAM,EAAA,MAAA;AAAA,UACN,eAAiB,EAAA,IAAA;AAAA,UACjB,YAAc,EAAA;AAAA,YACZ,IAAM,EAAA,MAAA;AAAA,YACN,KAAO,EAAA,SAAA;AAAA,WACT;AAAA,SACF;AAAA,QACA,IAAM,EAAA;AAAA,UACJ,IAAM,EAAA,QAAA;AAAA,UACN,YAAc,EAAA,OAAA;AAAA,UACd,QAAQ,MAAM,IAAA;AAAA,SAChB;AAAA,OACF;AAAA,MACA,UAAY,EAAA,IAAA;AAAA,KACd;AAAA,IACA,SAAA;AAAA,GACF,CAAA;AACF;;;;;"}

package/skinny/registerHeading.d.ts

@@ -1,6 +1,8 @@
 import React from "react";
 import type { HeadingProps } from "react-aria-components";
 import { CodeComponentMetaOverrides, Registerable } from "./utils";
-export declare function BaseHeading({ children, ...rest }: HeadingProps): React.JSX.Element;
+export interface BaseHeadingProps extends HeadingProps {
+}
+export declare function BaseHeading({ children, ...rest }: BaseHeadingProps): React.JSX.Element;
 /** @deprecated Use Plasmic's built-in `Text` component instead */
-export declare function registerHeading(loader?: Registerable, overrides?: CodeComponentMetaOverrides<typeof BaseHeading>): import("@plasmicapp/host").CodeComponentMeta<HeadingProps>;
+export declare function registerHeading(loader?: Registerable, overrides?: CodeComponentMetaOverrides<typeof BaseHeading>): import("@plasmicapp/host").CodeComponentMeta<BaseHeadingProps>;

package/skinny/registerHeading.esm.js

@@ -1,7 +1,6 @@
 import React from 'react';
 import { Heading } from 'react-aria-components';
-import { C as COMMON_STYLES } from './common-3fde23cc.esm.js';
-import { r as registerComponentHelper, m as makeComponentName } from './utils-b68e14cf.esm.js';
+import { r as registerComponentHelper, C as COMMON_STYLES, c as createIdProp, m as makeComponentName } from './common-81f08e86.esm.js';
 import '@plasmicapp/host';
 import '@plasmicapp/host/registerComponent';
 
@@ -56,6 +55,7 @@ function registerHeading(loader, overrides) {
         marginBottom: "10px"
       },
       props: {
+        id: createIdProp("Heading"),
         children: {
           type: "slot",
           mergeWithParent: true,

package/skinny/registerHeading.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"registerHeading.esm.js","sources":["../src/registerHeading.tsx"],"sourcesContent":["import React from \"react\";\nimport type { HeadingProps } from \"react-aria-components\";\nimport { Heading } from \"react-aria-components\";\nimport { COMMON_STYLES } from \"./common\";\nimport {\n  CodeComponentMetaOverrides,\n  makeComponentName,\n  Registerable,\n  registerComponentHelper,\n} from \"./utils\";\n\nexport function BaseHeading({ children, ...rest }: HeadingProps) {\n  return (\n    <Heading {...rest} style={COMMON_STYLES}>\n      {children}\n    </Heading>\n  );\n}\n\nconst HEADING_COMPONENT_NAME = makeComponentName(\"heading\");\n\n/** @deprecated Use Plasmic's built-in `Text` component instead */\nexport function registerHeading(\n  loader?: Registerable,\n  overrides?: CodeComponentMetaOverrides<typeof BaseHeading>\n) {\n  return registerComponentHelper(\n    loader,\n    BaseHeading,\n    {\n      name: HEADING_COMPONENT_NAME,\n      displayName: \"Aria Heading (deprecated)\",\n      importPath: \"@plasmicpkgs/react-aria/skinny/registerHeading\",\n      importName: \"BaseHeading\",\n      defaultStyles: {\n        fontSize: \"20px\",\n        fontWeight: \"bold\",\n        marginBottom: \"10px\",\n      },\n      props: {\n        children: {\n          type: \"slot\",\n          mergeWithParent: true,\n          defaultValue: {\n            type: \"text\",\n            value: \"Heading\",\n          },\n        },\n        slot: {\n          type: \"string\",\n          defaultValue: \"title\",\n          hidden: () => true,\n        },\n      },\n      trapsFocus: true,\n    },\n    overrides\n  );\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWO,SAAS,YAAY,EAAqC,EAAA;AAArC,EAAA,IAAA,EAAA,GAAA,EAAA,EAAE,EAX9B,QAAA,EAAA,GAW4B,EAAe,EAAA,IAAA,GAAA,SAAA,CAAf,IAAe,CAAb,UAAA,CAAA,CAAA,CAAA;AAC5B,EAAA,2CACG,OAAY,EAAA,aAAA,CAAA,cAAA,CAAA,EAAA,EAAA,IAAA,CAAA,EAAZ,EAAkB,KAAA,EAAO,kBACvB,QACH,CAAA,CAAA;AAEJ,CAAA;AAEA,MAAM,sBAAA,GAAyB,kBAAkB,SAAS,CAAA,CAAA;AAG1C,SAAA,eAAA,CACd,QACA,SACA,EAAA;AACA,EAAO,OAAA,uBAAA;AAAA,IACL,MAAA;AAAA,IACA,WAAA;AAAA,IACA;AAAA,MACE,IAAM,EAAA,sBAAA;AAAA,MACN,WAAa,EAAA,2BAAA;AAAA,MACb,UAAY,EAAA,gDAAA;AAAA,MACZ,UAAY,EAAA,aAAA;AAAA,MACZ,aAAe,EAAA;AAAA,QACb,QAAU,EAAA,MAAA;AAAA,QACV,UAAY,EAAA,MAAA;AAAA,QACZ,YAAc,EAAA,MAAA;AAAA,OAChB;AAAA,MACA,KAAO,EAAA;AAAA,QACL,QAAU,EAAA;AAAA,UACR,IAAM,EAAA,MAAA;AAAA,UACN,eAAiB,EAAA,IAAA;AAAA,UACjB,YAAc,EAAA;AAAA,YACZ,IAAM,EAAA,MAAA;AAAA,YACN,KAAO,EAAA,SAAA;AAAA,WACT;AAAA,SACF;AAAA,QACA,IAAM,EAAA;AAAA,UACJ,IAAM,EAAA,QAAA;AAAA,UACN,YAAc,EAAA,OAAA;AAAA,UACd,QAAQ,MAAM,IAAA;AAAA,SAChB;AAAA,OACF;AAAA,MACA,UAAY,EAAA,IAAA;AAAA,KACd;AAAA,IACA,SAAA;AAAA,GACF,CAAA;AACF;;;;"}
+{"version":3,"file":"registerHeading.esm.js","sources":["../src/registerHeading.tsx"],"sourcesContent":["import React from \"react\";\nimport type { HeadingProps } from \"react-aria-components\";\nimport { Heading } from \"react-aria-components\";\nimport { COMMON_STYLES, createIdProp } from \"./common\";\nimport {\n  CodeComponentMetaOverrides,\n  makeComponentName,\n  Registerable,\n  registerComponentHelper,\n} from \"./utils\";\n\nexport interface BaseHeadingProps extends HeadingProps {}\n\nexport function BaseHeading({ children, ...rest }: BaseHeadingProps) {\n  return (\n    <Heading {...rest} style={COMMON_STYLES}>\n      {children}\n    </Heading>\n  );\n}\n\nconst HEADING_COMPONENT_NAME = makeComponentName(\"heading\");\n\n/** @deprecated Use Plasmic's built-in `Text` component instead */\nexport function registerHeading(\n  loader?: Registerable,\n  overrides?: CodeComponentMetaOverrides<typeof BaseHeading>\n) {\n  return registerComponentHelper(\n    loader,\n    BaseHeading,\n    {\n      name: HEADING_COMPONENT_NAME,\n      displayName: \"Aria Heading (deprecated)\",\n      importPath: \"@plasmicpkgs/react-aria/skinny/registerHeading\",\n      importName: \"BaseHeading\",\n      defaultStyles: {\n        fontSize: \"20px\",\n        fontWeight: \"bold\",\n        marginBottom: \"10px\",\n      },\n      props: {\n        id: createIdProp(\"Heading\"),\n        children: {\n          type: \"slot\",\n          mergeWithParent: true,\n          defaultValue: {\n            type: \"text\",\n            value: \"Heading\",\n          },\n        },\n        slot: {\n          type: \"string\",\n          defaultValue: \"title\",\n          hidden: () => true,\n        },\n      },\n      trapsFocus: true,\n    },\n    overrides\n  );\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaO,SAAS,YAAY,EAAyC,EAAA;AAAzC,EAAA,IAAA,EAAA,GAAA,EAAA,EAAE,EAb9B,QAAA,EAAA,GAa4B,EAAe,EAAA,IAAA,GAAA,SAAA,CAAf,IAAe,CAAb,UAAA,CAAA,CAAA,CAAA;AAC5B,EAAA,2CACG,OAAY,EAAA,aAAA,CAAA,cAAA,CAAA,EAAA,EAAA,IAAA,CAAA,EAAZ,EAAkB,KAAA,EAAO,kBACvB,QACH,CAAA,CAAA;AAEJ,CAAA;AAEA,MAAM,sBAAA,GAAyB,kBAAkB,SAAS,CAAA,CAAA;AAG1C,SAAA,eAAA,CACd,QACA,SACA,EAAA;AACA,EAAO,OAAA,uBAAA;AAAA,IACL,MAAA;AAAA,IACA,WAAA;AAAA,IACA;AAAA,MACE,IAAM,EAAA,sBAAA;AAAA,MACN,WAAa,EAAA,2BAAA;AAAA,MACb,UAAY,EAAA,gDAAA;AAAA,MACZ,UAAY,EAAA,aAAA;AAAA,MACZ,aAAe,EAAA;AAAA,QACb,QAAU,EAAA,MAAA;AAAA,QACV,UAAY,EAAA,MAAA;AAAA,QACZ,YAAc,EAAA,MAAA;AAAA,OAChB;AAAA,MACA,KAAO,EAAA;AAAA,QACL,EAAA,EAAI,aAAa,SAAS,CAAA;AAAA,QAC1B,QAAU,EAAA;AAAA,UACR,IAAM,EAAA,MAAA;AAAA,UACN,eAAiB,EAAA,IAAA;AAAA,UACjB,YAAc,EAAA;AAAA,YACZ,IAAM,EAAA,MAAA;AAAA,YACN,KAAO,EAAA,SAAA;AAAA,WACT;AAAA,SACF;AAAA,QACA,IAAM,EAAA;AAAA,UACJ,IAAM,EAAA,QAAA;AAAA,UACN,YAAc,EAAA,OAAA;AAAA,UACd,QAAQ,MAAM,IAAA;AAAA,SAChB;AAAA,OACF;AAAA,MACA,UAAY,EAAA,IAAA;AAAA,KACd;AAAA,IACA,SAAA;AAAA,GACF,CAAA;AACF;;;;"}

package/skinny/registerInput.cjs.js

@@ -3,9 +3,8 @@
 var React = require('react');
 var reactAria = require('react-aria');
 var reactAriaComponents = require('react-aria-components');
-var common = require('./common-6ffc5113.cjs.js');
+var common = require('./common-7f948fa5.cjs.js');
 var contexts = require('./contexts-6d0cb2b1.cjs.js');
-var utils = require('./utils-88dd1a55.cjs.js');
 var variantUtils = require('./variant-utils-0ad70db8.cjs.js');
 require('@plasmicapp/host');
 require('@plasmicapp/host/registerComponent');
@@ -88,12 +87,12 @@ function BaseInput_(props, ref) {
     autoFocus: inputContextProps.autoFocus
   });
   const mergedProps = reactAria.mergeProps(
-    utils.filterHoverProps(inputContextProps),
+    common.filterHoverProps(inputContextProps),
     focusProps,
     hoverProps,
     {
       style: common.COMMON_STYLES,
-      value: (context == null ? void 0 : context.isUncontrolled) || utils.isDefined(textFieldContext) ? void 0 : value,
+      value: (context == null ? void 0 : context.isUncontrolled) || common.isDefined(textFieldContext) ? void 0 : value,
       autoComplete: common.resolveAutoComplete(autoComplete),
       className
     }
@@ -126,9 +125,9 @@ function BaseInput_(props, ref) {
   );
 }
 const BaseInput = React__default.default.forwardRef(BaseInput_);
-const INPUT_COMPONENT_NAME = utils.makeComponentName("input");
+const INPUT_COMPONENT_NAME = common.makeComponentName("input");
 function registerInput(loader, overrides) {
-  utils.registerComponentHelper(
+  common.registerComponentHelper(
     loader,
     BaseInput,
     {
@@ -144,36 +143,26 @@ function registerInput(loader, overrides) {
         borderColor: "black",
         padding: "4px 10px"
       },
-      props: __spreadValues({}, common.getCommonProps("Input", [
-        "name",
-        "disabled",
-        "readOnly",
-        "autoFocus",
-        "aria-label",
-        "required",
-        "placeholder",
-        "value",
-        "maxLength",
-        "minLength",
-        "pattern",
-        "type",
-        "inputMode",
-        "autoComplete",
-        "onChange",
-        "onFocus",
-        "onBlur",
-        "onKeyDown",
-        "onKeyUp",
-        "onCopy",
-        "onCut",
-        "onPaste",
-        "onCompositionStart",
-        "onCompositionEnd",
-        "onCompositionUpdate",
-        "onSelect",
-        "onBeforeInput",
-        "onInput"
-      ])),
+      props: __spreadValues({
+        // Keep id first in the editor
+        id: common.createIdProp("Input"),
+        // Non-event props (explicit to preserve ordering)
+        name: common.createNameProp(),
+        placeholder: common.createPlaceholderProp(),
+        value: common.createInitialValueProp("Input"),
+        type: common.createInputTypeProp(),
+        autoFocus: common.createAutoFocusProp("Input"),
+        disabled: common.createDisabledProp("Input"),
+        readOnly: common.createReadOnlyProp("Input"),
+        required: common.createRequiredProp("Input"),
+        pattern: common.createPatternProp(),
+        inputMode: common.createInputModeProp(),
+        autoComplete: common.createAutoCompleteProp(),
+        maxLength: common.createMaxLengthProp(),
+        minLength: common.createMinLengthProp(),
+        // Accessibility
+        "aria-label": common.createAriaLabelProp("Input")
+      }, common.commonInputEventHandlerProps()),
       states: {
         value: __spreadValues({
           type: "writable",

package/skinny/registerInput.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"registerInput.cjs.js","sources":["../src/registerInput.tsx"],"sourcesContent":["import React, { ChangeEvent, ForwardedRef, useEffect } from \"react\";\nimport { mergeProps, useFocusRing, useHover } from \"react-aria\";\nimport {\n  InputContext,\n  type InputProps,\n  useContextProps,\n} from \"react-aria-components\";\nimport { COMMON_STYLES, getCommonProps, resolveAutoComplete } from \"./common\";\nimport { PlasmicInputContext, PlasmicTextFieldContext } from \"./contexts\";\nimport {\n  CodeComponentMetaOverrides,\n  filterHoverProps,\n  HasControlContextData,\n  isDefined,\n  makeComponentName,\n  Registerable,\n  registerComponentHelper,\n} from \"./utils\";\nimport { pickAriaComponentVariants, WithVariants } from \"./variant-utils\";\n\nconst INPUT_VARIANTS = [\n  \"focused\" as const,\n  \"focusVisible\" as const,\n  \"hovered\" as const,\n  \"disabled\" as const,\n];\n\nconst { variants } = pickAriaComponentVariants(INPUT_VARIANTS);\n\nexport interface BaseInputProps\n  extends Omit<InputProps, \"autoComplete\" | \"className\">,\n    HasControlContextData,\n    WithVariants<typeof INPUT_VARIANTS> {\n  autoComplete?: string[];\n  isUncontrolled?: boolean;\n  className?: string;\n}\n\nexport const inputHelpers = {\n  states: {\n    value: {\n      onChangeArgsToValue: (e: ChangeEvent<HTMLInputElement>) => {\n        return e.target.value;\n      },\n    },\n  },\n};\n\nfunction BaseInput_(\n  props: BaseInputProps,\n  ref: ForwardedRef<HTMLInputElement>\n) {\n  const {\n    plasmicUpdateVariant,\n    setControlContextData,\n    autoComplete,\n    value,\n    className,\n    ...restProps\n  } = props;\n  const textFieldContext = React.useContext(PlasmicTextFieldContext);\n  const context = React.useContext(PlasmicInputContext);\n  const [inputContextProps, inputRef] = useContextProps(\n    restProps,\n    ref,\n    InputContext\n  );\n\n  const { hoverProps, isHovered } = useHover(props);\n  const { isFocused, isFocusVisible, focusProps } = useFocusRing({\n    isTextInput: true,\n    autoFocus: inputContextProps.autoFocus,\n  });\n\n  const mergedProps = mergeProps(\n    filterHoverProps(inputContextProps),\n    focusProps,\n    hoverProps,\n    {\n      style: COMMON_STYLES,\n      value:\n        context?.isUncontrolled || isDefined(textFieldContext)\n          ? undefined\n          : value,\n      autoComplete: resolveAutoComplete(autoComplete),\n      className,\n    }\n  );\n\n  const isDisabled = mergedProps.disabled || false;\n  const isInvalid =\n    !!mergedProps[\"aria-invalid\"] && mergedProps[\"aria-invalid\"] !== \"false\";\n\n  setControlContextData?.({\n    parent: textFieldContext,\n  });\n\n  useEffect(() => {\n    if (plasmicUpdateVariant) {\n      plasmicUpdateVariant({\n        disabled: isDisabled,\n        focused: isFocused,\n        focusVisible: isFocusVisible,\n        hovered: isHovered,\n      });\n    }\n  }, [isFocused, isFocusVisible, isHovered, isDisabled, plasmicUpdateVariant]);\n\n  return (\n    <input\n      {...mergedProps}\n      ref={inputRef}\n      data-focused={isFocused || undefined}\n      data-disabled={isDisabled || undefined}\n      data-hovered={isHovered || undefined}\n      data-focus-visible={isFocusVisible || undefined}\n      data-invalid={isInvalid || undefined}\n    />\n  );\n}\n\nexport const BaseInput = React.forwardRef(BaseInput_);\n\nexport const INPUT_COMPONENT_NAME = makeComponentName(\"input\");\n\nexport function registerInput(\n  loader?: Registerable,\n  overrides?: CodeComponentMetaOverrides<typeof BaseInput>\n) {\n  registerComponentHelper(\n    loader,\n    BaseInput,\n    {\n      name: INPUT_COMPONENT_NAME,\n      displayName: \"Aria Input\",\n      importPath: \"@plasmicpkgs/react-aria/skinny/registerInput\",\n      importName: \"BaseInput\",\n      variants,\n      defaultStyles: {\n        width: \"300px\",\n        borderWidth: \"1px\",\n        borderStyle: \"solid\",\n        borderColor: \"black\",\n        padding: \"4px 10px\",\n      },\n      props: {\n        ...getCommonProps<BaseInputProps>(\"Input\", [\n          \"name\",\n          \"disabled\",\n          \"readOnly\",\n          \"autoFocus\",\n          \"aria-label\",\n          \"required\",\n          \"placeholder\",\n          \"value\",\n          \"maxLength\",\n          \"minLength\",\n          \"pattern\",\n          \"type\",\n          \"inputMode\",\n          \"autoComplete\",\n          \"onChange\",\n          \"onFocus\",\n          \"onBlur\",\n          \"onKeyDown\",\n          \"onKeyUp\",\n          \"onCopy\",\n          \"onCut\",\n          \"onPaste\",\n          \"onCompositionStart\",\n          \"onCompositionEnd\",\n          \"onCompositionUpdate\",\n          \"onSelect\",\n          \"onBeforeInput\",\n          \"onInput\",\n        ]),\n      },\n      states: {\n        value: {\n          type: \"writable\",\n          valueProp: \"value\",\n          onChangeProp: \"onChange\",\n          variableType: \"text\",\n          ...inputHelpers.states.value,\n        },\n      },\n\n      componentHelpers: {\n        helpers: inputHelpers,\n        importName: \"inputHelpers\",\n        importPath: \"@plasmicpkgs/react-aria/skinny/registerInput\",\n      },\n    },\n    overrides\n  );\n}\n"],"names":["pickAriaComponentVariants","React","PlasmicTextFieldContext","PlasmicInputContext","useContextProps","InputContext","useHover","useFocusRing","mergeProps","filterHoverProps","COMMON_STYLES","isDefined","resolveAutoComplete","useEffect","makeComponentName","registerComponentHelper","getCommonProps"],"mappings":"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"}
+{"version":3,"file":"registerInput.cjs.js","sources":["../src/registerInput.tsx"],"sourcesContent":["import React, { ChangeEvent, ForwardedRef, useEffect } from \"react\";\nimport { mergeProps, useFocusRing, useHover } from \"react-aria\";\nimport {\n  InputContext,\n  type InputProps,\n  useContextProps,\n} from \"react-aria-components\";\nimport {\n  COMMON_STYLES,\n  createIdProp,\n  createPlaceholderProp,\n  resolveAutoComplete,\n  commonInputEventHandlerProps,\n  createDisabledProp,\n  createReadOnlyProp,\n  createRequiredProp,\n  createPatternProp,\n  createInputTypeProp,\n  createAutoCompleteProp,\n  createNameProp,\n  createAutoFocusProp,\n  createInitialValueProp,\n  createMaxLengthProp,\n  createMinLengthProp,\n  createInputModeProp,\n  createAriaLabelProp,\n} from \"./common\";\nimport { PlasmicInputContext, PlasmicTextFieldContext } from \"./contexts\";\nimport {\n  CodeComponentMetaOverrides,\n  filterHoverProps,\n  HasControlContextData,\n  isDefined,\n  makeComponentName,\n  Registerable,\n  registerComponentHelper,\n} from \"./utils\";\nimport { pickAriaComponentVariants, WithVariants } from \"./variant-utils\";\n\nconst INPUT_VARIANTS = [\n  \"focused\" as const,\n  \"focusVisible\" as const,\n  \"hovered\" as const,\n  \"disabled\" as const,\n];\n\nconst { variants } = pickAriaComponentVariants(INPUT_VARIANTS);\n\nexport interface BaseInputProps\n  extends Omit<InputProps, \"autoComplete\" | \"className\">,\n    HasControlContextData,\n    WithVariants<typeof INPUT_VARIANTS> {\n  autoComplete?: string[];\n  isUncontrolled?: boolean;\n  className?: string;\n}\n\nexport const inputHelpers = {\n  states: {\n    value: {\n      onChangeArgsToValue: (e: ChangeEvent<HTMLInputElement>) => {\n        return e.target.value;\n      },\n    },\n  },\n};\n\nfunction BaseInput_(\n  props: BaseInputProps,\n  ref: ForwardedRef<HTMLInputElement>\n) {\n  const {\n    plasmicUpdateVariant,\n    setControlContextData,\n    autoComplete,\n    value,\n    className,\n    ...restProps\n  } = props;\n  const textFieldContext = React.useContext(PlasmicTextFieldContext);\n  const context = React.useContext(PlasmicInputContext);\n  const [inputContextProps, inputRef] = useContextProps(\n    restProps,\n    ref,\n    InputContext\n  );\n\n  const { hoverProps, isHovered } = useHover(props);\n  const { isFocused, isFocusVisible, focusProps } = useFocusRing({\n    isTextInput: true,\n    autoFocus: inputContextProps.autoFocus,\n  });\n\n  const mergedProps = mergeProps(\n    filterHoverProps(inputContextProps),\n    focusProps,\n    hoverProps,\n    {\n      style: COMMON_STYLES,\n      value:\n        context?.isUncontrolled || isDefined(textFieldContext)\n          ? undefined\n          : value,\n      autoComplete: resolveAutoComplete(autoComplete),\n      className,\n    }\n  );\n\n  const isDisabled = mergedProps.disabled || false;\n  const isInvalid =\n    !!mergedProps[\"aria-invalid\"] && mergedProps[\"aria-invalid\"] !== \"false\";\n\n  setControlContextData?.({\n    parent: textFieldContext,\n  });\n\n  useEffect(() => {\n    if (plasmicUpdateVariant) {\n      plasmicUpdateVariant({\n        disabled: isDisabled,\n        focused: isFocused,\n        focusVisible: isFocusVisible,\n        hovered: isHovered,\n      });\n    }\n  }, [isFocused, isFocusVisible, isHovered, isDisabled, plasmicUpdateVariant]);\n\n  return (\n    <input\n      {...mergedProps}\n      ref={inputRef}\n      data-focused={isFocused || undefined}\n      data-disabled={isDisabled || undefined}\n      data-hovered={isHovered || undefined}\n      data-focus-visible={isFocusVisible || undefined}\n      data-invalid={isInvalid || undefined}\n    />\n  );\n}\n\nexport const BaseInput = React.forwardRef(BaseInput_);\n\nexport const INPUT_COMPONENT_NAME = makeComponentName(\"input\");\n\nexport function registerInput(\n  loader?: Registerable,\n  overrides?: CodeComponentMetaOverrides<typeof BaseInput>\n) {\n  registerComponentHelper(\n    loader,\n    BaseInput,\n    {\n      name: INPUT_COMPONENT_NAME,\n      displayName: \"Aria Input\",\n      importPath: \"@plasmicpkgs/react-aria/skinny/registerInput\",\n      importName: \"BaseInput\",\n      variants,\n      defaultStyles: {\n        width: \"300px\",\n        borderWidth: \"1px\",\n        borderStyle: \"solid\",\n        borderColor: \"black\",\n        padding: \"4px 10px\",\n      },\n      props: {\n        // Keep id first in the editor\n        id: createIdProp(\"Input\"),\n\n        // Non-event props (explicit to preserve ordering)\n        name: createNameProp(),\n        placeholder: createPlaceholderProp(),\n        value: createInitialValueProp(\"Input\"),\n        type: createInputTypeProp(),\n        autoFocus: createAutoFocusProp(\"Input\"),\n        disabled: createDisabledProp(\"Input\"),\n        readOnly: createReadOnlyProp(\"Input\"),\n        required: createRequiredProp(\"Input\"),\n        pattern: createPatternProp(),\n        inputMode: createInputModeProp(),\n        autoComplete: createAutoCompleteProp(),\n        maxLength: createMaxLengthProp(),\n        minLength: createMinLengthProp(),\n\n        // Accessibility\n        \"aria-label\": createAriaLabelProp(\"Input\"),\n\n        // Event handlers appended last to avoid disrupting ordering above\n        ...commonInputEventHandlerProps<BaseInputProps>(),\n      },\n      states: {\n        value: {\n          type: \"writable\",\n          valueProp: \"value\",\n          onChangeProp: \"onChange\",\n          variableType: \"text\",\n          ...inputHelpers.states.value,\n        },\n      },\n\n      componentHelpers: {\n        helpers: inputHelpers,\n        importName: \"inputHelpers\",\n        importPath: \"@plasmicpkgs/react-aria/skinny/registerInput\",\n      },\n    },\n    overrides\n  );\n}\n"],"names":["pickAriaComponentVariants","React","PlasmicTextFieldContext","PlasmicInputContext","useContextProps","InputContext","useHover","useFocusRing","mergeProps","filterHoverProps","COMMON_STYLES","isDefined","resolveAutoComplete","useEffect","makeComponentName","registerComponentHelper","createIdProp","createNameProp","createPlaceholderProp","createInitialValueProp","createInputTypeProp","createAutoFocusProp","createDisabledProp","createReadOnlyProp","createRequiredProp","createPatternProp","createInputModeProp","createAutoCompleteProp","createMaxLengthProp","createMinLengthProp","createAriaLabelProp","commonInputEventHandlerProps"],"mappings":"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"}

package/skinny/registerInput.esm.js

@@ -1,9 +1,8 @@
 import React, { useEffect } from 'react';
 import { useHover, useFocusRing, mergeProps } from 'react-aria';
 import { useContextProps, InputContext } from 'react-aria-components';
-import { C as COMMON_STYLES, r as resolveAutoComplete, g as getCommonProps } from './common-3fde23cc.esm.js';
+import { q as filterHoverProps, C as COMMON_STYLES, p as isDefined, z as resolveAutoComplete, m as makeComponentName, r as registerComponentHelper, s as commonInputEventHandlerProps, c as createIdProp, a as createNameProp, t as createPlaceholderProp, v as createInitialValueProp, A as createInputTypeProp, g as createAutoFocusProp, b as createDisabledProp, d as createReadOnlyProp, e as createRequiredProp, D as createPatternProp, y as createInputModeProp, B as createAutoCompleteProp, w as createMaxLengthProp, x as createMinLengthProp, f as createAriaLabelProp } from './common-81f08e86.esm.js';
 import { g as PlasmicTextFieldContext, c as PlasmicInputContext } from './contexts-5cb81c2f.esm.js';
-import { f as filterHoverProps, i as isDefined, m as makeComponentName, r as registerComponentHelper } from './utils-b68e14cf.esm.js';
 import { p as pickAriaComponentVariants } from './variant-utils-4405ebb0.esm.js';
 import '@plasmicapp/host';
 import '@plasmicapp/host/registerComponent';
@@ -138,36 +137,26 @@ function registerInput(loader, overrides) {
         borderColor: "black",
         padding: "4px 10px"
       },
-      props: __spreadValues({}, getCommonProps("Input", [
-        "name",
-        "disabled",
-        "readOnly",
-        "autoFocus",
-        "aria-label",
-        "required",
-        "placeholder",
-        "value",
-        "maxLength",
-        "minLength",
-        "pattern",
-        "type",
-        "inputMode",
-        "autoComplete",
-        "onChange",
-        "onFocus",
-        "onBlur",
-        "onKeyDown",
-        "onKeyUp",
-        "onCopy",
-        "onCut",
-        "onPaste",
-        "onCompositionStart",
-        "onCompositionEnd",
-        "onCompositionUpdate",
-        "onSelect",
-        "onBeforeInput",
-        "onInput"
-      ])),
+      props: __spreadValues({
+        // Keep id first in the editor
+        id: createIdProp("Input"),
+        // Non-event props (explicit to preserve ordering)
+        name: createNameProp(),
+        placeholder: createPlaceholderProp(),
+        value: createInitialValueProp("Input"),
+        type: createInputTypeProp(),
+        autoFocus: createAutoFocusProp("Input"),
+        disabled: createDisabledProp("Input"),
+        readOnly: createReadOnlyProp("Input"),
+        required: createRequiredProp("Input"),
+        pattern: createPatternProp(),
+        inputMode: createInputModeProp(),
+        autoComplete: createAutoCompleteProp(),
+        maxLength: createMaxLengthProp(),
+        minLength: createMinLengthProp(),
+        // Accessibility
+        "aria-label": createAriaLabelProp("Input")
+      }, commonInputEventHandlerProps()),
       states: {
         value: __spreadValues({
           type: "writable",

package/skinny/registerInput.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"registerInput.esm.js","sources":["../src/registerInput.tsx"],"sourcesContent":["import React, { ChangeEvent, ForwardedRef, useEffect } from \"react\";\nimport { mergeProps, useFocusRing, useHover } from \"react-aria\";\nimport {\n  InputContext,\n  type InputProps,\n  useContextProps,\n} from \"react-aria-components\";\nimport { COMMON_STYLES, getCommonProps, resolveAutoComplete } from \"./common\";\nimport { PlasmicInputContext, PlasmicTextFieldContext } from \"./contexts\";\nimport {\n  CodeComponentMetaOverrides,\n  filterHoverProps,\n  HasControlContextData,\n  isDefined,\n  makeComponentName,\n  Registerable,\n  registerComponentHelper,\n} from \"./utils\";\nimport { pickAriaComponentVariants, WithVariants } from \"./variant-utils\";\n\nconst INPUT_VARIANTS = [\n  \"focused\" as const,\n  \"focusVisible\" as const,\n  \"hovered\" as const,\n  \"disabled\" as const,\n];\n\nconst { variants } = pickAriaComponentVariants(INPUT_VARIANTS);\n\nexport interface BaseInputProps\n  extends Omit<InputProps, \"autoComplete\" | \"className\">,\n    HasControlContextData,\n    WithVariants<typeof INPUT_VARIANTS> {\n  autoComplete?: string[];\n  isUncontrolled?: boolean;\n  className?: string;\n}\n\nexport const inputHelpers = {\n  states: {\n    value: {\n      onChangeArgsToValue: (e: ChangeEvent<HTMLInputElement>) => {\n        return e.target.value;\n      },\n    },\n  },\n};\n\nfunction BaseInput_(\n  props: BaseInputProps,\n  ref: ForwardedRef<HTMLInputElement>\n) {\n  const {\n    plasmicUpdateVariant,\n    setControlContextData,\n    autoComplete,\n    value,\n    className,\n    ...restProps\n  } = props;\n  const textFieldContext = React.useContext(PlasmicTextFieldContext);\n  const context = React.useContext(PlasmicInputContext);\n  const [inputContextProps, inputRef] = useContextProps(\n    restProps,\n    ref,\n    InputContext\n  );\n\n  const { hoverProps, isHovered } = useHover(props);\n  const { isFocused, isFocusVisible, focusProps } = useFocusRing({\n    isTextInput: true,\n    autoFocus: inputContextProps.autoFocus,\n  });\n\n  const mergedProps = mergeProps(\n    filterHoverProps(inputContextProps),\n    focusProps,\n    hoverProps,\n    {\n      style: COMMON_STYLES,\n      value:\n        context?.isUncontrolled || isDefined(textFieldContext)\n          ? undefined\n          : value,\n      autoComplete: resolveAutoComplete(autoComplete),\n      className,\n    }\n  );\n\n  const isDisabled = mergedProps.disabled || false;\n  const isInvalid =\n    !!mergedProps[\"aria-invalid\"] && mergedProps[\"aria-invalid\"] !== \"false\";\n\n  setControlContextData?.({\n    parent: textFieldContext,\n  });\n\n  useEffect(() => {\n    if (plasmicUpdateVariant) {\n      plasmicUpdateVariant({\n        disabled: isDisabled,\n        focused: isFocused,\n        focusVisible: isFocusVisible,\n        hovered: isHovered,\n      });\n    }\n  }, [isFocused, isFocusVisible, isHovered, isDisabled, plasmicUpdateVariant]);\n\n  return (\n    <input\n      {...mergedProps}\n      ref={inputRef}\n      data-focused={isFocused || undefined}\n      data-disabled={isDisabled || undefined}\n      data-hovered={isHovered || undefined}\n      data-focus-visible={isFocusVisible || undefined}\n      data-invalid={isInvalid || undefined}\n    />\n  );\n}\n\nexport const BaseInput = React.forwardRef(BaseInput_);\n\nexport const INPUT_COMPONENT_NAME = makeComponentName(\"input\");\n\nexport function registerInput(\n  loader?: Registerable,\n  overrides?: CodeComponentMetaOverrides<typeof BaseInput>\n) {\n  registerComponentHelper(\n    loader,\n    BaseInput,\n    {\n      name: INPUT_COMPONENT_NAME,\n      displayName: \"Aria Input\",\n      importPath: \"@plasmicpkgs/react-aria/skinny/registerInput\",\n      importName: \"BaseInput\",\n      variants,\n      defaultStyles: {\n        width: \"300px\",\n        borderWidth: \"1px\",\n        borderStyle: \"solid\",\n        borderColor: \"black\",\n        padding: \"4px 10px\",\n      },\n      props: {\n        ...getCommonProps<BaseInputProps>(\"Input\", [\n          \"name\",\n          \"disabled\",\n          \"readOnly\",\n          \"autoFocus\",\n          \"aria-label\",\n          \"required\",\n          \"placeholder\",\n          \"value\",\n          \"maxLength\",\n          \"minLength\",\n          \"pattern\",\n          \"type\",\n          \"inputMode\",\n          \"autoComplete\",\n          \"onChange\",\n          \"onFocus\",\n          \"onBlur\",\n          \"onKeyDown\",\n          \"onKeyUp\",\n          \"onCopy\",\n          \"onCut\",\n          \"onPaste\",\n          \"onCompositionStart\",\n          \"onCompositionEnd\",\n          \"onCompositionUpdate\",\n          \"onSelect\",\n          \"onBeforeInput\",\n          \"onInput\",\n        ]),\n      },\n      states: {\n        value: {\n          type: \"writable\",\n          valueProp: \"value\",\n          onChangeProp: \"onChange\",\n          variableType: \"text\",\n          ...inputHelpers.states.value,\n        },\n      },\n\n      componentHelpers: {\n        helpers: inputHelpers,\n        importName: \"inputHelpers\",\n        importPath: \"@plasmicpkgs/react-aria/skinny/registerInput\",\n      },\n    },\n    overrides\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"registerInput.esm.js","sources":["../src/registerInput.tsx"],"sourcesContent":["import React, { ChangeEvent, ForwardedRef, useEffect } from \"react\";\nimport { mergeProps, useFocusRing, useHover } from \"react-aria\";\nimport {\n  InputContext,\n  type InputProps,\n  useContextProps,\n} from \"react-aria-components\";\nimport {\n  COMMON_STYLES,\n  createIdProp,\n  createPlaceholderProp,\n  resolveAutoComplete,\n  commonInputEventHandlerProps,\n  createDisabledProp,\n  createReadOnlyProp,\n  createRequiredProp,\n  createPatternProp,\n  createInputTypeProp,\n  createAutoCompleteProp,\n  createNameProp,\n  createAutoFocusProp,\n  createInitialValueProp,\n  createMaxLengthProp,\n  createMinLengthProp,\n  createInputModeProp,\n  createAriaLabelProp,\n} from \"./common\";\nimport { PlasmicInputContext, PlasmicTextFieldContext } from \"./contexts\";\nimport {\n  CodeComponentMetaOverrides,\n  filterHoverProps,\n  HasControlContextData,\n  isDefined,\n  makeComponentName,\n  Registerable,\n  registerComponentHelper,\n} from \"./utils\";\nimport { pickAriaComponentVariants, WithVariants } from \"./variant-utils\";\n\nconst INPUT_VARIANTS = [\n  \"focused\" as const,\n  \"focusVisible\" as const,\n  \"hovered\" as const,\n  \"disabled\" as const,\n];\n\nconst { variants } = pickAriaComponentVariants(INPUT_VARIANTS);\n\nexport interface BaseInputProps\n  extends Omit<InputProps, \"autoComplete\" | \"className\">,\n    HasControlContextData,\n    WithVariants<typeof INPUT_VARIANTS> {\n  autoComplete?: string[];\n  isUncontrolled?: boolean;\n  className?: string;\n}\n\nexport const inputHelpers = {\n  states: {\n    value: {\n      onChangeArgsToValue: (e: ChangeEvent<HTMLInputElement>) => {\n        return e.target.value;\n      },\n    },\n  },\n};\n\nfunction BaseInput_(\n  props: BaseInputProps,\n  ref: ForwardedRef<HTMLInputElement>\n) {\n  const {\n    plasmicUpdateVariant,\n    setControlContextData,\n    autoComplete,\n    value,\n    className,\n    ...restProps\n  } = props;\n  const textFieldContext = React.useContext(PlasmicTextFieldContext);\n  const context = React.useContext(PlasmicInputContext);\n  const [inputContextProps, inputRef] = useContextProps(\n    restProps,\n    ref,\n    InputContext\n  );\n\n  const { hoverProps, isHovered } = useHover(props);\n  const { isFocused, isFocusVisible, focusProps } = useFocusRing({\n    isTextInput: true,\n    autoFocus: inputContextProps.autoFocus,\n  });\n\n  const mergedProps = mergeProps(\n    filterHoverProps(inputContextProps),\n    focusProps,\n    hoverProps,\n    {\n      style: COMMON_STYLES,\n      value:\n        context?.isUncontrolled || isDefined(textFieldContext)\n          ? undefined\n          : value,\n      autoComplete: resolveAutoComplete(autoComplete),\n      className,\n    }\n  );\n\n  const isDisabled = mergedProps.disabled || false;\n  const isInvalid =\n    !!mergedProps[\"aria-invalid\"] && mergedProps[\"aria-invalid\"] !== \"false\";\n\n  setControlContextData?.({\n    parent: textFieldContext,\n  });\n\n  useEffect(() => {\n    if (plasmicUpdateVariant) {\n      plasmicUpdateVariant({\n        disabled: isDisabled,\n        focused: isFocused,\n        focusVisible: isFocusVisible,\n        hovered: isHovered,\n      });\n    }\n  }, [isFocused, isFocusVisible, isHovered, isDisabled, plasmicUpdateVariant]);\n\n  return (\n    <input\n      {...mergedProps}\n      ref={inputRef}\n      data-focused={isFocused || undefined}\n      data-disabled={isDisabled || undefined}\n      data-hovered={isHovered || undefined}\n      data-focus-visible={isFocusVisible || undefined}\n      data-invalid={isInvalid || undefined}\n    />\n  );\n}\n\nexport const BaseInput = React.forwardRef(BaseInput_);\n\nexport const INPUT_COMPONENT_NAME = makeComponentName(\"input\");\n\nexport function registerInput(\n  loader?: Registerable,\n  overrides?: CodeComponentMetaOverrides<typeof BaseInput>\n) {\n  registerComponentHelper(\n    loader,\n    BaseInput,\n    {\n      name: INPUT_COMPONENT_NAME,\n      displayName: \"Aria Input\",\n      importPath: \"@plasmicpkgs/react-aria/skinny/registerInput\",\n      importName: \"BaseInput\",\n      variants,\n      defaultStyles: {\n        width: \"300px\",\n        borderWidth: \"1px\",\n        borderStyle: \"solid\",\n        borderColor: \"black\",\n        padding: \"4px 10px\",\n      },\n      props: {\n        // Keep id first in the editor\n        id: createIdProp(\"Input\"),\n\n        // Non-event props (explicit to preserve ordering)\n        name: createNameProp(),\n        placeholder: createPlaceholderProp(),\n        value: createInitialValueProp(\"Input\"),\n        type: createInputTypeProp(),\n        autoFocus: createAutoFocusProp(\"Input\"),\n        disabled: createDisabledProp(\"Input\"),\n        readOnly: createReadOnlyProp(\"Input\"),\n        required: createRequiredProp(\"Input\"),\n        pattern: createPatternProp(),\n        inputMode: createInputModeProp(),\n        autoComplete: createAutoCompleteProp(),\n        maxLength: createMaxLengthProp(),\n        minLength: createMinLengthProp(),\n\n        // Accessibility\n        \"aria-label\": createAriaLabelProp(\"Input\"),\n\n        // Event handlers appended last to avoid disrupting ordering above\n        ...commonInputEventHandlerProps<BaseInputProps>(),\n      },\n      states: {\n        value: {\n          type: \"writable\",\n          valueProp: \"value\",\n          onChangeProp: \"onChange\",\n          variableType: \"text\",\n          ...inputHelpers.states.value,\n        },\n      },\n\n      componentHelpers: {\n        helpers: inputHelpers,\n        importName: \"inputHelpers\",\n        importPath: \"@plasmicpkgs/react-aria/skinny/registerInput\",\n      },\n    },\n    overrides\n  );\n}\n"],"names":[],"mappings":"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"}

package/skinny/registerLabel.cjs.js

@@ -2,8 +2,7 @@
 
 var React = require('react');
 var reactAriaComponents = require('react-aria-components');
-var common = require('./common-6ffc5113.cjs.js');
-var utils = require('./utils-88dd1a55.cjs.js');
+var common = require('./common-7f948fa5.cjs.js');
 require('@plasmicapp/host');
 require('@plasmicapp/host/registerComponent');
 
@@ -43,19 +42,22 @@ var __objRest = (source, exclude) => {
   return target;
 };
 function BaseLabel(_a) {
-  var _b = _a, { children, className } = _b, rest = __objRest(_b, ["children", "className"]);
+  var _b = _a, { children, className, id, "aria-label": ariaLabel } = _b, rest = __objRest(_b, ["children", "className", "id", "aria-label"]);
+  const dataProps = common.extractPlasmicDataProps(rest);
   return /* @__PURE__ */ React__default.default.createElement(
     reactAriaComponents.Label,
-    __spreadProps(__spreadValues({}, utils.extractPlasmicDataProps(rest)), {
+    __spreadProps(__spreadValues({}, dataProps), {
+      id,
       className,
-      style: common.COMMON_STYLES
+      style: common.COMMON_STYLES,
+      "aria-label": ariaLabel
     }),
     children
   );
 }
-const LABEL_COMPONENT_NAME = utils.makeComponentName("label");
+const LABEL_COMPONENT_NAME = common.makeComponentName("label");
 function registerLabel(loader, overrides) {
-  utils.registerComponentHelper(
+  common.registerComponentHelper(
     loader,
     BaseLabel,
     {
@@ -67,6 +69,8 @@ function registerLabel(loader, overrides) {
         cursor: "pointer"
       },
       props: {
+        id: common.createIdProp("Label"),
+        "aria-label": common.createAriaLabelProp("Label"),
         children: {
           type: "slot",
           mergeWithParent: true,

package/skinny/registerLabel.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"registerLabel.cjs.js","sources":["../src/registerLabel.tsx"],"sourcesContent":["import React from \"react\";\nimport { Label, LabelProps } from \"react-aria-components\";\nimport { COMMON_STYLES } from \"./common\";\nimport {\n  CodeComponentMetaOverrides,\n  extractPlasmicDataProps,\n  makeComponentName,\n  Registerable,\n  registerComponentHelper,\n} from \"./utils\";\n\nexport function BaseLabel({ children, className, ...rest }: LabelProps) {\n  return (\n    <Label\n      {...extractPlasmicDataProps(rest)}\n      className={className}\n      style={COMMON_STYLES}\n    >\n      {children}\n    </Label>\n  );\n}\nexport const LABEL_COMPONENT_NAME = makeComponentName(\"label\");\n\nexport function registerLabel(\n  loader?: Registerable,\n  overrides?: CodeComponentMetaOverrides<typeof BaseLabel>\n) {\n  registerComponentHelper(\n    loader,\n    BaseLabel,\n    {\n      name: LABEL_COMPONENT_NAME,\n      displayName: \"Aria Label\",\n      importPath: \"@plasmicpkgs/react-aria/skinny/registerLabel\",\n      importName: \"BaseLabel\",\n      defaultStyles: {\n        cursor: \"pointer\",\n      },\n      props: {\n        children: {\n          type: \"slot\",\n          mergeWithParent: true,\n          defaultValue: {\n            type: \"text\",\n            value: \"Label\",\n          },\n        },\n      },\n      trapsFocus: true,\n    },\n    overrides\n  );\n}\n"],"names":["React","Label","extractPlasmicDataProps","COMMON_STYLES","makeComponentName","registerComponentHelper"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWO,SAAS,UAAU,EAA8C,EAAA;AAA9C,EAAA,IAAA,EAAA,GAAA,EAAA,EAAE,YAAU,SAXtC,EAAA,GAW0B,IAA0B,IAA1B,GAAA,SAAA,CAAA,EAAA,EAA0B,CAAxB,UAAU,EAAA,WAAA,CAAA,CAAA,CAAA;AACpC,EACE,uBAAAA,sBAAA,CAAA,aAAA;AAAA,IAACC,yBAAA;AAAA,IACK,aAAA,CAAA,cAAA,CAAA,EAAA,EAAAC,6BAAA,CAAwB,IAAI,CADjC,CAAA,EAAA;AAAA,MAEC,SAAA;AAAA,MACA,KAAO,EAAAC,oBAAA;AAAA,KAAA,CAAA;AAAA,IAEN,QAAA;AAAA,GACH,CAAA;AAEJ,CAAA;AACa,MAAA,oBAAA,GAAuBC,wBAAkB,OAAO,EAAA;AAE7C,SAAA,aAAA,CACd,QACA,SACA,EAAA;AACA,EAAAC,6BAAA;AAAA,IACE,MAAA;AAAA,IACA,SAAA;AAAA,IACA;AAAA,MACE,IAAM,EAAA,oBAAA;AAAA,MACN,WAAa,EAAA,YAAA;AAAA,MACb,UAAY,EAAA,8CAAA;AAAA,MACZ,UAAY,EAAA,WAAA;AAAA,MACZ,aAAe,EAAA;AAAA,QACb,MAAQ,EAAA,SAAA;AAAA,OACV;AAAA,MACA,KAAO,EAAA;AAAA,QACL,QAAU,EAAA;AAAA,UACR,IAAM,EAAA,MAAA;AAAA,UACN,eAAiB,EAAA,IAAA;AAAA,UACjB,YAAc,EAAA;AAAA,YACZ,IAAM,EAAA,MAAA;AAAA,YACN,KAAO,EAAA,OAAA;AAAA,WACT;AAAA,SACF;AAAA,OACF;AAAA,MACA,UAAY,EAAA,IAAA;AAAA,KACd;AAAA,IACA,SAAA;AAAA,GACF,CAAA;AACF;;;;;;"}
+{"version":3,"file":"registerLabel.cjs.js","sources":["../src/registerLabel.tsx"],"sourcesContent":["import React from \"react\";\nimport { Label, LabelProps } from \"react-aria-components\";\nimport { COMMON_STYLES, createAriaLabelProp, createIdProp } from \"./common\";\nimport {\n  CodeComponentMetaOverrides,\n  extractPlasmicDataProps,\n  makeComponentName,\n  Registerable,\n  registerComponentHelper,\n} from \"./utils\";\n\nexport interface BaseLabelProps extends LabelProps {\n}\n\nexport function BaseLabel({ children, className, id, \"aria-label\": ariaLabel, ...rest }: BaseLabelProps) {\n  const dataProps = extractPlasmicDataProps(rest);\n  return (\n    <Label\n      {...dataProps}\n      id={id}\n      className={className}\n      style={COMMON_STYLES}\n      aria-label={ariaLabel}>\n      {children}\n    </Label>\n  );\n}\nexport const LABEL_COMPONENT_NAME = makeComponentName(\"label\");\n\nexport function registerLabel(\n  loader?: Registerable,\n  overrides?: CodeComponentMetaOverrides<typeof BaseLabel>\n) {\n  registerComponentHelper(\n    loader,\n    BaseLabel,\n    {\n      name: LABEL_COMPONENT_NAME,\n      displayName: \"Aria Label\",\n      importPath: \"@plasmicpkgs/react-aria/skinny/registerLabel\",\n      importName: \"BaseLabel\",\n      defaultStyles: {\n        cursor: \"pointer\",\n      },\n      props: {\n        id: createIdProp(\"Label\"),\n        \"aria-label\": createAriaLabelProp(\"Label\"),\n        children: {\n          type: \"slot\",\n          mergeWithParent: true,\n          defaultValue: {\n            type: \"text\",\n            value: \"Label\",\n          },\n        },\n      },\n      trapsFocus: true,\n    },\n    overrides\n  );\n}\n"],"names":["extractPlasmicDataProps","React","Label","COMMON_STYLES","makeComponentName","registerComponentHelper","createIdProp","createAriaLabelProp"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAcO,SAAS,UAAU,EAA+E,EAAA;AAA/E,EAAA,IAAA,EAAA,GAAA,EAAA,EAAE,EAAU,QAAA,EAAA,SAAA,EAAW,EAAI,EAAA,YAAA,EAAc,SAdnE,EAAA,GAc0B,EAAuD,EAAA,IAAA,GAAA,SAAA,CAAvD,EAAuD,EAAA,CAArD,UAAU,EAAA,WAAA,EAAW,IAAI,EAAA,YAAA,CAAA,CAAA,CAAA;AACnD,EAAM,MAAA,SAAA,GAAYA,+BAAwB,IAAI,CAAA,CAAA;AAC9C,EACE,uBAAAC,sBAAA,CAAA,aAAA;AAAA,IAACC,yBAAA;AAAA,IAAA,aAAA,CAAA,cAAA,CAAA,EAAA,EACK,SADL,CAAA,EAAA;AAAA,MAEC,EAAA;AAAA,MACA,SAAA;AAAA,MACA,KAAO,EAAAC,oBAAA;AAAA,MACP,YAAY,EAAA,SAAA;AAAA,KAAA,CAAA;AAAA,IACX,QAAA;AAAA,GACH,CAAA;AAEJ,CAAA;AACa,MAAA,oBAAA,GAAuBC,yBAAkB,OAAO,EAAA;AAE7C,SAAA,aAAA,CACd,QACA,SACA,EAAA;AACA,EAAAC,8BAAA;AAAA,IACE,MAAA;AAAA,IACA,SAAA;AAAA,IACA;AAAA,MACE,IAAM,EAAA,oBAAA;AAAA,MACN,WAAa,EAAA,YAAA;AAAA,MACb,UAAY,EAAA,8CAAA;AAAA,MACZ,UAAY,EAAA,WAAA;AAAA,MACZ,aAAe,EAAA;AAAA,QACb,MAAQ,EAAA,SAAA;AAAA,OACV;AAAA,MACA,KAAO,EAAA;AAAA,QACL,EAAA,EAAIC,oBAAa,OAAO,CAAA;AAAA,QACxB,YAAA,EAAcC,2BAAoB,OAAO,CAAA;AAAA,QACzC,QAAU,EAAA;AAAA,UACR,IAAM,EAAA,MAAA;AAAA,UACN,eAAiB,EAAA,IAAA;AAAA,UACjB,YAAc,EAAA;AAAA,YACZ,IAAM,EAAA,MAAA;AAAA,YACN,KAAO,EAAA,OAAA;AAAA,WACT;AAAA,SACF;AAAA,OACF;AAAA,MACA,UAAY,EAAA,IAAA;AAAA,KACd;AAAA,IACA,SAAA;AAAA,GACF,CAAA;AACF;;;;;;"}

package/skinny/registerLabel.d.ts

@@ -1,6 +1,8 @@
 import React from "react";
 import { LabelProps } from "react-aria-components";
 import { CodeComponentMetaOverrides, Registerable } from "./utils";
-export declare function BaseLabel({ children, className, ...rest }: LabelProps): React.JSX.Element;
+export interface BaseLabelProps extends LabelProps {
+}
+export declare function BaseLabel({ children, className, id, "aria-label": ariaLabel, ...rest }: BaseLabelProps): React.JSX.Element;
 export declare const LABEL_COMPONENT_NAME: string;
 export declare function registerLabel(loader?: Registerable, overrides?: CodeComponentMetaOverrides<typeof BaseLabel>): void;

package/skinny/registerLabel.esm.js

@@ -1,7 +1,6 @@
 import React from 'react';
 import { Label } from 'react-aria-components';
-import { C as COMMON_STYLES } from './common-3fde23cc.esm.js';
-import { e as extractPlasmicDataProps, m as makeComponentName, r as registerComponentHelper } from './utils-b68e14cf.esm.js';
+import { l as extractPlasmicDataProps, m as makeComponentName, r as registerComponentHelper, C as COMMON_STYLES, c as createIdProp, f as createAriaLabelProp } from './common-81f08e86.esm.js';
 import '@plasmicapp/host';
 import '@plasmicapp/host/registerComponent';
 
@@ -37,12 +36,15 @@ var __objRest = (source, exclude) => {
   return target;
 };
 function BaseLabel(_a) {
-  var _b = _a, { children, className } = _b, rest = __objRest(_b, ["children", "className"]);
+  var _b = _a, { children, className, id, "aria-label": ariaLabel } = _b, rest = __objRest(_b, ["children", "className", "id", "aria-label"]);
+  const dataProps = extractPlasmicDataProps(rest);
   return /* @__PURE__ */ React.createElement(
     Label,
-    __spreadProps(__spreadValues({}, extractPlasmicDataProps(rest)), {
+    __spreadProps(__spreadValues({}, dataProps), {
+      id,
       className,
-      style: COMMON_STYLES
+      style: COMMON_STYLES,
+      "aria-label": ariaLabel
     }),
     children
   );
@@ -61,6 +63,8 @@ function registerLabel(loader, overrides) {
         cursor: "pointer"
       },
       props: {
+        id: createIdProp("Label"),
+        "aria-label": createAriaLabelProp("Label"),
         children: {
           type: "slot",
           mergeWithParent: true,

package/skinny/registerLabel.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"registerLabel.esm.js","sources":["../src/registerLabel.tsx"],"sourcesContent":["import React from \"react\";\nimport { Label, LabelProps } from \"react-aria-components\";\nimport { COMMON_STYLES } from \"./common\";\nimport {\n  CodeComponentMetaOverrides,\n  extractPlasmicDataProps,\n  makeComponentName,\n  Registerable,\n  registerComponentHelper,\n} from \"./utils\";\n\nexport function BaseLabel({ children, className, ...rest }: LabelProps) {\n  return (\n    <Label\n      {...extractPlasmicDataProps(rest)}\n      className={className}\n      style={COMMON_STYLES}\n    >\n      {children}\n    </Label>\n  );\n}\nexport const LABEL_COMPONENT_NAME = makeComponentName(\"label\");\n\nexport function registerLabel(\n  loader?: Registerable,\n  overrides?: CodeComponentMetaOverrides<typeof BaseLabel>\n) {\n  registerComponentHelper(\n    loader,\n    BaseLabel,\n    {\n      name: LABEL_COMPONENT_NAME,\n      displayName: \"Aria Label\",\n      importPath: \"@plasmicpkgs/react-aria/skinny/registerLabel\",\n      importName: \"BaseLabel\",\n      defaultStyles: {\n        cursor: \"pointer\",\n      },\n      props: {\n        children: {\n          type: \"slot\",\n          mergeWithParent: true,\n          defaultValue: {\n            type: \"text\",\n            value: \"Label\",\n          },\n        },\n      },\n      trapsFocus: true,\n    },\n    overrides\n  );\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWO,SAAS,UAAU,EAA8C,EAAA;AAA9C,EAAA,IAAA,EAAA,GAAA,EAAA,EAAE,YAAU,SAXtC,EAAA,GAW0B,IAA0B,IAA1B,GAAA,SAAA,CAAA,EAAA,EAA0B,CAAxB,UAAU,EAAA,WAAA,CAAA,CAAA,CAAA;AACpC,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,KAAA;AAAA,IACK,aAAA,CAAA,cAAA,CAAA,EAAA,EAAA,uBAAA,CAAwB,IAAI,CADjC,CAAA,EAAA;AAAA,MAEC,SAAA;AAAA,MACA,KAAO,EAAA,aAAA;AAAA,KAAA,CAAA;AAAA,IAEN,QAAA;AAAA,GACH,CAAA;AAEJ,CAAA;AACa,MAAA,oBAAA,GAAuB,kBAAkB,OAAO,EAAA;AAE7C,SAAA,aAAA,CACd,QACA,SACA,EAAA;AACA,EAAA,uBAAA;AAAA,IACE,MAAA;AAAA,IACA,SAAA;AAAA,IACA;AAAA,MACE,IAAM,EAAA,oBAAA;AAAA,MACN,WAAa,EAAA,YAAA;AAAA,MACb,UAAY,EAAA,8CAAA;AAAA,MACZ,UAAY,EAAA,WAAA;AAAA,MACZ,aAAe,EAAA;AAAA,QACb,MAAQ,EAAA,SAAA;AAAA,OACV;AAAA,MACA,KAAO,EAAA;AAAA,QACL,QAAU,EAAA;AAAA,UACR,IAAM,EAAA,MAAA;AAAA,UACN,eAAiB,EAAA,IAAA;AAAA,UACjB,YAAc,EAAA;AAAA,YACZ,IAAM,EAAA,MAAA;AAAA,YACN,KAAO,EAAA,OAAA;AAAA,WACT;AAAA,SACF;AAAA,OACF;AAAA,MACA,UAAY,EAAA,IAAA;AAAA,KACd;AAAA,IACA,SAAA;AAAA,GACF,CAAA;AACF;;;;"}
+{"version":3,"file":"registerLabel.esm.js","sources":["../src/registerLabel.tsx"],"sourcesContent":["import React from \"react\";\nimport { Label, LabelProps } from \"react-aria-components\";\nimport { COMMON_STYLES, createAriaLabelProp, createIdProp } from \"./common\";\nimport {\n  CodeComponentMetaOverrides,\n  extractPlasmicDataProps,\n  makeComponentName,\n  Registerable,\n  registerComponentHelper,\n} from \"./utils\";\n\nexport interface BaseLabelProps extends LabelProps {\n}\n\nexport function BaseLabel({ children, className, id, \"aria-label\": ariaLabel, ...rest }: BaseLabelProps) {\n  const dataProps = extractPlasmicDataProps(rest);\n  return (\n    <Label\n      {...dataProps}\n      id={id}\n      className={className}\n      style={COMMON_STYLES}\n      aria-label={ariaLabel}>\n      {children}\n    </Label>\n  );\n}\nexport const LABEL_COMPONENT_NAME = makeComponentName(\"label\");\n\nexport function registerLabel(\n  loader?: Registerable,\n  overrides?: CodeComponentMetaOverrides<typeof BaseLabel>\n) {\n  registerComponentHelper(\n    loader,\n    BaseLabel,\n    {\n      name: LABEL_COMPONENT_NAME,\n      displayName: \"Aria Label\",\n      importPath: \"@plasmicpkgs/react-aria/skinny/registerLabel\",\n      importName: \"BaseLabel\",\n      defaultStyles: {\n        cursor: \"pointer\",\n      },\n      props: {\n        id: createIdProp(\"Label\"),\n        \"aria-label\": createAriaLabelProp(\"Label\"),\n        children: {\n          type: \"slot\",\n          mergeWithParent: true,\n          defaultValue: {\n            type: \"text\",\n            value: \"Label\",\n          },\n        },\n      },\n      trapsFocus: true,\n    },\n    overrides\n  );\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAcO,SAAS,UAAU,EAA+E,EAAA;AAA/E,EAAA,IAAA,EAAA,GAAA,EAAA,EAAE,EAAU,QAAA,EAAA,SAAA,EAAW,EAAI,EAAA,YAAA,EAAc,SAdnE,EAAA,GAc0B,EAAuD,EAAA,IAAA,GAAA,SAAA,CAAvD,EAAuD,EAAA,CAArD,UAAU,EAAA,WAAA,EAAW,IAAI,EAAA,YAAA,CAAA,CAAA,CAAA;AACnD,EAAM,MAAA,SAAA,GAAY,wBAAwB,IAAI,CAAA,CAAA;AAC9C,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,KAAA;AAAA,IAAA,aAAA,CAAA,cAAA,CAAA,EAAA,EACK,SADL,CAAA,EAAA;AAAA,MAEC,EAAA;AAAA,MACA,SAAA;AAAA,MACA,KAAO,EAAA,aAAA;AAAA,MACP,YAAY,EAAA,SAAA;AAAA,KAAA,CAAA;AAAA,IACX,QAAA;AAAA,GACH,CAAA;AAEJ,CAAA;AACa,MAAA,oBAAA,GAAuB,kBAAkB,OAAO,EAAA;AAE7C,SAAA,aAAA,CACd,QACA,SACA,EAAA;AACA,EAAA,uBAAA;AAAA,IACE,MAAA;AAAA,IACA,SAAA;AAAA,IACA;AAAA,MACE,IAAM,EAAA,oBAAA;AAAA,MACN,WAAa,EAAA,YAAA;AAAA,MACb,UAAY,EAAA,8CAAA;AAAA,MACZ,UAAY,EAAA,WAAA;AAAA,MACZ,aAAe,EAAA;AAAA,QACb,MAAQ,EAAA,SAAA;AAAA,OACV;AAAA,MACA,KAAO,EAAA;AAAA,QACL,EAAA,EAAI,aAAa,OAAO,CAAA;AAAA,QACxB,YAAA,EAAc,oBAAoB,OAAO,CAAA;AAAA,QACzC,QAAU,EAAA;AAAA,UACR,IAAM,EAAA,MAAA;AAAA,UACN,eAAiB,EAAA,IAAA;AAAA,UACjB,YAAc,EAAA;AAAA,YACZ,IAAM,EAAA,MAAA;AAAA,YACN,KAAO,EAAA,OAAA;AAAA,WACT;AAAA,SACF;AAAA,OACF;AAAA,MACA,UAAY,EAAA,IAAA;AAAA,KACd;AAAA,IACA,SAAA;AAAA,GACF,CAAA;AACF;;;;"}

package/skinny/{registerListBox-d83a8581.esm.js → registerListBox-14503b0a.esm.js}

@@ -1,11 +1,10 @@
 import { usePlasmicCanvasContext } from '@plasmicapp/host';
 import React, { useState, useEffect, useCallback } from 'react';
 import { Section, Header, ListBox } from 'react-aria-components';
-import { C as COMMON_STYLES } from './common-3fde23cc.esm.js';
+import { r as registerComponentHelper, C as COMMON_STYLES, m as makeComponentName, f as createAriaLabelProp, c as createIdProp } from './common-81f08e86.esm.js';
 import { b as PlasmicListBoxContext } from './contexts-5cb81c2f.esm.js';
-import { u as useIdManager } from './OptionsItemIdManager-724ffca2.esm.js';
+import { u as useIdManager } from './OptionsItemIdManager-0ce90944.esm.js';
 import { registerListBoxItem, makeDefaultListBoxItemChildren } from './registerListBoxItem.esm.js';
-import { r as registerComponentHelper, m as makeComponentName } from './utils-b68e14cf.esm.js';
 import { p as pickAriaComponentVariants } from './variant-utils-4405ebb0.esm.js';
 
 var __defProp$1 = Object.defineProperty;
@@ -68,6 +67,7 @@ function registerSection(loader, overrides) {
         padding: "10px"
       },
       props: {
+        "aria-label": createAriaLabelProp("Section"),
         header: {
           type: "slot",
           mergeWithParent: true,
@@ -264,6 +264,8 @@ function registerListBox(loader, overrides) {
         borderColor: "black"
       },
       props: {
+        id: createIdProp("List Box"),
+        "aria-label": createAriaLabelProp("List Box"),
         children: {
           type: "slot",
           displayName: "List Items",
@@ -361,4 +363,4 @@ function registerListBox(loader, overrides) {
 }
 
 export { BaseSection as B, LIST_BOX_COMPONENT_NAME as L, BaseListBox as a, registerListBox as b, listboxHelpers as l, registerSection as r };
-//# sourceMappingURL=registerListBox-d83a8581.esm.js.map
+//# sourceMappingURL=registerListBox-14503b0a.esm.js.map