@plasmicpkgs/react-aria 0.0.151 → 0.0.152

package/skinny/registerDescription.esm.js

@@ -1,8 +1,7 @@
 import { registerText } from './registerText.esm.js';
-import { m as makeComponentName } from './utils-b68e14cf.esm.js';
+import { m as makeComponentName } from './common-81f08e86.esm.js';
 import 'react';
 import 'react-aria-components';
-import './common-3fde23cc.esm.js';
 import '@plasmicapp/host';
 import '@plasmicapp/host/registerComponent';
 

package/skinny/registerDescription.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"registerDescription.esm.js","sources":["../src/registerDescription.tsx"],"sourcesContent":["import { BaseText, registerText } from \"./registerText\";\nimport {\n  CodeComponentMetaOverrides,\n  Registerable,\n  makeComponentName,\n} from \"./utils\";\n\nexport const DESCRIPTION_COMPONENT_NAME = makeComponentName(\"description\");\n\nexport function registerDescription(\n  loader?: Registerable,\n  overrides?: CodeComponentMetaOverrides<typeof BaseText>\n) {\n  return registerText(loader, {\n    ...overrides,\n    name: DESCRIPTION_COMPONENT_NAME,\n    displayName: \"Aria Description\",\n    props: {\n      slot: {\n        type: \"string\",\n        hidden: () => true,\n        defaultValue: \"description\",\n      },\n    },\n  });\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAOa,MAAA,0BAAA,GAA6B,kBAAkB,aAAa,EAAA;AAEzD,SAAA,mBAAA,CACd,QACA,SACA,EAAA;AACA,EAAO,OAAA,YAAA,CAAa,MAAQ,EAAA,aAAA,CAAA,cAAA,CAAA,EAAA,EACvB,SADuB,CAAA,EAAA;AAAA,IAE1B,IAAM,EAAA,0BAAA;AAAA,IACN,WAAa,EAAA,kBAAA;AAAA,IACb,KAAO,EAAA;AAAA,MACL,IAAM,EAAA;AAAA,QACJ,IAAM,EAAA,QAAA;AAAA,QACN,QAAQ,MAAM,IAAA;AAAA,QACd,YAAc,EAAA,aAAA;AAAA,OAChB;AAAA,KACF;AAAA,GACD,CAAA,CAAA,CAAA;AACH;;;;"}
+{"version":3,"file":"registerDescription.esm.js","sources":["../src/registerDescription.tsx"],"sourcesContent":["import { BaseText, registerText } from \"./registerText\";\nimport {\n  CodeComponentMetaOverrides,\n  Registerable,\n  makeComponentName,\n} from \"./utils\";\n\nexport const DESCRIPTION_COMPONENT_NAME = makeComponentName(\"description\");\n\nexport function registerDescription(\n  loader?: Registerable,\n  overrides?: CodeComponentMetaOverrides<typeof BaseText>\n) {\n  return registerText(loader, {\n    ...overrides,\n    name: DESCRIPTION_COMPONENT_NAME,\n    displayName: \"Aria Description\",\n    props: {\n      slot: {\n        type: \"string\",\n        hidden: () => true,\n        defaultValue: \"description\",\n      },\n    },\n  });\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAOa,MAAA,0BAAA,GAA6B,kBAAkB,aAAa,EAAA;AAEzD,SAAA,mBAAA,CACd,QACA,SACA,EAAA;AACA,EAAO,OAAA,YAAA,CAAa,MAAQ,EAAA,aAAA,CAAA,cAAA,CAAA,EAAA,EACvB,SADuB,CAAA,EAAA;AAAA,IAE1B,IAAM,EAAA,0BAAA;AAAA,IACN,WAAa,EAAA,kBAAA;AAAA,IACb,KAAO,EAAA;AAAA,MACL,IAAM,EAAA;AAAA,QACJ,IAAM,EAAA,QAAA;AAAA,QACN,QAAQ,MAAM,IAAA;AAAA,QACd,YAAc,EAAA,aAAA;AAAA,OAChB;AAAA,KACF;AAAA,GACD,CAAA,CAAA,CAAA;AACH;;;;"}

package/skinny/registerDialog.cjs.js

@@ -3,25 +3,56 @@
 var host = require('@plasmicapp/host');
 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/registerComponent');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefault(React);
 
-function BaseDialog({ children, className }) {
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+function BaseDialog(_a) {
+  var _b = _a, { children, className } = _b, rest = __objRest(_b, ["children", "className"]);
   const canvasContext = host.usePlasmicCanvasContext();
   if (canvasContext) {
-    return /* @__PURE__ */ React__default.default.createElement("div", { className, style: common.COMMON_STYLES }, children);
+    return /* @__PURE__ */ React__default.default.createElement("div", { id: rest.id, className, style: common.COMMON_STYLES }, children);
   } else {
-    return /* @__PURE__ */ React__default.default.createElement(reactAriaComponents.Dialog, { className, style: common.COMMON_STYLES }, children);
+    return /* @__PURE__ */ React__default.default.createElement(reactAriaComponents.Dialog, __spreadProps(__spreadValues({}, rest), { className, style: common.COMMON_STYLES }), children);
   }
 }
-const DIALOG_COMPONENT_NAME = utils.makeComponentName("dialog");
+const DIALOG_COMPONENT_NAME = common.makeComponentName("dialog");
 function registerDialog(loader, overrides) {
-  utils.registerComponentHelper(
+  common.registerComponentHelper(
     loader,
     BaseDialog,
     {
@@ -30,6 +61,8 @@ function registerDialog(loader, overrides) {
       importPath: "@plasmicpkgs/react-aria/skinny/registerDialog",
       importName: "BaseDialog",
       props: {
+        id: common.createIdProp("Dialog"),
+        "aria-label": common.createAriaLabelProp("Dialog"),
         children: {
           type: "slot",
           mergeWithParent: true

package/skinny/registerDialog.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"registerDialog.cjs.js","sources":["../src/registerDialog.tsx"],"sourcesContent":["import { usePlasmicCanvasContext } from \"@plasmicapp/host\";\nimport React from \"react\";\nimport { Dialog, DialogProps } from \"react-aria-components\";\nimport { COMMON_STYLES } from \"./common\";\nimport {\n  CodeComponentMetaOverrides,\n  makeComponentName,\n  Registerable,\n  registerComponentHelper,\n} from \"./utils\";\n\nexport interface BaseDialogProps extends DialogProps {\n  children: React.ReactNode;\n}\n\nexport function BaseDialog({ children, className }: BaseDialogProps) {\n  const canvasContext = usePlasmicCanvasContext();\n\n  if (canvasContext) {\n    /* <Dialog> cannot be used in canvas, because while the dialog is open on the canvas, the focus is trapped inside it, so any Studio modals like the Color Picker modal would glitch due to focus jumping back and forth */\n    return (\n      <div className={className} style={COMMON_STYLES}>\n        {children}\n      </div>\n    );\n  } else {\n    return (\n      <Dialog className={className} style={COMMON_STYLES}>\n        {children}\n      </Dialog>\n    );\n  }\n}\n\nexport const DIALOG_COMPONENT_NAME = makeComponentName(\"dialog\");\n\nexport function registerDialog(\n  loader?: Registerable,\n  overrides?: CodeComponentMetaOverrides<typeof BaseDialog>\n) {\n  registerComponentHelper(\n    loader,\n    BaseDialog,\n    {\n      name: DIALOG_COMPONENT_NAME,\n      displayName: \"Aria Dialog\",\n      importPath: \"@plasmicpkgs/react-aria/skinny/registerDialog\",\n      importName: \"BaseDialog\",\n      props: {\n        children: {\n          type: \"slot\",\n          mergeWithParent: true,\n        },\n      },\n      trapsFocus: true,\n    },\n    overrides\n  );\n}\n"],"names":["usePlasmicCanvasContext","React","COMMON_STYLES","Dialog","makeComponentName","registerComponentHelper"],"mappings":";;;;;;;;;;;;;AAeO,SAAS,UAAW,CAAA,EAAE,QAAU,EAAA,SAAA,EAA8B,EAAA;AACnE,EAAA,MAAM,gBAAgBA,4BAAwB,EAAA,CAAA;AAE9C,EAAA,IAAI,aAAe,EAAA;AAEjB,IAAA,uBACGC,sBAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAI,SAAsB,EAAA,KAAA,EAAOC,wBAC/B,QACH,CAAA,CAAA;AAAA,GAEG,MAAA;AACL,IAAA,uBACGD,sBAAA,CAAA,aAAA,CAAAE,0BAAA,EAAA,EAAO,SAAsB,EAAA,KAAA,EAAOD,wBAClC,QACH,CAAA,CAAA;AAAA,GAEJ;AACF,CAAA;AAEa,MAAA,qBAAA,GAAwBE,wBAAkB,QAAQ,EAAA;AAE/C,SAAA,cAAA,CACd,QACA,SACA,EAAA;AACA,EAAAC,6BAAA;AAAA,IACE,MAAA;AAAA,IACA,UAAA;AAAA,IACA;AAAA,MACE,IAAM,EAAA,qBAAA;AAAA,MACN,WAAa,EAAA,aAAA;AAAA,MACb,UAAY,EAAA,+CAAA;AAAA,MACZ,UAAY,EAAA,YAAA;AAAA,MACZ,KAAO,EAAA;AAAA,QACL,QAAU,EAAA;AAAA,UACR,IAAM,EAAA,MAAA;AAAA,UACN,eAAiB,EAAA,IAAA;AAAA,SACnB;AAAA,OACF;AAAA,MACA,UAAY,EAAA,IAAA;AAAA,KACd;AAAA,IACA,SAAA;AAAA,GACF,CAAA;AACF;;;;;;"}
+{"version":3,"file":"registerDialog.cjs.js","sources":["../src/registerDialog.tsx"],"sourcesContent":["import { usePlasmicCanvasContext } from \"@plasmicapp/host\";\nimport React from \"react\";\nimport { Dialog, DialogProps } from \"react-aria-components\";\nimport { COMMON_STYLES, createAriaLabelProp, createIdProp } from \"./common\";\nimport {\n  CodeComponentMetaOverrides,\n  makeComponentName,\n  Registerable,\n  registerComponentHelper,\n} from \"./utils\";\n\nexport interface BaseDialogProps extends DialogProps {\n  children: React.ReactNode;\n}\n\nexport function BaseDialog({ children, className, ...rest }: BaseDialogProps) {\n  const canvasContext = usePlasmicCanvasContext();\n\n  if (canvasContext) {\n    /* <Dialog> cannot be used in canvas, because while the dialog is open on the canvas, the focus is trapped inside it, so any Studio modals like the Color Picker modal would glitch due to focus jumping back and forth */\n    return (\n      <div id={rest.id} className={className} style={COMMON_STYLES}>\n        {children}\n      </div>\n    );\n  } else {\n    return (\n      <Dialog {...rest} className={className} style={COMMON_STYLES}>\n        {children}\n      </Dialog>\n    );\n  }\n}\n\nexport const DIALOG_COMPONENT_NAME = makeComponentName(\"dialog\");\n\nexport function registerDialog(\n  loader?: Registerable,\n  overrides?: CodeComponentMetaOverrides<typeof BaseDialog>\n) {\n  registerComponentHelper(\n    loader,\n    BaseDialog,\n    {\n      name: DIALOG_COMPONENT_NAME,\n      displayName: \"Aria Dialog\",\n      importPath: \"@plasmicpkgs/react-aria/skinny/registerDialog\",\n      importName: \"BaseDialog\",\n      props: {\n        id: createIdProp(\"Dialog\"),\n        \"aria-label\": createAriaLabelProp(\"Dialog\"),\n        children: {\n          type: \"slot\",\n          mergeWithParent: true,\n        },\n      },\n      trapsFocus: true,\n    },\n    overrides\n  );\n}\n"],"names":["usePlasmicCanvasContext","React","COMMON_STYLES","Dialog","makeComponentName","registerComponentHelper","createIdProp","createAriaLabelProp"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAeO,SAAS,WAAW,EAAmD,EAAA;AAAnD,EAAA,IAAA,EAAA,GAAA,EAAA,EAAE,YAAU,SAfvC,EAAA,GAe2B,IAA0B,IAA1B,GAAA,SAAA,CAAA,EAAA,EAA0B,CAAxB,UAAU,EAAA,WAAA,CAAA,CAAA,CAAA;AACrC,EAAA,MAAM,gBAAgBA,4BAAwB,EAAA,CAAA;AAE9C,EAAA,IAAI,aAAe,EAAA;AAEjB,IACE,uBAAAC,sBAAA,CAAA,aAAA,CAAC,SAAI,EAAI,EAAA,IAAA,CAAK,IAAI,SAAsB,EAAA,KAAA,EAAOC,wBAC5C,QACH,CAAA,CAAA;AAAA,GAEG,MAAA;AACL,IAAA,4DACGC,0BAAW,EAAA,aAAA,CAAA,cAAA,CAAA,EAAA,EAAA,IAAA,CAAA,EAAX,EAAiB,SAAsB,EAAA,KAAA,EAAOD,yBAC5C,QACH,CAAA,CAAA;AAAA,GAEJ;AACF,CAAA;AAEa,MAAA,qBAAA,GAAwBE,yBAAkB,QAAQ,EAAA;AAE/C,SAAA,cAAA,CACd,QACA,SACA,EAAA;AACA,EAAAC,8BAAA;AAAA,IACE,MAAA;AAAA,IACA,UAAA;AAAA,IACA;AAAA,MACE,IAAM,EAAA,qBAAA;AAAA,MACN,WAAa,EAAA,aAAA;AAAA,MACb,UAAY,EAAA,+CAAA;AAAA,MACZ,UAAY,EAAA,YAAA;AAAA,MACZ,KAAO,EAAA;AAAA,QACL,EAAA,EAAIC,oBAAa,QAAQ,CAAA;AAAA,QACzB,YAAA,EAAcC,2BAAoB,QAAQ,CAAA;AAAA,QAC1C,QAAU,EAAA;AAAA,UACR,IAAM,EAAA,MAAA;AAAA,UACN,eAAiB,EAAA,IAAA;AAAA,SACnB;AAAA,OACF;AAAA,MACA,UAAY,EAAA,IAAA;AAAA,KACd;AAAA,IACA,SAAA;AAAA,GACF,CAAA;AACF;;;;;;"}

package/skinny/registerDialog.d.ts

@@ -4,6 +4,6 @@ import { CodeComponentMetaOverrides, Registerable } from "./utils";
 export interface BaseDialogProps extends DialogProps {
     children: React.ReactNode;
 }
-export declare function BaseDialog({ children, className }: BaseDialogProps): React.JSX.Element;
+export declare function BaseDialog({ children, className, ...rest }: BaseDialogProps): React.JSX.Element;
 export declare const DIALOG_COMPONENT_NAME: string;
 export declare function registerDialog(loader?: Registerable, overrides?: CodeComponentMetaOverrides<typeof BaseDialog>): void;

package/skinny/registerDialog.esm.js

@@ -1,16 +1,47 @@
 import { usePlasmicCanvasContext } from '@plasmicapp/host';
 import React from 'react';
 import { Dialog } from 'react-aria-components';
-import { C as COMMON_STYLES } from './common-3fde23cc.esm.js';
-import { m as makeComponentName, r as registerComponentHelper } from './utils-b68e14cf.esm.js';
+import { C as COMMON_STYLES, m as makeComponentName, r as registerComponentHelper, c as createIdProp, f as createAriaLabelProp } from './common-81f08e86.esm.js';
 import '@plasmicapp/host/registerComponent';
 
-function BaseDialog({ children, className }) {
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+function BaseDialog(_a) {
+  var _b = _a, { children, className } = _b, rest = __objRest(_b, ["children", "className"]);
   const canvasContext = usePlasmicCanvasContext();
   if (canvasContext) {
-    return /* @__PURE__ */ React.createElement("div", { className, style: COMMON_STYLES }, children);
+    return /* @__PURE__ */ React.createElement("div", { id: rest.id, className, style: COMMON_STYLES }, children);
   } else {
-    return /* @__PURE__ */ React.createElement(Dialog, { className, style: COMMON_STYLES }, children);
+    return /* @__PURE__ */ React.createElement(Dialog, __spreadProps(__spreadValues({}, rest), { className, style: COMMON_STYLES }), children);
   }
 }
 const DIALOG_COMPONENT_NAME = makeComponentName("dialog");
@@ -24,6 +55,8 @@ function registerDialog(loader, overrides) {
       importPath: "@plasmicpkgs/react-aria/skinny/registerDialog",
       importName: "BaseDialog",
       props: {
+        id: createIdProp("Dialog"),
+        "aria-label": createAriaLabelProp("Dialog"),
         children: {
           type: "slot",
           mergeWithParent: true

package/skinny/registerDialog.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"registerDialog.esm.js","sources":["../src/registerDialog.tsx"],"sourcesContent":["import { usePlasmicCanvasContext } from \"@plasmicapp/host\";\nimport React from \"react\";\nimport { Dialog, DialogProps } from \"react-aria-components\";\nimport { COMMON_STYLES } from \"./common\";\nimport {\n  CodeComponentMetaOverrides,\n  makeComponentName,\n  Registerable,\n  registerComponentHelper,\n} from \"./utils\";\n\nexport interface BaseDialogProps extends DialogProps {\n  children: React.ReactNode;\n}\n\nexport function BaseDialog({ children, className }: BaseDialogProps) {\n  const canvasContext = usePlasmicCanvasContext();\n\n  if (canvasContext) {\n    /* <Dialog> cannot be used in canvas, because while the dialog is open on the canvas, the focus is trapped inside it, so any Studio modals like the Color Picker modal would glitch due to focus jumping back and forth */\n    return (\n      <div className={className} style={COMMON_STYLES}>\n        {children}\n      </div>\n    );\n  } else {\n    return (\n      <Dialog className={className} style={COMMON_STYLES}>\n        {children}\n      </Dialog>\n    );\n  }\n}\n\nexport const DIALOG_COMPONENT_NAME = makeComponentName(\"dialog\");\n\nexport function registerDialog(\n  loader?: Registerable,\n  overrides?: CodeComponentMetaOverrides<typeof BaseDialog>\n) {\n  registerComponentHelper(\n    loader,\n    BaseDialog,\n    {\n      name: DIALOG_COMPONENT_NAME,\n      displayName: \"Aria Dialog\",\n      importPath: \"@plasmicpkgs/react-aria/skinny/registerDialog\",\n      importName: \"BaseDialog\",\n      props: {\n        children: {\n          type: \"slot\",\n          mergeWithParent: true,\n        },\n      },\n      trapsFocus: true,\n    },\n    overrides\n  );\n}\n"],"names":[],"mappings":";;;;;;;AAeO,SAAS,UAAW,CAAA,EAAE,QAAU,EAAA,SAAA,EAA8B,EAAA;AACnE,EAAA,MAAM,gBAAgB,uBAAwB,EAAA,CAAA;AAE9C,EAAA,IAAI,aAAe,EAAA;AAEjB,IAAA,uBACG,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAI,SAAsB,EAAA,KAAA,EAAO,iBAC/B,QACH,CAAA,CAAA;AAAA,GAEG,MAAA;AACL,IAAA,uBACG,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAO,SAAsB,EAAA,KAAA,EAAO,iBAClC,QACH,CAAA,CAAA;AAAA,GAEJ;AACF,CAAA;AAEa,MAAA,qBAAA,GAAwB,kBAAkB,QAAQ,EAAA;AAE/C,SAAA,cAAA,CACd,QACA,SACA,EAAA;AACA,EAAA,uBAAA;AAAA,IACE,MAAA;AAAA,IACA,UAAA;AAAA,IACA;AAAA,MACE,IAAM,EAAA,qBAAA;AAAA,MACN,WAAa,EAAA,aAAA;AAAA,MACb,UAAY,EAAA,+CAAA;AAAA,MACZ,UAAY,EAAA,YAAA;AAAA,MACZ,KAAO,EAAA;AAAA,QACL,QAAU,EAAA;AAAA,UACR,IAAM,EAAA,MAAA;AAAA,UACN,eAAiB,EAAA,IAAA;AAAA,SACnB;AAAA,OACF;AAAA,MACA,UAAY,EAAA,IAAA;AAAA,KACd;AAAA,IACA,SAAA;AAAA,GACF,CAAA;AACF;;;;"}
+{"version":3,"file":"registerDialog.esm.js","sources":["../src/registerDialog.tsx"],"sourcesContent":["import { usePlasmicCanvasContext } from \"@plasmicapp/host\";\nimport React from \"react\";\nimport { Dialog, DialogProps } from \"react-aria-components\";\nimport { COMMON_STYLES, createAriaLabelProp, createIdProp } from \"./common\";\nimport {\n  CodeComponentMetaOverrides,\n  makeComponentName,\n  Registerable,\n  registerComponentHelper,\n} from \"./utils\";\n\nexport interface BaseDialogProps extends DialogProps {\n  children: React.ReactNode;\n}\n\nexport function BaseDialog({ children, className, ...rest }: BaseDialogProps) {\n  const canvasContext = usePlasmicCanvasContext();\n\n  if (canvasContext) {\n    /* <Dialog> cannot be used in canvas, because while the dialog is open on the canvas, the focus is trapped inside it, so any Studio modals like the Color Picker modal would glitch due to focus jumping back and forth */\n    return (\n      <div id={rest.id} className={className} style={COMMON_STYLES}>\n        {children}\n      </div>\n    );\n  } else {\n    return (\n      <Dialog {...rest} className={className} style={COMMON_STYLES}>\n        {children}\n      </Dialog>\n    );\n  }\n}\n\nexport const DIALOG_COMPONENT_NAME = makeComponentName(\"dialog\");\n\nexport function registerDialog(\n  loader?: Registerable,\n  overrides?: CodeComponentMetaOverrides<typeof BaseDialog>\n) {\n  registerComponentHelper(\n    loader,\n    BaseDialog,\n    {\n      name: DIALOG_COMPONENT_NAME,\n      displayName: \"Aria Dialog\",\n      importPath: \"@plasmicpkgs/react-aria/skinny/registerDialog\",\n      importName: \"BaseDialog\",\n      props: {\n        id: createIdProp(\"Dialog\"),\n        \"aria-label\": createAriaLabelProp(\"Dialog\"),\n        children: {\n          type: \"slot\",\n          mergeWithParent: true,\n        },\n      },\n      trapsFocus: true,\n    },\n    overrides\n  );\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAeO,SAAS,WAAW,EAAmD,EAAA;AAAnD,EAAA,IAAA,EAAA,GAAA,EAAA,EAAE,YAAU,SAfvC,EAAA,GAe2B,IAA0B,IAA1B,GAAA,SAAA,CAAA,EAAA,EAA0B,CAAxB,UAAU,EAAA,WAAA,CAAA,CAAA,CAAA;AACrC,EAAA,MAAM,gBAAgB,uBAAwB,EAAA,CAAA;AAE9C,EAAA,IAAI,aAAe,EAAA;AAEjB,IACE,uBAAA,KAAA,CAAA,aAAA,CAAC,SAAI,EAAI,EAAA,IAAA,CAAK,IAAI,SAAsB,EAAA,KAAA,EAAO,iBAC5C,QACH,CAAA,CAAA;AAAA,GAEG,MAAA;AACL,IAAA,2CACG,MAAW,EAAA,aAAA,CAAA,cAAA,CAAA,EAAA,EAAA,IAAA,CAAA,EAAX,EAAiB,SAAsB,EAAA,KAAA,EAAO,kBAC5C,QACH,CAAA,CAAA;AAAA,GAEJ;AACF,CAAA;AAEa,MAAA,qBAAA,GAAwB,kBAAkB,QAAQ,EAAA;AAE/C,SAAA,cAAA,CACd,QACA,SACA,EAAA;AACA,EAAA,uBAAA;AAAA,IACE,MAAA;AAAA,IACA,UAAA;AAAA,IACA;AAAA,MACE,IAAM,EAAA,qBAAA;AAAA,MACN,WAAa,EAAA,aAAA;AAAA,MACb,UAAY,EAAA,+CAAA;AAAA,MACZ,UAAY,EAAA,YAAA;AAAA,MACZ,KAAO,EAAA;AAAA,QACL,EAAA,EAAI,aAAa,QAAQ,CAAA;AAAA,QACzB,YAAA,EAAc,oBAAoB,QAAQ,CAAA;AAAA,QAC1C,QAAU,EAAA;AAAA,UACR,IAAM,EAAA,MAAA;AAAA,UACN,eAAiB,EAAA,IAAA;AAAA,SACnB;AAAA,OACF;AAAA,MACA,UAAY,EAAA,IAAA;AAAA,KACd;AAAA,IACA,SAAA;AAAA,GACF,CAAA;AACF;;;;"}

package/skinny/registerDialogTrigger.cjs.js

@@ -3,15 +3,14 @@
 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 registerButton = require('./registerButton.cjs.js');
 var registerDialog = require('./registerDialog.cjs.js');
 var registerModal = require('./registerModal.cjs.js');
-var utils = require('./utils-88dd1a55.cjs.js');
 require('@plasmicapp/host');
-require('./variant-utils-0ad70db8.cjs.js');
 require('@plasmicapp/host/registerComponent');
+require('./variant-utils-0ad70db8.cjs.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
@@ -48,20 +47,21 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
-function TriggerWrapper({ children, className }) {
+function TriggerWrapper({ children, className, id }) {
   const ref = React__default.default.useRef(null);
   const { buttonProps } = reactAria.useButton({}, ref);
   const mergedProps = reactAria.mergeProps(buttonProps, {
     ref,
     // We expose className to allow user control over the wrapper div's styling.
     className,
+    id,
     style: common.COMMON_STYLES
   });
   return /* @__PURE__ */ React__default.default.createElement("div", __spreadValues({}, mergedProps), children);
 }
 function BaseDialogTrigger(props) {
   const _a = props, { trigger, dialog, isOpen, className } = _a, rest = __objRest(_a, ["trigger", "dialog", "isOpen", "className"]);
-  const canvasAwareIsOpen = utils.useIsOpen({
+  const canvasAwareIsOpen = common.useIsOpen({
     triggerSlotName: "trigger",
     isOpen,
     props
@@ -71,19 +71,20 @@ function BaseDialogTrigger(props) {
   });
   return (
     // PlasmicDialogTriggerContext is used by BaseModal
-    /* @__PURE__ */ React__default.default.createElement(contexts.PlasmicDialogTriggerContext.Provider, { value: mergedProps }, /* @__PURE__ */ React__default.default.createElement(reactAriaComponents.DialogTrigger, __spreadValues({}, mergedProps), trigger && /* @__PURE__ */ React__default.default.createElement(TriggerWrapper, { className }, trigger), dialog))
+    /* @__PURE__ */ React__default.default.createElement(contexts.PlasmicDialogTriggerContext.Provider, { value: mergedProps }, /* @__PURE__ */ React__default.default.createElement(reactAriaComponents.DialogTrigger, __spreadValues({}, mergedProps), trigger && /* @__PURE__ */ React__default.default.createElement(TriggerWrapper, { className, id: props.id }, trigger), dialog))
   );
 }
 function registerDialogTrigger(loader, overrides) {
-  utils.registerComponentHelper(
+  common.registerComponentHelper(
     loader,
     BaseDialogTrigger,
     {
-      name: utils.makeComponentName("dialogTrigger"),
+      name: common.makeComponentName("dialogTrigger"),
       displayName: "Aria Dialog Trigger",
       importPath: "@plasmicpkgs/react-aria/skinny/registerDialogTrigger",
       importName: "BaseDialogTrigger",
       props: {
+        id: common.createIdProp("Dialog Trigger"),
         trigger: {
           type: "slot",
           mergeWithParent: true,

package/skinny/registerDialogTrigger.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"registerDialogTrigger.cjs.js","sources":["../src/registerDialogTrigger.tsx"],"sourcesContent":["import React from \"react\";\nimport { mergeProps, useButton } from \"react-aria\";\nimport { DialogTrigger, DialogTriggerProps } from \"react-aria-components\";\nimport { COMMON_STYLES } from \"./common\";\nimport { PlasmicDialogTriggerContext } from \"./contexts\";\nimport { BUTTON_COMPONENT_NAME } from \"./registerButton\";\nimport { DIALOG_COMPONENT_NAME } from \"./registerDialog\";\nimport {\n  MODAL_COMPONENT_NAME,\n  MODAL_DEFAULT_SLOT_CONTENT,\n} from \"./registerModal\";\nimport {\n  CodeComponentMetaOverrides,\n  PlasmicCanvasProps,\n  Registerable,\n  makeComponentName,\n  registerComponentHelper,\n  useIsOpen,\n} from \"./utils\";\n\nexport interface TriggerWrapperProps {\n  children?: React.ReactNode;\n  className?: string;\n}\n\n/*\n  React Aria's DialogTrigger requires a Aria Button as trigger.\n  (Aria Button works as a trigger because it uses useButton behind the scenes).\n  So we use useButton as well for our custom trigger.\n\n  Discussion (React-aria-components DialogTrigger with custom button):\n  https://github.com/adobe/react-spectrum/discussions/5119#discussioncomment-7084661\n\n  */\nexport function TriggerWrapper({ children, className }: TriggerWrapperProps) {\n  const ref = React.useRef<HTMLDivElement | null>(null);\n  const { buttonProps } = useButton({}, ref);\n\n  const mergedProps = mergeProps(buttonProps, {\n    ref,\n    // We expose className to allow user control over the wrapper div's styling.\n    className,\n    style: COMMON_STYLES,\n  });\n\n  return <div {...mergedProps}>{children}</div>;\n}\n\nexport interface BaseDialogTriggerProps\n  extends Omit<DialogTriggerProps, \"children\">,\n    PlasmicCanvasProps {\n  trigger?: React.ReactNode;\n  dialog?: React.ReactNode;\n  className?: string;\n}\n\nexport function BaseDialogTrigger(props: BaseDialogTriggerProps) {\n  const { trigger, dialog, isOpen, className, ...rest } = props;\n\n  const canvasAwareIsOpen = useIsOpen({\n    triggerSlotName: \"trigger\",\n    isOpen,\n    props,\n  });\n\n  const mergedProps = {\n    ...rest,\n    isOpen: canvasAwareIsOpen,\n  };\n\n  return (\n    // PlasmicDialogTriggerContext is used by BaseModal\n    <PlasmicDialogTriggerContext.Provider value={mergedProps}>\n      <DialogTrigger {...mergedProps}>\n        {trigger && (\n          <TriggerWrapper className={className}>{trigger}</TriggerWrapper>\n        )}\n        {dialog}\n      </DialogTrigger>\n    </PlasmicDialogTriggerContext.Provider>\n  );\n}\n\nexport function registerDialogTrigger(\n  loader?: Registerable,\n  overrides?: CodeComponentMetaOverrides<typeof BaseDialogTrigger>\n) {\n  registerComponentHelper(\n    loader,\n    BaseDialogTrigger,\n    {\n      name: makeComponentName(\"dialogTrigger\"),\n      displayName: \"Aria Dialog Trigger\",\n      importPath: \"@plasmicpkgs/react-aria/skinny/registerDialogTrigger\",\n      importName: \"BaseDialogTrigger\",\n      props: {\n        trigger: {\n          type: \"slot\",\n          mergeWithParent: true,\n          defaultValue: {\n            type: \"component\",\n            name: BUTTON_COMPONENT_NAME,\n            props: {\n              children: {\n                type: \"text\",\n                value: \"Open Dialog\",\n              },\n            },\n          },\n        },\n        dialog: {\n          type: \"slot\",\n          mergeWithParent: true,\n          defaultValue: [\n            {\n              type: \"component\",\n              name: MODAL_COMPONENT_NAME,\n              props: {\n                children: {\n                  type: \"component\",\n                  name: DIALOG_COMPONENT_NAME,\n                  props: {\n                    children: MODAL_DEFAULT_SLOT_CONTENT,\n                  },\n                },\n              },\n            },\n          ],\n        },\n        isOpen: {\n          type: \"boolean\",\n          defaultValueHint: false,\n          editOnly: true,\n          uncontrolledProp: \"defaultOpen\",\n        },\n        onOpenChange: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"isOpen\", type: \"boolean\" }],\n        },\n      },\n      states: {\n        isOpen: {\n          type: \"writable\",\n          valueProp: \"isOpen\",\n          onChangeProp: \"onOpenChange\",\n          variableType: \"boolean\",\n        },\n      },\n      trapsFocus: true,\n    },\n    overrides\n  );\n}\n"],"names":["React","useButton","mergeProps","COMMON_STYLES","useIsOpen","PlasmicDialogTriggerContext","DialogTrigger","registerComponentHelper","makeComponentName","BUTTON_COMPONENT_NAME","MODAL_COMPONENT_NAME","DIALOG_COMPONENT_NAME","MODAL_DEFAULT_SLOT_CONTENT"],"mappings":"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"}
+{"version":3,"file":"registerDialogTrigger.cjs.js","sources":["../src/registerDialogTrigger.tsx"],"sourcesContent":["import React from \"react\";\nimport { mergeProps, useButton } from \"react-aria\";\nimport { DialogTrigger, DialogTriggerProps } from \"react-aria-components\";\nimport { COMMON_STYLES, createIdProp } from \"./common\";\nimport { PlasmicDialogTriggerContext } from \"./contexts\";\nimport { BUTTON_COMPONENT_NAME } from \"./registerButton\";\nimport { DIALOG_COMPONENT_NAME } from \"./registerDialog\";\nimport {\n  MODAL_COMPONENT_NAME,\n  MODAL_DEFAULT_SLOT_CONTENT,\n} from \"./registerModal\";\nimport {\n  CodeComponentMetaOverrides,\n  PlasmicCanvasProps,\n  Registerable,\n  makeComponentName,\n  registerComponentHelper,\n  useIsOpen,\n} from \"./utils\";\n\nexport interface TriggerWrapperProps {\n  children?: React.ReactNode;\n  className?: string;\n  id?: string;\n}\n\n/*\n  React Aria's DialogTrigger requires a Aria Button as trigger.\n  (Aria Button works as a trigger because it uses useButton behind the scenes).\n  So we use useButton as well for our custom trigger.\n\n  Discussion (React-aria-components DialogTrigger with custom button):\n  https://github.com/adobe/react-spectrum/discussions/5119#discussioncomment-7084661\n\n  */\nexport function TriggerWrapper({ children, className, id }: TriggerWrapperProps) {\n  const ref = React.useRef<HTMLDivElement | null>(null);\n  const { buttonProps } = useButton({}, ref);\n\n  const mergedProps = mergeProps(buttonProps, {\n    ref,\n    // We expose className to allow user control over the wrapper div's styling.\n    className,\n    id,\n    style: COMMON_STYLES,\n  });\n\n  return <div {...mergedProps}>{children}</div>;\n}\n\nexport interface BaseDialogTriggerProps\n  extends Omit<DialogTriggerProps, \"children\">,\n    PlasmicCanvasProps {\n  trigger?: React.ReactNode;\n  dialog?: React.ReactNode;\n  className?: string;\n  id?: string;\n}\n\nexport function BaseDialogTrigger(props: BaseDialogTriggerProps) {\n  const { trigger, dialog, isOpen, className, ...rest } = props;\n\n  const canvasAwareIsOpen = useIsOpen({\n    triggerSlotName: \"trigger\",\n    isOpen,\n    props,\n  });\n\n  const mergedProps = {\n    ...rest,\n    isOpen: canvasAwareIsOpen,\n  };\n\n  return (\n    // PlasmicDialogTriggerContext is used by BaseModal\n    <PlasmicDialogTriggerContext.Provider value={mergedProps}>\n      <DialogTrigger {...mergedProps}>\n        {trigger && (\n          <TriggerWrapper className={className} id={props.id}>\n            {trigger}\n          </TriggerWrapper>\n        )}\n        {dialog}\n      </DialogTrigger>\n    </PlasmicDialogTriggerContext.Provider>\n  );\n}\n\nexport function registerDialogTrigger(\n  loader?: Registerable,\n  overrides?: CodeComponentMetaOverrides<typeof BaseDialogTrigger>\n) {\n  registerComponentHelper(\n    loader,\n    BaseDialogTrigger,\n    {\n      name: makeComponentName(\"dialogTrigger\"),\n      displayName: \"Aria Dialog Trigger\",\n      importPath: \"@plasmicpkgs/react-aria/skinny/registerDialogTrigger\",\n      importName: \"BaseDialogTrigger\",\n      props: {\n        id: createIdProp(\"Dialog Trigger\"),\n        trigger: {\n          type: \"slot\",\n          mergeWithParent: true,\n          defaultValue: {\n            type: \"component\",\n            name: BUTTON_COMPONENT_NAME,\n            props: {\n              children: {\n                type: \"text\",\n                value: \"Open Dialog\",\n              },\n            },\n          },\n        },\n        dialog: {\n          type: \"slot\",\n          mergeWithParent: true,\n          defaultValue: [\n            {\n              type: \"component\",\n              name: MODAL_COMPONENT_NAME,\n              props: {\n                children: {\n                  type: \"component\",\n                  name: DIALOG_COMPONENT_NAME,\n                  props: {\n                    children: MODAL_DEFAULT_SLOT_CONTENT,\n                  },\n                },\n              },\n            },\n          ],\n        },\n        isOpen: {\n          type: \"boolean\",\n          defaultValueHint: false,\n          editOnly: true,\n          uncontrolledProp: \"defaultOpen\",\n        },\n        onOpenChange: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"isOpen\", type: \"boolean\" }],\n        },\n      },\n      states: {\n        isOpen: {\n          type: \"writable\",\n          valueProp: \"isOpen\",\n          onChangeProp: \"onOpenChange\",\n          variableType: \"boolean\",\n        },\n      },\n      trapsFocus: true,\n    },\n    overrides\n  );\n}\n"],"names":["React","useButton","mergeProps","COMMON_STYLES","useIsOpen","PlasmicDialogTriggerContext","DialogTrigger","registerComponentHelper","makeComponentName","createIdProp","BUTTON_COMPONENT_NAME","MODAL_COMPONENT_NAME","DIALOG_COMPONENT_NAME","MODAL_DEFAULT_SLOT_CONTENT"],"mappings":"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"}

package/skinny/registerDialogTrigger.d.ts

@@ -4,12 +4,14 @@ import { CodeComponentMetaOverrides, PlasmicCanvasProps, Registerable } from "./
 export interface TriggerWrapperProps {
     children?: React.ReactNode;
     className?: string;
+    id?: string;
 }
-export declare function TriggerWrapper({ children, className }: TriggerWrapperProps): React.JSX.Element;
+export declare function TriggerWrapper({ children, className, id }: TriggerWrapperProps): React.JSX.Element;
 export interface BaseDialogTriggerProps extends Omit<DialogTriggerProps, "children">, PlasmicCanvasProps {
     trigger?: React.ReactNode;
     dialog?: React.ReactNode;
     className?: string;
+    id?: string;
 }
 export declare function BaseDialogTrigger(props: BaseDialogTriggerProps): React.JSX.Element;
 export declare function registerDialogTrigger(loader?: Registerable, overrides?: CodeComponentMetaOverrides<typeof BaseDialogTrigger>): void;

package/skinny/registerDialogTrigger.esm.js

@@ -1,15 +1,14 @@
 import React from 'react';
 import { useButton, mergeProps } from 'react-aria';
 import { DialogTrigger } from 'react-aria-components';
-import { C as COMMON_STYLES } from './common-3fde23cc.esm.js';
+import { C as COMMON_STYLES, j as useIsOpen, r as registerComponentHelper, m as makeComponentName, c as createIdProp } from './common-81f08e86.esm.js';
 import { d as PlasmicDialogTriggerContext } from './contexts-5cb81c2f.esm.js';
 import { BUTTON_COMPONENT_NAME } from './registerButton.esm.js';
 import { DIALOG_COMPONENT_NAME } from './registerDialog.esm.js';
 import { MODAL_COMPONENT_NAME, MODAL_DEFAULT_SLOT_CONTENT } from './registerModal.esm.js';
-import { a as useIsOpen, r as registerComponentHelper, m as makeComponentName } from './utils-b68e14cf.esm.js';
 import '@plasmicapp/host';
-import './variant-utils-4405ebb0.esm.js';
 import '@plasmicapp/host/registerComponent';
+import './variant-utils-4405ebb0.esm.js';
 
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
@@ -42,13 +41,14 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
-function TriggerWrapper({ children, className }) {
+function TriggerWrapper({ children, className, id }) {
   const ref = React.useRef(null);
   const { buttonProps } = useButton({}, ref);
   const mergedProps = mergeProps(buttonProps, {
     ref,
     // We expose className to allow user control over the wrapper div's styling.
     className,
+    id,
     style: COMMON_STYLES
   });
   return /* @__PURE__ */ React.createElement("div", __spreadValues({}, mergedProps), children);
@@ -65,7 +65,7 @@ function BaseDialogTrigger(props) {
   });
   return (
     // PlasmicDialogTriggerContext is used by BaseModal
-    /* @__PURE__ */ React.createElement(PlasmicDialogTriggerContext.Provider, { value: mergedProps }, /* @__PURE__ */ React.createElement(DialogTrigger, __spreadValues({}, mergedProps), trigger && /* @__PURE__ */ React.createElement(TriggerWrapper, { className }, trigger), dialog))
+    /* @__PURE__ */ React.createElement(PlasmicDialogTriggerContext.Provider, { value: mergedProps }, /* @__PURE__ */ React.createElement(DialogTrigger, __spreadValues({}, mergedProps), trigger && /* @__PURE__ */ React.createElement(TriggerWrapper, { className, id: props.id }, trigger), dialog))
   );
 }
 function registerDialogTrigger(loader, overrides) {
@@ -78,6 +78,7 @@ function registerDialogTrigger(loader, overrides) {
       importPath: "@plasmicpkgs/react-aria/skinny/registerDialogTrigger",
       importName: "BaseDialogTrigger",
       props: {
+        id: createIdProp("Dialog Trigger"),
         trigger: {
           type: "slot",
           mergeWithParent: true,

package/skinny/registerDialogTrigger.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"registerDialogTrigger.esm.js","sources":["../src/registerDialogTrigger.tsx"],"sourcesContent":["import React from \"react\";\nimport { mergeProps, useButton } from \"react-aria\";\nimport { DialogTrigger, DialogTriggerProps } from \"react-aria-components\";\nimport { COMMON_STYLES } from \"./common\";\nimport { PlasmicDialogTriggerContext } from \"./contexts\";\nimport { BUTTON_COMPONENT_NAME } from \"./registerButton\";\nimport { DIALOG_COMPONENT_NAME } from \"./registerDialog\";\nimport {\n  MODAL_COMPONENT_NAME,\n  MODAL_DEFAULT_SLOT_CONTENT,\n} from \"./registerModal\";\nimport {\n  CodeComponentMetaOverrides,\n  PlasmicCanvasProps,\n  Registerable,\n  makeComponentName,\n  registerComponentHelper,\n  useIsOpen,\n} from \"./utils\";\n\nexport interface TriggerWrapperProps {\n  children?: React.ReactNode;\n  className?: string;\n}\n\n/*\n  React Aria's DialogTrigger requires a Aria Button as trigger.\n  (Aria Button works as a trigger because it uses useButton behind the scenes).\n  So we use useButton as well for our custom trigger.\n\n  Discussion (React-aria-components DialogTrigger with custom button):\n  https://github.com/adobe/react-spectrum/discussions/5119#discussioncomment-7084661\n\n  */\nexport function TriggerWrapper({ children, className }: TriggerWrapperProps) {\n  const ref = React.useRef<HTMLDivElement | null>(null);\n  const { buttonProps } = useButton({}, ref);\n\n  const mergedProps = mergeProps(buttonProps, {\n    ref,\n    // We expose className to allow user control over the wrapper div's styling.\n    className,\n    style: COMMON_STYLES,\n  });\n\n  return <div {...mergedProps}>{children}</div>;\n}\n\nexport interface BaseDialogTriggerProps\n  extends Omit<DialogTriggerProps, \"children\">,\n    PlasmicCanvasProps {\n  trigger?: React.ReactNode;\n  dialog?: React.ReactNode;\n  className?: string;\n}\n\nexport function BaseDialogTrigger(props: BaseDialogTriggerProps) {\n  const { trigger, dialog, isOpen, className, ...rest } = props;\n\n  const canvasAwareIsOpen = useIsOpen({\n    triggerSlotName: \"trigger\",\n    isOpen,\n    props,\n  });\n\n  const mergedProps = {\n    ...rest,\n    isOpen: canvasAwareIsOpen,\n  };\n\n  return (\n    // PlasmicDialogTriggerContext is used by BaseModal\n    <PlasmicDialogTriggerContext.Provider value={mergedProps}>\n      <DialogTrigger {...mergedProps}>\n        {trigger && (\n          <TriggerWrapper className={className}>{trigger}</TriggerWrapper>\n        )}\n        {dialog}\n      </DialogTrigger>\n    </PlasmicDialogTriggerContext.Provider>\n  );\n}\n\nexport function registerDialogTrigger(\n  loader?: Registerable,\n  overrides?: CodeComponentMetaOverrides<typeof BaseDialogTrigger>\n) {\n  registerComponentHelper(\n    loader,\n    BaseDialogTrigger,\n    {\n      name: makeComponentName(\"dialogTrigger\"),\n      displayName: \"Aria Dialog Trigger\",\n      importPath: \"@plasmicpkgs/react-aria/skinny/registerDialogTrigger\",\n      importName: \"BaseDialogTrigger\",\n      props: {\n        trigger: {\n          type: \"slot\",\n          mergeWithParent: true,\n          defaultValue: {\n            type: \"component\",\n            name: BUTTON_COMPONENT_NAME,\n            props: {\n              children: {\n                type: \"text\",\n                value: \"Open Dialog\",\n              },\n            },\n          },\n        },\n        dialog: {\n          type: \"slot\",\n          mergeWithParent: true,\n          defaultValue: [\n            {\n              type: \"component\",\n              name: MODAL_COMPONENT_NAME,\n              props: {\n                children: {\n                  type: \"component\",\n                  name: DIALOG_COMPONENT_NAME,\n                  props: {\n                    children: MODAL_DEFAULT_SLOT_CONTENT,\n                  },\n                },\n              },\n            },\n          ],\n        },\n        isOpen: {\n          type: \"boolean\",\n          defaultValueHint: false,\n          editOnly: true,\n          uncontrolledProp: \"defaultOpen\",\n        },\n        onOpenChange: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"isOpen\", type: \"boolean\" }],\n        },\n      },\n      states: {\n        isOpen: {\n          type: \"writable\",\n          valueProp: \"isOpen\",\n          onChangeProp: \"onOpenChange\",\n          variableType: \"boolean\",\n        },\n      },\n      trapsFocus: true,\n    },\n    overrides\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"registerDialogTrigger.esm.js","sources":["../src/registerDialogTrigger.tsx"],"sourcesContent":["import React from \"react\";\nimport { mergeProps, useButton } from \"react-aria\";\nimport { DialogTrigger, DialogTriggerProps } from \"react-aria-components\";\nimport { COMMON_STYLES, createIdProp } from \"./common\";\nimport { PlasmicDialogTriggerContext } from \"./contexts\";\nimport { BUTTON_COMPONENT_NAME } from \"./registerButton\";\nimport { DIALOG_COMPONENT_NAME } from \"./registerDialog\";\nimport {\n  MODAL_COMPONENT_NAME,\n  MODAL_DEFAULT_SLOT_CONTENT,\n} from \"./registerModal\";\nimport {\n  CodeComponentMetaOverrides,\n  PlasmicCanvasProps,\n  Registerable,\n  makeComponentName,\n  registerComponentHelper,\n  useIsOpen,\n} from \"./utils\";\n\nexport interface TriggerWrapperProps {\n  children?: React.ReactNode;\n  className?: string;\n  id?: string;\n}\n\n/*\n  React Aria's DialogTrigger requires a Aria Button as trigger.\n  (Aria Button works as a trigger because it uses useButton behind the scenes).\n  So we use useButton as well for our custom trigger.\n\n  Discussion (React-aria-components DialogTrigger with custom button):\n  https://github.com/adobe/react-spectrum/discussions/5119#discussioncomment-7084661\n\n  */\nexport function TriggerWrapper({ children, className, id }: TriggerWrapperProps) {\n  const ref = React.useRef<HTMLDivElement | null>(null);\n  const { buttonProps } = useButton({}, ref);\n\n  const mergedProps = mergeProps(buttonProps, {\n    ref,\n    // We expose className to allow user control over the wrapper div's styling.\n    className,\n    id,\n    style: COMMON_STYLES,\n  });\n\n  return <div {...mergedProps}>{children}</div>;\n}\n\nexport interface BaseDialogTriggerProps\n  extends Omit<DialogTriggerProps, \"children\">,\n    PlasmicCanvasProps {\n  trigger?: React.ReactNode;\n  dialog?: React.ReactNode;\n  className?: string;\n  id?: string;\n}\n\nexport function BaseDialogTrigger(props: BaseDialogTriggerProps) {\n  const { trigger, dialog, isOpen, className, ...rest } = props;\n\n  const canvasAwareIsOpen = useIsOpen({\n    triggerSlotName: \"trigger\",\n    isOpen,\n    props,\n  });\n\n  const mergedProps = {\n    ...rest,\n    isOpen: canvasAwareIsOpen,\n  };\n\n  return (\n    // PlasmicDialogTriggerContext is used by BaseModal\n    <PlasmicDialogTriggerContext.Provider value={mergedProps}>\n      <DialogTrigger {...mergedProps}>\n        {trigger && (\n          <TriggerWrapper className={className} id={props.id}>\n            {trigger}\n          </TriggerWrapper>\n        )}\n        {dialog}\n      </DialogTrigger>\n    </PlasmicDialogTriggerContext.Provider>\n  );\n}\n\nexport function registerDialogTrigger(\n  loader?: Registerable,\n  overrides?: CodeComponentMetaOverrides<typeof BaseDialogTrigger>\n) {\n  registerComponentHelper(\n    loader,\n    BaseDialogTrigger,\n    {\n      name: makeComponentName(\"dialogTrigger\"),\n      displayName: \"Aria Dialog Trigger\",\n      importPath: \"@plasmicpkgs/react-aria/skinny/registerDialogTrigger\",\n      importName: \"BaseDialogTrigger\",\n      props: {\n        id: createIdProp(\"Dialog Trigger\"),\n        trigger: {\n          type: \"slot\",\n          mergeWithParent: true,\n          defaultValue: {\n            type: \"component\",\n            name: BUTTON_COMPONENT_NAME,\n            props: {\n              children: {\n                type: \"text\",\n                value: \"Open Dialog\",\n              },\n            },\n          },\n        },\n        dialog: {\n          type: \"slot\",\n          mergeWithParent: true,\n          defaultValue: [\n            {\n              type: \"component\",\n              name: MODAL_COMPONENT_NAME,\n              props: {\n                children: {\n                  type: \"component\",\n                  name: DIALOG_COMPONENT_NAME,\n                  props: {\n                    children: MODAL_DEFAULT_SLOT_CONTENT,\n                  },\n                },\n              },\n            },\n          ],\n        },\n        isOpen: {\n          type: \"boolean\",\n          defaultValueHint: false,\n          editOnly: true,\n          uncontrolledProp: \"defaultOpen\",\n        },\n        onOpenChange: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"isOpen\", type: \"boolean\" }],\n        },\n      },\n      states: {\n        isOpen: {\n          type: \"writable\",\n          valueProp: \"isOpen\",\n          onChangeProp: \"onOpenChange\",\n          variableType: \"boolean\",\n        },\n      },\n      trapsFocus: true,\n    },\n    overrides\n  );\n}\n"],"names":[],"mappings":"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"}

package/skinny/registerFieldError.cjs.js

@@ -2,7 +2,7 @@
 
 var React = require('react');
 var reactAriaComponents = require('react-aria-components');
-var utils = require('./utils-88dd1a55.cjs.js');
+var common = require('./common-7f948fa5.cjs.js');
 require('@plasmicapp/host');
 require('@plasmicapp/host/registerComponent');
 
@@ -107,11 +107,11 @@ function PropsDescription() {
   ), "."));
 }
 function registerFieldError(loader, overrides) {
-  utils.registerComponentHelper(
+  common.registerComponentHelper(
     loader,
     BaseFieldError,
     {
-      name: utils.makeComponentName("fielderror"),
+      name: common.makeComponentName("fielderror"),
       displayName: "Aria Field Error",
       importPath: "@plasmicpkgs/react-aria/skinny/registerFieldError",
       importName: "BaseFieldError",
@@ -122,6 +122,7 @@ function registerFieldError(loader, overrides) {
         }
       ],
       props: {
+        id: common.createIdProp("Field Error"),
         badInput: {
           type: "string",
           description: "Error message if the user has provided input that the browser is unable to convert"

package/skinny/registerFieldError.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"registerFieldError.cjs.js","sources":["../src/registerFieldError.tsx"],"sourcesContent":["import React from \"react\";\nimport type { FieldErrorProps } from \"react-aria-components\";\nimport { FieldError } from \"react-aria-components\";\nimport {\n  CodeComponentMetaOverrides,\n  makeComponentName,\n  Registerable,\n  registerComponentHelper,\n} from \"./utils\";\n\ninterface BaseFieldErrorProps extends FieldErrorProps {\n  useBuiltInValidation: boolean;\n  badInput?: string;\n  customError?: string;\n  patternMismatch?: string;\n  rangeOverflow?: string;\n  rangeUnderflow?: string;\n  stepMismatch?: string;\n  tooLong?: string;\n  tooShort?: string;\n  typeMismatch?: string;\n  valueMissing?: string;\n}\n\nexport function BaseFieldError({\n  badInput,\n  customError,\n  patternMismatch,\n  rangeOverflow,\n  rangeUnderflow,\n  stepMismatch,\n  tooLong,\n  tooShort,\n  typeMismatch,\n  valueMissing,\n  ...rest\n}: BaseFieldErrorProps) {\n  return (\n    <FieldError {...rest}>\n      {({ validationDetails, validationErrors }) => {\n        if (validationDetails.badInput && badInput) {\n          return badInput;\n        }\n        if (validationDetails.customError && customError) {\n          return customError;\n        }\n        if (validationDetails.patternMismatch && patternMismatch) {\n          return patternMismatch;\n        }\n        if (validationDetails.rangeOverflow && rangeOverflow) {\n          return rangeOverflow;\n        }\n        if (validationDetails.rangeUnderflow && rangeUnderflow) {\n          return rangeUnderflow;\n        }\n        if (validationDetails.stepMismatch && stepMismatch) {\n          return stepMismatch;\n        }\n        if (validationDetails.tooLong && tooLong) {\n          return tooLong;\n        }\n        if (validationDetails.tooShort && tooShort) {\n          return tooShort;\n        }\n        if (validationDetails.typeMismatch && typeMismatch) {\n          return typeMismatch;\n        }\n        if (validationDetails.valueMissing && valueMissing) {\n          return valueMissing;\n        }\n        return validationErrors;\n      }}\n    </FieldError>\n  );\n}\n\nfunction PropsDescription() {\n  return (\n    <div style={{ marginBottom: 20 }}>\n      <p>\n        You can customize the error messages for built-in validations by\n        utilizing the props below.\n      </p>\n      <p>\n        For further information on the specific conditions triggering each\n        error, please refer to the{\" \"}\n        <a\n          target=\"_blank\"\n          href=\"https://developer.mozilla.org/en-US/docs/Web/API/ValidityState#instance_properties\"\n        >\n          MDN Docs\n        </a>\n        .\n      </p>\n    </div>\n  );\n}\n\nexport function registerFieldError(\n  loader?: Registerable,\n  overrides?: CodeComponentMetaOverrides<typeof BaseFieldError>\n) {\n  registerComponentHelper(\n    loader,\n    BaseFieldError,\n    {\n      name: makeComponentName(\"fielderror\"),\n      displayName: \"Aria Field Error\",\n      importPath: \"@plasmicpkgs/react-aria/skinny/registerFieldError\",\n      importName: \"BaseFieldError\",\n      actions: [\n        {\n          type: \"custom-action\",\n          control: PropsDescription,\n        },\n      ],\n      props: {\n        badInput: {\n          type: \"string\",\n          description:\n            \"Error message if the user has provided input that the browser is unable to convert\",\n        },\n        customError: {\n          type: \"string\",\n          description: \"Error message for custom validations\",\n        },\n        patternMismatch: {\n          type: \"string\",\n          description:\n            \"Error message if the value does not match the specified pattern\",\n        },\n        rangeOverflow: {\n          type: \"string\",\n          description:\n            \"Error message if the value is greater than the maximum specified\",\n        },\n        rangeUnderflow: {\n          type: \"string\",\n          description:\n            \"Error message if the value is less than the minimum specified\",\n        },\n        stepMismatch: {\n          type: \"string\",\n          description:\n            \"Error message if the value is not evenly divisible by the step value\",\n        },\n        tooLong: {\n          type: \"string\",\n          description:\n            \"Error message if the value exceeds the specified maximum number of characters\",\n        },\n        tooShort: {\n          type: \"string\",\n          description:\n            \"Error message  if the value fails to meet the specified minimum number of characters\",\n        },\n        typeMismatch: {\n          type: \"string\",\n          description:\n            \"Error message if the value is not in the required syntax (when type is email or url)\",\n        },\n        valueMissing: {\n          type: \"string\",\n          description: \"Error message if a required field has no value\",\n        },\n      },\n      trapsFocus: true,\n    },\n    overrides\n  );\n}\n"],"names":["FieldError","React","registerComponentHelper","makeComponentName"],"mappings":"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"}
+{"version":3,"file":"registerFieldError.cjs.js","sources":["../src/registerFieldError.tsx"],"sourcesContent":["import React from \"react\";\nimport type { FieldErrorProps } from \"react-aria-components\";\nimport { FieldError } from \"react-aria-components\";\nimport {\n  CodeComponentMetaOverrides,\n  makeComponentName,\n  Registerable,\n  registerComponentHelper,\n} from \"./utils\";\nimport { createIdProp } from \"./common\";\n\ninterface BaseFieldErrorProps extends FieldErrorProps {\n  useBuiltInValidation: boolean;\n  badInput?: string;\n  customError?: string;\n  patternMismatch?: string;\n  rangeOverflow?: string;\n  rangeUnderflow?: string;\n  stepMismatch?: string;\n  tooLong?: string;\n  tooShort?: string;\n  typeMismatch?: string;\n  valueMissing?: string;\n}\n\nexport function BaseFieldError({\n  badInput,\n  customError,\n  patternMismatch,\n  rangeOverflow,\n  rangeUnderflow,\n  stepMismatch,\n  tooLong,\n  tooShort,\n  typeMismatch,\n  valueMissing,\n  ...rest\n}: BaseFieldErrorProps) {\n  return (\n    <FieldError {...rest}>\n      {({ validationDetails, validationErrors }) => {\n        if (validationDetails.badInput && badInput) {\n          return badInput;\n        }\n        if (validationDetails.customError && customError) {\n          return customError;\n        }\n        if (validationDetails.patternMismatch && patternMismatch) {\n          return patternMismatch;\n        }\n        if (validationDetails.rangeOverflow && rangeOverflow) {\n          return rangeOverflow;\n        }\n        if (validationDetails.rangeUnderflow && rangeUnderflow) {\n          return rangeUnderflow;\n        }\n        if (validationDetails.stepMismatch && stepMismatch) {\n          return stepMismatch;\n        }\n        if (validationDetails.tooLong && tooLong) {\n          return tooLong;\n        }\n        if (validationDetails.tooShort && tooShort) {\n          return tooShort;\n        }\n        if (validationDetails.typeMismatch && typeMismatch) {\n          return typeMismatch;\n        }\n        if (validationDetails.valueMissing && valueMissing) {\n          return valueMissing;\n        }\n        return validationErrors;\n      }}\n    </FieldError>\n  );\n}\n\nfunction PropsDescription() {\n  return (\n    <div style={{ marginBottom: 20 }}>\n      <p>\n        You can customize the error messages for built-in validations by\n        utilizing the props below.\n      </p>\n      <p>\n        For further information on the specific conditions triggering each\n        error, please refer to the{\" \"}\n        <a\n          target=\"_blank\"\n          href=\"https://developer.mozilla.org/en-US/docs/Web/API/ValidityState#instance_properties\"\n        >\n          MDN Docs\n        </a>\n        .\n      </p>\n    </div>\n  );\n}\n\nexport function registerFieldError(\n  loader?: Registerable,\n  overrides?: CodeComponentMetaOverrides<typeof BaseFieldError>\n) {\n  registerComponentHelper(\n    loader,\n    BaseFieldError,\n    {\n      name: makeComponentName(\"fielderror\"),\n      displayName: \"Aria Field Error\",\n      importPath: \"@plasmicpkgs/react-aria/skinny/registerFieldError\",\n      importName: \"BaseFieldError\",\n      actions: [\n        {\n          type: \"custom-action\",\n          control: PropsDescription,\n        },\n      ],\n      props: {\n        id: createIdProp(\"Field Error\"),\n        badInput: {\n          type: \"string\",\n          description:\n            \"Error message if the user has provided input that the browser is unable to convert\",\n        },\n        customError: {\n          type: \"string\",\n          description: \"Error message for custom validations\",\n        },\n        patternMismatch: {\n          type: \"string\",\n          description:\n            \"Error message if the value does not match the specified pattern\",\n        },\n        rangeOverflow: {\n          type: \"string\",\n          description:\n            \"Error message if the value is greater than the maximum specified\",\n        },\n        rangeUnderflow: {\n          type: \"string\",\n          description:\n            \"Error message if the value is less than the minimum specified\",\n        },\n        stepMismatch: {\n          type: \"string\",\n          description:\n            \"Error message if the value is not evenly divisible by the step value\",\n        },\n        tooLong: {\n          type: \"string\",\n          description:\n            \"Error message if the value exceeds the specified maximum number of characters\",\n        },\n        tooShort: {\n          type: \"string\",\n          description:\n            \"Error message  if the value fails to meet the specified minimum number of characters\",\n        },\n        typeMismatch: {\n          type: \"string\",\n          description:\n            \"Error message if the value is not in the required syntax (when type is email or url)\",\n        },\n        valueMissing: {\n          type: \"string\",\n          description: \"Error message if a required field has no value\",\n        },\n      },\n      trapsFocus: true,\n    },\n    overrides\n  );\n}\n"],"names":["FieldError","React","registerComponentHelper","makeComponentName","createIdProp"],"mappings":"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"}

package/skinny/registerFieldError.esm.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { FieldError } 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';
 
@@ -116,6 +116,7 @@ function registerFieldError(loader, overrides) {
         }
       ],
       props: {
+        id: createIdProp("Field Error"),
         badInput: {
           type: "string",
           description: "Error message if the user has provided input that the browser is unable to convert"

package/skinny/registerFieldError.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"registerFieldError.esm.js","sources":["../src/registerFieldError.tsx"],"sourcesContent":["import React from \"react\";\nimport type { FieldErrorProps } from \"react-aria-components\";\nimport { FieldError } from \"react-aria-components\";\nimport {\n  CodeComponentMetaOverrides,\n  makeComponentName,\n  Registerable,\n  registerComponentHelper,\n} from \"./utils\";\n\ninterface BaseFieldErrorProps extends FieldErrorProps {\n  useBuiltInValidation: boolean;\n  badInput?: string;\n  customError?: string;\n  patternMismatch?: string;\n  rangeOverflow?: string;\n  rangeUnderflow?: string;\n  stepMismatch?: string;\n  tooLong?: string;\n  tooShort?: string;\n  typeMismatch?: string;\n  valueMissing?: string;\n}\n\nexport function BaseFieldError({\n  badInput,\n  customError,\n  patternMismatch,\n  rangeOverflow,\n  rangeUnderflow,\n  stepMismatch,\n  tooLong,\n  tooShort,\n  typeMismatch,\n  valueMissing,\n  ...rest\n}: BaseFieldErrorProps) {\n  return (\n    <FieldError {...rest}>\n      {({ validationDetails, validationErrors }) => {\n        if (validationDetails.badInput && badInput) {\n          return badInput;\n        }\n        if (validationDetails.customError && customError) {\n          return customError;\n        }\n        if (validationDetails.patternMismatch && patternMismatch) {\n          return patternMismatch;\n        }\n        if (validationDetails.rangeOverflow && rangeOverflow) {\n          return rangeOverflow;\n        }\n        if (validationDetails.rangeUnderflow && rangeUnderflow) {\n          return rangeUnderflow;\n        }\n        if (validationDetails.stepMismatch && stepMismatch) {\n          return stepMismatch;\n        }\n        if (validationDetails.tooLong && tooLong) {\n          return tooLong;\n        }\n        if (validationDetails.tooShort && tooShort) {\n          return tooShort;\n        }\n        if (validationDetails.typeMismatch && typeMismatch) {\n          return typeMismatch;\n        }\n        if (validationDetails.valueMissing && valueMissing) {\n          return valueMissing;\n        }\n        return validationErrors;\n      }}\n    </FieldError>\n  );\n}\n\nfunction PropsDescription() {\n  return (\n    <div style={{ marginBottom: 20 }}>\n      <p>\n        You can customize the error messages for built-in validations by\n        utilizing the props below.\n      </p>\n      <p>\n        For further information on the specific conditions triggering each\n        error, please refer to the{\" \"}\n        <a\n          target=\"_blank\"\n          href=\"https://developer.mozilla.org/en-US/docs/Web/API/ValidityState#instance_properties\"\n        >\n          MDN Docs\n        </a>\n        .\n      </p>\n    </div>\n  );\n}\n\nexport function registerFieldError(\n  loader?: Registerable,\n  overrides?: CodeComponentMetaOverrides<typeof BaseFieldError>\n) {\n  registerComponentHelper(\n    loader,\n    BaseFieldError,\n    {\n      name: makeComponentName(\"fielderror\"),\n      displayName: \"Aria Field Error\",\n      importPath: \"@plasmicpkgs/react-aria/skinny/registerFieldError\",\n      importName: \"BaseFieldError\",\n      actions: [\n        {\n          type: \"custom-action\",\n          control: PropsDescription,\n        },\n      ],\n      props: {\n        badInput: {\n          type: \"string\",\n          description:\n            \"Error message if the user has provided input that the browser is unable to convert\",\n        },\n        customError: {\n          type: \"string\",\n          description: \"Error message for custom validations\",\n        },\n        patternMismatch: {\n          type: \"string\",\n          description:\n            \"Error message if the value does not match the specified pattern\",\n        },\n        rangeOverflow: {\n          type: \"string\",\n          description:\n            \"Error message if the value is greater than the maximum specified\",\n        },\n        rangeUnderflow: {\n          type: \"string\",\n          description:\n            \"Error message if the value is less than the minimum specified\",\n        },\n        stepMismatch: {\n          type: \"string\",\n          description:\n            \"Error message if the value is not evenly divisible by the step value\",\n        },\n        tooLong: {\n          type: \"string\",\n          description:\n            \"Error message if the value exceeds the specified maximum number of characters\",\n        },\n        tooShort: {\n          type: \"string\",\n          description:\n            \"Error message  if the value fails to meet the specified minimum number of characters\",\n        },\n        typeMismatch: {\n          type: \"string\",\n          description:\n            \"Error message if the value is not in the required syntax (when type is email or url)\",\n        },\n        valueMissing: {\n          type: \"string\",\n          description: \"Error message if a required field has no value\",\n        },\n      },\n      trapsFocus: true,\n    },\n    overrides\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"registerFieldError.esm.js","sources":["../src/registerFieldError.tsx"],"sourcesContent":["import React from \"react\";\nimport type { FieldErrorProps } from \"react-aria-components\";\nimport { FieldError } from \"react-aria-components\";\nimport {\n  CodeComponentMetaOverrides,\n  makeComponentName,\n  Registerable,\n  registerComponentHelper,\n} from \"./utils\";\nimport { createIdProp } from \"./common\";\n\ninterface BaseFieldErrorProps extends FieldErrorProps {\n  useBuiltInValidation: boolean;\n  badInput?: string;\n  customError?: string;\n  patternMismatch?: string;\n  rangeOverflow?: string;\n  rangeUnderflow?: string;\n  stepMismatch?: string;\n  tooLong?: string;\n  tooShort?: string;\n  typeMismatch?: string;\n  valueMissing?: string;\n}\n\nexport function BaseFieldError({\n  badInput,\n  customError,\n  patternMismatch,\n  rangeOverflow,\n  rangeUnderflow,\n  stepMismatch,\n  tooLong,\n  tooShort,\n  typeMismatch,\n  valueMissing,\n  ...rest\n}: BaseFieldErrorProps) {\n  return (\n    <FieldError {...rest}>\n      {({ validationDetails, validationErrors }) => {\n        if (validationDetails.badInput && badInput) {\n          return badInput;\n        }\n        if (validationDetails.customError && customError) {\n          return customError;\n        }\n        if (validationDetails.patternMismatch && patternMismatch) {\n          return patternMismatch;\n        }\n        if (validationDetails.rangeOverflow && rangeOverflow) {\n          return rangeOverflow;\n        }\n        if (validationDetails.rangeUnderflow && rangeUnderflow) {\n          return rangeUnderflow;\n        }\n        if (validationDetails.stepMismatch && stepMismatch) {\n          return stepMismatch;\n        }\n        if (validationDetails.tooLong && tooLong) {\n          return tooLong;\n        }\n        if (validationDetails.tooShort && tooShort) {\n          return tooShort;\n        }\n        if (validationDetails.typeMismatch && typeMismatch) {\n          return typeMismatch;\n        }\n        if (validationDetails.valueMissing && valueMissing) {\n          return valueMissing;\n        }\n        return validationErrors;\n      }}\n    </FieldError>\n  );\n}\n\nfunction PropsDescription() {\n  return (\n    <div style={{ marginBottom: 20 }}>\n      <p>\n        You can customize the error messages for built-in validations by\n        utilizing the props below.\n      </p>\n      <p>\n        For further information on the specific conditions triggering each\n        error, please refer to the{\" \"}\n        <a\n          target=\"_blank\"\n          href=\"https://developer.mozilla.org/en-US/docs/Web/API/ValidityState#instance_properties\"\n        >\n          MDN Docs\n        </a>\n        .\n      </p>\n    </div>\n  );\n}\n\nexport function registerFieldError(\n  loader?: Registerable,\n  overrides?: CodeComponentMetaOverrides<typeof BaseFieldError>\n) {\n  registerComponentHelper(\n    loader,\n    BaseFieldError,\n    {\n      name: makeComponentName(\"fielderror\"),\n      displayName: \"Aria Field Error\",\n      importPath: \"@plasmicpkgs/react-aria/skinny/registerFieldError\",\n      importName: \"BaseFieldError\",\n      actions: [\n        {\n          type: \"custom-action\",\n          control: PropsDescription,\n        },\n      ],\n      props: {\n        id: createIdProp(\"Field Error\"),\n        badInput: {\n          type: \"string\",\n          description:\n            \"Error message if the user has provided input that the browser is unable to convert\",\n        },\n        customError: {\n          type: \"string\",\n          description: \"Error message for custom validations\",\n        },\n        patternMismatch: {\n          type: \"string\",\n          description:\n            \"Error message if the value does not match the specified pattern\",\n        },\n        rangeOverflow: {\n          type: \"string\",\n          description:\n            \"Error message if the value is greater than the maximum specified\",\n        },\n        rangeUnderflow: {\n          type: \"string\",\n          description:\n            \"Error message if the value is less than the minimum specified\",\n        },\n        stepMismatch: {\n          type: \"string\",\n          description:\n            \"Error message if the value is not evenly divisible by the step value\",\n        },\n        tooLong: {\n          type: \"string\",\n          description:\n            \"Error message if the value exceeds the specified maximum number of characters\",\n        },\n        tooShort: {\n          type: \"string\",\n          description:\n            \"Error message  if the value fails to meet the specified minimum number of characters\",\n        },\n        typeMismatch: {\n          type: \"string\",\n          description:\n            \"Error message if the value is not in the required syntax (when type is email or url)\",\n        },\n        valueMissing: {\n          type: \"string\",\n          description: \"Error message if a required field has no value\",\n        },\n      },\n      trapsFocus: true,\n    },\n    overrides\n  );\n}\n"],"names":[],"mappings":"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"}

package/skinny/registerForm.cjs.js

@@ -2,7 +2,7 @@
 
 var React = require('react');
 var reactAriaComponents = require('react-aria-components');
-var utils = require('./utils-88dd1a55.cjs.js');
+var common = require('./common-7f948fa5.cjs.js');
 require('@plasmicapp/host');
 require('@plasmicapp/host/registerComponent');
 
@@ -65,15 +65,16 @@ function BaseForm(props) {
   );
 }
 function registerForm(loader, overrides) {
-  utils.registerComponentHelper(
+  common.registerComponentHelper(
     loader,
     BaseForm,
     {
-      name: utils.makeComponentName("form"),
+      name: common.makeComponentName("form"),
       displayName: "Aria Form",
       importPath: "@plasmicpkgs/react-aria/skinny/registerForm",
       importName: "BaseForm",
       props: {
+        id: common.createIdProp("Form"),
         children: {
           type: "slot",
           mergeWithParent: true

package/skinny/registerForm.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"registerForm.cjs.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":["React","Form","registerComponentHelper","makeComponentName"],"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,uBAAAA,sBAAA,CAAA,aAAA;AAAA,IAACC,wBAAA;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,EAAAC,6BAAA;AAAA,IACE,MAAA;AAAA,IACA,QAAA;AAAA,IACA;AAAA,MACE,IAAA,EAAMC,wBAAkB,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.cjs.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":["React","Form","registerComponentHelper","makeComponentName","createIdProp"],"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,uBAAAA,sBAAA,CAAA,aAAA;AAAA,IAACC,wBAAA;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,EAAAC,8BAAA;AAAA,IACE,MAAA;AAAA,IACA,QAAA;AAAA,IACA;AAAA,MACE,IAAA,EAAMC,yBAAkB,MAAM,CAAA;AAAA,MAC9B,WAAa,EAAA,WAAA;AAAA,MACb,UAAY,EAAA,6CAAA;AAAA,MACZ,UAAY,EAAA,UAAA;AAAA,MACZ,KAAO,EAAA;AAAA,QACL,EAAA,EAAIC,oBAAa,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;;;;;"}