@plasmicpkgs/react-aria 0.0.9 → 0.0.10

package/skinny/registerButton.cjs.js

@@ -1,15 +1,58 @@
 'use strict';
 
+var React = require('react');
 var reactAriaComponents = require('react-aria-components');
-var utils = require('./utils-044c7f37.cjs.js');
+var utils = require('./utils-1190a0a9.cjs.js');
 require('@plasmicapp/host/registerComponent');
 
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+var __defProp = Object.defineProperty;
+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 __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 BaseButton(props) {
+  const _a = props, { submitsForm, onFocusVisibleChange, children } = _a, rest = __objRest(_a, ["submitsForm", "onFocusVisibleChange", "children"]);
+  return /* @__PURE__ */ React__default.default.createElement(reactAriaComponents.Button, __spreadValues({ type: submitsForm ? "submit" : "button" }, rest), ({ isFocusVisible }) => /* @__PURE__ */ React__default.default.createElement(React__default.default.Fragment, null, /* @__PURE__ */ React__default.default.createElement(
+    utils.ValueObserver,
+    {
+      value: isFocusVisible,
+      onChange: onFocusVisibleChange
+    }
+  ), children));
+}
 function registerButton(loader, overrides) {
   utils.registerComponentHelper(
     loader,
-    reactAriaComponents.Button,
+    BaseButton,
     {
-      name: "plasmic-react-aria-button",
+      name: utils.makeComponentName("button"),
       displayName: "BaseButton",
       importPath: "@plasmicpkgs/react-aria/registerButton",
       importName: "BaseButton",
@@ -18,31 +61,66 @@ function registerButton(loader, overrides) {
           type: "slot",
           mergeWithParent: true
         },
-        className: {
-          type: "class",
-          displayName: "Additional states",
-          selectors: [
-            {
-              selector: ":self[data-hovered]",
-              label: "Hovered"
-            },
-            {
-              selector: ":self[data-pressed]",
-              label: "Pressed"
-            },
-            {
-              selector: ":self[data-focused]",
-              label: "Focused"
-            },
-            {
-              selector: ":self[data-focus-visible]",
-              label: "Focused by keyboard"
-            },
-            {
-              selector: ":self[data-disabled]",
-              label: "Disabled"
-            }
-          ]
+        isDisabled: {
+          displayName: "Disabled",
+          type: "boolean",
+          description: "Whether the button is disabled",
+          defaultValueHint: false
+        },
+        submitsForm: {
+          type: "boolean",
+          displayName: "Submits form?",
+          defaultValueHint: false,
+          description: "Whether clicking this button should submit the enclosing form.",
+          advanced: true
+        },
+        "aria-label": {
+          type: "string",
+          displayName: "Aria Label",
+          description: "Label for this button, if no visible label is used (e.g. an icon only button)",
+          advanced: true
+        },
+        onPress: {
+          type: "eventHandler",
+          argTypes: [{ name: "event", type: "object" }]
+        },
+        onHoverChange: {
+          type: "eventHandler",
+          argTypes: [{ name: "isHovered", type: "boolean" }]
+        },
+        onPressChange: {
+          type: "eventHandler",
+          argTypes: [{ name: "isPressed", type: "boolean" }]
+        },
+        onFocusChange: {
+          type: "eventHandler",
+          argTypes: [{ name: "isFocused", type: "boolean" }]
+        },
+        onFocusVisibleChange: {
+          type: "eventHandler",
+          argTypes: [{ name: "isFocusVisible", type: "boolean" }]
+        }
+      },
+      states: {
+        isHovered: {
+          type: "readonly",
+          onChangeProp: "onHoverChange",
+          variableType: "boolean"
+        },
+        isPressed: {
+          type: "readonly",
+          onChangeProp: "onPressChange",
+          variableType: "boolean"
+        },
+        isFocused: {
+          type: "readonly",
+          onChangeProp: "onFocusChange",
+          variableType: "boolean"
+        },
+        isFocusVisible: {
+          type: "readonly",
+          onChangeProp: "onFocusVisibleChange",
+          variableType: "boolean"
         }
       },
       trapsFocus: true
@@ -51,9 +129,6 @@ function registerButton(loader, overrides) {
   );
 }
 
-Object.defineProperty(exports, 'BaseButton', {
-  enumerable: true,
-  get: function () { return reactAriaComponents.Button; }
-});
+exports.BaseButton = BaseButton;
 exports.registerButton = registerButton;
 //# sourceMappingURL=registerButton.cjs.js.map

package/skinny/registerButton.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"registerButton.cjs.js","sources":["../src/registerButton.tsx"],"sourcesContent":["import { Button as BaseButton } from \"react-aria-components\";\nimport {\n  CodeComponentMetaOverrides,\n  Registerable,\n  registerComponentHelper,\n} from \"./utils\";\n\nexport { BaseButton };\n\nexport function registerButton(\n  loader?: Registerable,\n  overrides?: CodeComponentMetaOverrides<typeof BaseButton>\n) {\n  registerComponentHelper(\n    loader,\n    BaseButton,\n    {\n      name: \"plasmic-react-aria-button\",\n      displayName: \"BaseButton\",\n      importPath: \"@plasmicpkgs/react-aria/registerButton\",\n      importName: \"BaseButton\",\n      props: {\n        children: {\n          type: \"slot\",\n          mergeWithParent: true as any,\n        },\n        className: {\n          type: \"class\",\n          displayName: \"Additional states\",\n          selectors: [\n            {\n              selector: \":self[data-hovered]\",\n              label: \"Hovered\",\n            },\n            {\n              selector: \":self[data-pressed]\",\n              label: \"Pressed\",\n            },\n            {\n              selector: \":self[data-focused]\",\n              label: \"Focused\",\n            },\n            {\n              selector: \":self[data-focus-visible]\",\n              label: \"Focused by keyboard\",\n            },\n            {\n              selector: \":self[data-disabled]\",\n              label: \"Disabled\",\n            },\n          ],\n        },\n      },\n      trapsFocus: true,\n    },\n    overrides\n  );\n}\n"],"names":["registerComponentHelper","BaseButton"],"mappings":";;;;;;AASgB,SAAA,cAAA,CACd,QACA,SACA,EAAA;AACA,EAAAA,6BAAA;AAAA,IACE,MAAA;AAAA,IACAC,0BAAA;AAAA,IACA;AAAA,MACE,IAAM,EAAA,2BAAA;AAAA,MACN,WAAa,EAAA,YAAA;AAAA,MACb,UAAY,EAAA,wCAAA;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,QACA,SAAW,EAAA;AAAA,UACT,IAAM,EAAA,OAAA;AAAA,UACN,WAAa,EAAA,mBAAA;AAAA,UACb,SAAW,EAAA;AAAA,YACT;AAAA,cACE,QAAU,EAAA,qBAAA;AAAA,cACV,KAAO,EAAA,SAAA;AAAA,aACT;AAAA,YACA;AAAA,cACE,QAAU,EAAA,qBAAA;AAAA,cACV,KAAO,EAAA,SAAA;AAAA,aACT;AAAA,YACA;AAAA,cACE,QAAU,EAAA,qBAAA;AAAA,cACV,KAAO,EAAA,SAAA;AAAA,aACT;AAAA,YACA;AAAA,cACE,QAAU,EAAA,2BAAA;AAAA,cACV,KAAO,EAAA,qBAAA;AAAA,aACT;AAAA,YACA;AAAA,cACE,QAAU,EAAA,sBAAA;AAAA,cACV,KAAO,EAAA,UAAA;AAAA,aACT;AAAA,WACF;AAAA,SACF;AAAA,OACF;AAAA,MACA,UAAY,EAAA,IAAA;AAAA,KACd;AAAA,IACA,SAAA;AAAA,GACF,CAAA;AACF;;;;;;;;"}
+{"version":3,"file":"registerButton.cjs.js","sources":["../src/registerButton.tsx"],"sourcesContent":["import React from \"react\";\nimport type { ButtonProps } from \"react-aria-components\";\nimport { Button } from \"react-aria-components\";\nimport {\n  CodeComponentMetaOverrides,\n  makeComponentName,\n  Registerable,\n  registerComponentHelper,\n  ValueObserver,\n} from \"./utils\";\n\ninterface BaseButtonProps extends ButtonProps {\n  submitsForm?: boolean;\n  onFocusVisibleChange?: (isFocusVisible: boolean) => void;\n}\n\nexport function BaseButton(props: BaseButtonProps) {\n  const { submitsForm, onFocusVisibleChange, children, ...rest } = props;\n\n  return (\n    <Button type={submitsForm ? \"submit\" : \"button\"} {...rest}>\n      {({ isFocusVisible }) => (\n        <>\n          <ValueObserver\n            value={isFocusVisible}\n            onChange={onFocusVisibleChange}\n          />\n          {children}\n        </>\n      )}\n    </Button>\n  );\n}\n\nexport function registerButton(\n  loader?: Registerable,\n  overrides?: CodeComponentMetaOverrides<typeof BaseButton>\n) {\n  registerComponentHelper(\n    loader,\n    BaseButton,\n    {\n      name: makeComponentName(\"button\"),\n      displayName: \"BaseButton\",\n      importPath: \"@plasmicpkgs/react-aria/registerButton\",\n      importName: \"BaseButton\",\n      props: {\n        children: {\n          type: \"slot\",\n          mergeWithParent: true as any,\n        },\n        isDisabled: {\n          displayName: \"Disabled\",\n          type: \"boolean\",\n          description: \"Whether the button is disabled\",\n          defaultValueHint: false,\n        },\n        submitsForm: {\n          type: \"boolean\",\n          displayName: \"Submits form?\",\n          defaultValueHint: false,\n          description:\n            \"Whether clicking this button should submit the enclosing form.\",\n          advanced: true,\n        },\n        \"aria-label\": {\n          type: \"string\",\n          displayName: \"Aria Label\",\n          description:\n            \"Label for this button, if no visible label is used (e.g. an icon only button)\",\n          advanced: true,\n        },\n        onPress: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"event\", type: \"object\" }],\n        },\n        onHoverChange: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"isHovered\", type: \"boolean\" }],\n        },\n        onPressChange: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"isPressed\", type: \"boolean\" }],\n        },\n        onFocusChange: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"isFocused\", type: \"boolean\" }],\n        },\n        onFocusVisibleChange: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"isFocusVisible\", type: \"boolean\" }],\n        },\n      },\n      states: {\n        isHovered: {\n          type: \"readonly\",\n          onChangeProp: \"onHoverChange\",\n          variableType: \"boolean\",\n        },\n        isPressed: {\n          type: \"readonly\",\n          onChangeProp: \"onPressChange\",\n          variableType: \"boolean\",\n        },\n        isFocused: {\n          type: \"readonly\",\n          onChangeProp: \"onFocusChange\",\n          variableType: \"boolean\",\n        },\n        isFocusVisible: {\n          type: \"readonly\",\n          onChangeProp: \"onFocusVisibleChange\",\n          variableType: \"boolean\",\n        },\n      },\n      trapsFocus: true,\n    },\n    overrides\n  );\n}\n"],"names":["React","Button","ValueObserver","registerComponentHelper","makeComponentName"],"mappings":"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"}

package/skinny/registerButton.d.ts

@@ -1,4 +1,10 @@
-import { Button as BaseButton } from "react-aria-components";
+import React from "react";
+import type { ButtonProps } from "react-aria-components";
 import { CodeComponentMetaOverrides, Registerable } from "./utils";
-export { BaseButton };
+interface BaseButtonProps extends ButtonProps {
+    submitsForm?: boolean;
+    onFocusVisibleChange?: (isFocusVisible: boolean) => void;
+}
+export declare function BaseButton(props: BaseButtonProps): React.JSX.Element;
 export declare function registerButton(loader?: Registerable, overrides?: CodeComponentMetaOverrides<typeof BaseButton>): void;
+export {};

package/skinny/registerButton.esm.js

@@ -1,14 +1,52 @@
+import React from 'react';
 import { Button } from 'react-aria-components';
-export { Button as BaseButton } from 'react-aria-components';
-import { r as registerComponentHelper } from './utils-d92b3b76.esm.js';
+import { V as ValueObserver, r as registerComponentHelper, m as makeComponentName } from './utils-28f98072.esm.js';
 import '@plasmicapp/host/registerComponent';
 
+var __defProp = Object.defineProperty;
+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 __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 BaseButton(props) {
+  const _a = props, { submitsForm, onFocusVisibleChange, children } = _a, rest = __objRest(_a, ["submitsForm", "onFocusVisibleChange", "children"]);
+  return /* @__PURE__ */ React.createElement(Button, __spreadValues({ type: submitsForm ? "submit" : "button" }, rest), ({ isFocusVisible }) => /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+    ValueObserver,
+    {
+      value: isFocusVisible,
+      onChange: onFocusVisibleChange
+    }
+  ), children));
+}
 function registerButton(loader, overrides) {
   registerComponentHelper(
     loader,
-    Button,
+    BaseButton,
     {
-      name: "plasmic-react-aria-button",
+      name: makeComponentName("button"),
       displayName: "BaseButton",
       importPath: "@plasmicpkgs/react-aria/registerButton",
       importName: "BaseButton",
@@ -17,31 +55,66 @@ function registerButton(loader, overrides) {
           type: "slot",
           mergeWithParent: true
         },
-        className: {
-          type: "class",
-          displayName: "Additional states",
-          selectors: [
-            {
-              selector: ":self[data-hovered]",
-              label: "Hovered"
-            },
-            {
-              selector: ":self[data-pressed]",
-              label: "Pressed"
-            },
-            {
-              selector: ":self[data-focused]",
-              label: "Focused"
-            },
-            {
-              selector: ":self[data-focus-visible]",
-              label: "Focused by keyboard"
-            },
-            {
-              selector: ":self[data-disabled]",
-              label: "Disabled"
-            }
-          ]
+        isDisabled: {
+          displayName: "Disabled",
+          type: "boolean",
+          description: "Whether the button is disabled",
+          defaultValueHint: false
+        },
+        submitsForm: {
+          type: "boolean",
+          displayName: "Submits form?",
+          defaultValueHint: false,
+          description: "Whether clicking this button should submit the enclosing form.",
+          advanced: true
+        },
+        "aria-label": {
+          type: "string",
+          displayName: "Aria Label",
+          description: "Label for this button, if no visible label is used (e.g. an icon only button)",
+          advanced: true
+        },
+        onPress: {
+          type: "eventHandler",
+          argTypes: [{ name: "event", type: "object" }]
+        },
+        onHoverChange: {
+          type: "eventHandler",
+          argTypes: [{ name: "isHovered", type: "boolean" }]
+        },
+        onPressChange: {
+          type: "eventHandler",
+          argTypes: [{ name: "isPressed", type: "boolean" }]
+        },
+        onFocusChange: {
+          type: "eventHandler",
+          argTypes: [{ name: "isFocused", type: "boolean" }]
+        },
+        onFocusVisibleChange: {
+          type: "eventHandler",
+          argTypes: [{ name: "isFocusVisible", type: "boolean" }]
+        }
+      },
+      states: {
+        isHovered: {
+          type: "readonly",
+          onChangeProp: "onHoverChange",
+          variableType: "boolean"
+        },
+        isPressed: {
+          type: "readonly",
+          onChangeProp: "onPressChange",
+          variableType: "boolean"
+        },
+        isFocused: {
+          type: "readonly",
+          onChangeProp: "onFocusChange",
+          variableType: "boolean"
+        },
+        isFocusVisible: {
+          type: "readonly",
+          onChangeProp: "onFocusVisibleChange",
+          variableType: "boolean"
         }
       },
       trapsFocus: true
@@ -50,5 +123,5 @@ function registerButton(loader, overrides) {
   );
 }
 
-export { registerButton };
+export { BaseButton, registerButton };
 //# sourceMappingURL=registerButton.esm.js.map

package/skinny/registerButton.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"registerButton.esm.js","sources":["../src/registerButton.tsx"],"sourcesContent":["import { Button as BaseButton } from \"react-aria-components\";\nimport {\n  CodeComponentMetaOverrides,\n  Registerable,\n  registerComponentHelper,\n} from \"./utils\";\n\nexport { BaseButton };\n\nexport function registerButton(\n  loader?: Registerable,\n  overrides?: CodeComponentMetaOverrides<typeof BaseButton>\n) {\n  registerComponentHelper(\n    loader,\n    BaseButton,\n    {\n      name: \"plasmic-react-aria-button\",\n      displayName: \"BaseButton\",\n      importPath: \"@plasmicpkgs/react-aria/registerButton\",\n      importName: \"BaseButton\",\n      props: {\n        children: {\n          type: \"slot\",\n          mergeWithParent: true as any,\n        },\n        className: {\n          type: \"class\",\n          displayName: \"Additional states\",\n          selectors: [\n            {\n              selector: \":self[data-hovered]\",\n              label: \"Hovered\",\n            },\n            {\n              selector: \":self[data-pressed]\",\n              label: \"Pressed\",\n            },\n            {\n              selector: \":self[data-focused]\",\n              label: \"Focused\",\n            },\n            {\n              selector: \":self[data-focus-visible]\",\n              label: \"Focused by keyboard\",\n            },\n            {\n              selector: \":self[data-disabled]\",\n              label: \"Disabled\",\n            },\n          ],\n        },\n      },\n      trapsFocus: true,\n    },\n    overrides\n  );\n}\n"],"names":["BaseButton"],"mappings":";;;;;AASgB,SAAA,cAAA,CACd,QACA,SACA,EAAA;AACA,EAAA,uBAAA;AAAA,IACE,MAAA;AAAA,IACAA,MAAA;AAAA,IACA;AAAA,MACE,IAAM,EAAA,2BAAA;AAAA,MACN,WAAa,EAAA,YAAA;AAAA,MACb,UAAY,EAAA,wCAAA;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,QACA,SAAW,EAAA;AAAA,UACT,IAAM,EAAA,OAAA;AAAA,UACN,WAAa,EAAA,mBAAA;AAAA,UACb,SAAW,EAAA;AAAA,YACT;AAAA,cACE,QAAU,EAAA,qBAAA;AAAA,cACV,KAAO,EAAA,SAAA;AAAA,aACT;AAAA,YACA;AAAA,cACE,QAAU,EAAA,qBAAA;AAAA,cACV,KAAO,EAAA,SAAA;AAAA,aACT;AAAA,YACA;AAAA,cACE,QAAU,EAAA,qBAAA;AAAA,cACV,KAAO,EAAA,SAAA;AAAA,aACT;AAAA,YACA;AAAA,cACE,QAAU,EAAA,2BAAA;AAAA,cACV,KAAO,EAAA,qBAAA;AAAA,aACT;AAAA,YACA;AAAA,cACE,QAAU,EAAA,sBAAA;AAAA,cACV,KAAO,EAAA,UAAA;AAAA,aACT;AAAA,WACF;AAAA,SACF;AAAA,OACF;AAAA,MACA,UAAY,EAAA,IAAA;AAAA,KACd;AAAA,IACA,SAAA;AAAA,GACF,CAAA;AACF;;;;"}
+{"version":3,"file":"registerButton.esm.js","sources":["../src/registerButton.tsx"],"sourcesContent":["import React from \"react\";\nimport type { ButtonProps } from \"react-aria-components\";\nimport { Button } from \"react-aria-components\";\nimport {\n  CodeComponentMetaOverrides,\n  makeComponentName,\n  Registerable,\n  registerComponentHelper,\n  ValueObserver,\n} from \"./utils\";\n\ninterface BaseButtonProps extends ButtonProps {\n  submitsForm?: boolean;\n  onFocusVisibleChange?: (isFocusVisible: boolean) => void;\n}\n\nexport function BaseButton(props: BaseButtonProps) {\n  const { submitsForm, onFocusVisibleChange, children, ...rest } = props;\n\n  return (\n    <Button type={submitsForm ? \"submit\" : \"button\"} {...rest}>\n      {({ isFocusVisible }) => (\n        <>\n          <ValueObserver\n            value={isFocusVisible}\n            onChange={onFocusVisibleChange}\n          />\n          {children}\n        </>\n      )}\n    </Button>\n  );\n}\n\nexport function registerButton(\n  loader?: Registerable,\n  overrides?: CodeComponentMetaOverrides<typeof BaseButton>\n) {\n  registerComponentHelper(\n    loader,\n    BaseButton,\n    {\n      name: makeComponentName(\"button\"),\n      displayName: \"BaseButton\",\n      importPath: \"@plasmicpkgs/react-aria/registerButton\",\n      importName: \"BaseButton\",\n      props: {\n        children: {\n          type: \"slot\",\n          mergeWithParent: true as any,\n        },\n        isDisabled: {\n          displayName: \"Disabled\",\n          type: \"boolean\",\n          description: \"Whether the button is disabled\",\n          defaultValueHint: false,\n        },\n        submitsForm: {\n          type: \"boolean\",\n          displayName: \"Submits form?\",\n          defaultValueHint: false,\n          description:\n            \"Whether clicking this button should submit the enclosing form.\",\n          advanced: true,\n        },\n        \"aria-label\": {\n          type: \"string\",\n          displayName: \"Aria Label\",\n          description:\n            \"Label for this button, if no visible label is used (e.g. an icon only button)\",\n          advanced: true,\n        },\n        onPress: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"event\", type: \"object\" }],\n        },\n        onHoverChange: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"isHovered\", type: \"boolean\" }],\n        },\n        onPressChange: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"isPressed\", type: \"boolean\" }],\n        },\n        onFocusChange: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"isFocused\", type: \"boolean\" }],\n        },\n        onFocusVisibleChange: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"isFocusVisible\", type: \"boolean\" }],\n        },\n      },\n      states: {\n        isHovered: {\n          type: \"readonly\",\n          onChangeProp: \"onHoverChange\",\n          variableType: \"boolean\",\n        },\n        isPressed: {\n          type: \"readonly\",\n          onChangeProp: \"onPressChange\",\n          variableType: \"boolean\",\n        },\n        isFocused: {\n          type: \"readonly\",\n          onChangeProp: \"onFocusChange\",\n          variableType: \"boolean\",\n        },\n        isFocusVisible: {\n          type: \"readonly\",\n          onChangeProp: \"onFocusVisibleChange\",\n          variableType: \"boolean\",\n        },\n      },\n      trapsFocus: true,\n    },\n    overrides\n  );\n}\n"],"names":[],"mappings":"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"}

package/skinny/registerComboBox.cjs.js

@@ -5,7 +5,7 @@ var React = require('react');
 var reactAriaComponents = require('react-aria-components');
 var contexts = require('./contexts-c0294d96.cjs.js');
 var optionUtils = require('./option-utils-0db61f6d.cjs.js');
-var utils = require('./utils-044c7f37.cjs.js');
+var utils = require('./utils-1190a0a9.cjs.js');
 require('@plasmicapp/host/registerComponent');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }

package/skinny/registerComboBox.esm.js

@@ -3,7 +3,7 @@ import React from 'react';
 import { ComboBox, ComboBoxStateContext } from 'react-aria-components';
 import { P as PlasmicListBoxContext, a as PlasmicInputContext } from './contexts-fd3e1077.esm.js';
 import { u as useStrictOptions, f as flattenOptions, m as makeOptionsPropType, a as makeValuePropType } from './option-utils-765a1782.esm.js';
-import { e as extractPlasmicDataProps, r as registerComponentHelper, w as withoutNils, m as makeComponentName } from './utils-d92b3b76.esm.js';
+import { e as extractPlasmicDataProps, r as registerComponentHelper, w as withoutNils, m as makeComponentName } from './utils-28f98072.esm.js';
 import '@plasmicapp/host/registerComponent';
 
 var __defProp = Object.defineProperty;

package/skinny/registerHeader.cjs.js

@@ -4,7 +4,7 @@ var utils = require('@react-aria/utils');
 var React = require('react');
 var reactAriaComponents = require('react-aria-components');
 var contexts = require('./contexts-c0294d96.cjs.js');
-var utils$1 = require('./utils-044c7f37.cjs.js');
+var utils$1 = require('./utils-1190a0a9.cjs.js');
 require('@plasmicapp/host/registerComponent');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }

package/skinny/registerHeader.esm.js

@@ -2,7 +2,7 @@ import { mergeProps } from '@react-aria/utils';
 import React from 'react';
 import { Header } from 'react-aria-components';
 import { f as PlasmicHeaderContext } from './contexts-fd3e1077.esm.js';
-import { r as registerComponentHelper, m as makeComponentName } from './utils-d92b3b76.esm.js';
+import { r as registerComponentHelper, m as makeComponentName } from './utils-28f98072.esm.js';
 import '@plasmicapp/host/registerComponent';
 
 var __defProp = Object.defineProperty;

package/skinny/registerInput.cjs.js

@@ -4,7 +4,7 @@ var utils = require('@react-aria/utils');
 var React = require('react');
 var reactAriaComponents = require('react-aria-components');
 var contexts = require('./contexts-c0294d96.cjs.js');
-var utils$1 = require('./utils-044c7f37.cjs.js');
+var utils$1 = require('./utils-1190a0a9.cjs.js');
 require('@plasmicapp/host/registerComponent');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }

package/skinny/registerInput.esm.js

@@ -2,7 +2,7 @@ import { mergeProps } from '@react-aria/utils';
 import React from 'react';
 import { Input } from 'react-aria-components';
 import { a as PlasmicInputContext } from './contexts-fd3e1077.esm.js';
-import { r as registerComponentHelper, m as makeComponentName } from './utils-d92b3b76.esm.js';
+import { r as registerComponentHelper, m as makeComponentName } from './utils-28f98072.esm.js';
 import '@plasmicapp/host/registerComponent';
 
 var __defProp = Object.defineProperty;

package/skinny/registerLabel.cjs.js

@@ -4,7 +4,7 @@ var utils = require('@react-aria/utils');
 var React = require('react');
 var reactAriaComponents = require('react-aria-components');
 var contexts = require('./contexts-c0294d96.cjs.js');
-var utils$1 = require('./utils-044c7f37.cjs.js');
+var utils$1 = require('./utils-1190a0a9.cjs.js');
 require('@plasmicapp/host/registerComponent');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }

package/skinny/registerLabel.esm.js

@@ -2,7 +2,7 @@ import { mergeProps } from '@react-aria/utils';
 import React from 'react';
 import { Label } from 'react-aria-components';
 import { b as PlasmicLabelContext } from './contexts-fd3e1077.esm.js';
-import { r as registerComponentHelper } from './utils-d92b3b76.esm.js';
+import { r as registerComponentHelper } from './utils-28f98072.esm.js';
 import '@plasmicapp/host/registerComponent';
 
 var __defProp = Object.defineProperty;

package/skinny/registerListBox.cjs.js

@@ -5,7 +5,7 @@ var React = require('react');
 var reactAriaComponents = require('react-aria-components');
 var contexts = require('./contexts-c0294d96.cjs.js');
 var registerListBoxItem = require('./registerListBoxItem.cjs.js');
-var utils$1 = require('./utils-044c7f37.cjs.js');
+var utils$1 = require('./utils-1190a0a9.cjs.js');
 require('@plasmicapp/host/registerComponent');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }

package/skinny/registerListBox.esm.js

@@ -3,7 +3,7 @@ import React from 'react';
 import { ListBox } from 'react-aria-components';
 import { P as PlasmicListBoxContext, c as PlasmicSectionContext, d as PlasmicItemContext } from './contexts-fd3e1077.esm.js';
 import { registerListBoxItem } from './registerListBoxItem.esm.js';
-import { r as registerComponentHelper, m as makeComponentName } from './utils-d92b3b76.esm.js';
+import { r as registerComponentHelper, m as makeComponentName } from './utils-28f98072.esm.js';
 import '@plasmicapp/host/registerComponent';
 
 var __defProp = Object.defineProperty;

package/skinny/registerListBoxItem.cjs.js

@@ -4,7 +4,7 @@ var utils = require('@react-aria/utils');
 var React = require('react');
 var reactAriaComponents = require('react-aria-components');
 var contexts = require('./contexts-c0294d96.cjs.js');
-var utils$1 = require('./utils-044c7f37.cjs.js');
+var utils$1 = require('./utils-1190a0a9.cjs.js');
 require('@plasmicapp/host/registerComponent');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }

package/skinny/registerListBoxItem.esm.js

@@ -2,7 +2,7 @@ import { mergeProps } from '@react-aria/utils';
 import React from 'react';
 import { ListBoxItem } from 'react-aria-components';
 import { d as PlasmicItemContext } from './contexts-fd3e1077.esm.js';
-import { r as registerComponentHelper, m as makeComponentName } from './utils-d92b3b76.esm.js';
+import { r as registerComponentHelper, m as makeComponentName } from './utils-28f98072.esm.js';
 import '@plasmicapp/host/registerComponent';
 
 var __defProp = Object.defineProperty;

package/skinny/registerPopover.cjs.js

@@ -5,7 +5,7 @@ var utils = require('@react-aria/utils');
 var React = require('react');
 var reactAriaComponents = require('react-aria-components');
 var contexts = require('./contexts-c0294d96.cjs.js');
-var utils$1 = require('./utils-044c7f37.cjs.js');
+var utils$1 = require('./utils-1190a0a9.cjs.js');
 require('@plasmicapp/host/registerComponent');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }

package/skinny/registerPopover.esm.js

@@ -3,7 +3,7 @@ import { mergeProps } from '@react-aria/utils';
 import React from 'react';
 import { PopoverContext, Popover } from 'react-aria-components';
 import { e as PlasmicPopoverContext } from './contexts-fd3e1077.esm.js';
-import { r as registerComponentHelper } from './utils-d92b3b76.esm.js';
+import { r as registerComponentHelper } from './utils-28f98072.esm.js';
 import '@plasmicapp/host/registerComponent';
 
 var __defProp = Object.defineProperty;

package/skinny/registerSection.cjs.js

@@ -5,7 +5,7 @@ var React = require('react');
 var reactAriaComponents = require('react-aria-components');
 var contexts = require('./contexts-c0294d96.cjs.js');
 var registerHeader = require('./registerHeader.cjs.js');
-var utils$1 = require('./utils-044c7f37.cjs.js');
+var utils$1 = require('./utils-1190a0a9.cjs.js');
 require('@plasmicapp/host/registerComponent');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }

package/skinny/registerSection.esm.js

@@ -3,7 +3,7 @@ import React from 'react';
 import { Section, Collection } from 'react-aria-components';
 import { c as PlasmicSectionContext, f as PlasmicHeaderContext, d as PlasmicItemContext } from './contexts-fd3e1077.esm.js';
 import { registerHeader } from './registerHeader.esm.js';
-import { r as registerComponentHelper, a as makeChildComponentName, m as makeComponentName } from './utils-d92b3b76.esm.js';
+import { r as registerComponentHelper, a as makeChildComponentName, m as makeComponentName } from './utils-28f98072.esm.js';
 import '@plasmicapp/host/registerComponent';
 
 var __defProp = Object.defineProperty;

package/skinny/registerSelect.cjs.js

@@ -5,7 +5,7 @@ var React = require('react');
 var reactAriaComponents = require('react-aria-components');
 var contexts = require('./contexts-c0294d96.cjs.js');
 var optionUtils = require('./option-utils-0db61f6d.cjs.js');
-var utils = require('./utils-044c7f37.cjs.js');
+var utils = require('./utils-1190a0a9.cjs.js');
 require('@plasmicapp/host/registerComponent');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }

package/skinny/registerSelect.esm.js

@@ -4,7 +4,7 @@ import { Select, SelectValue } from 'react-aria-components';
 export { SelectValue as BaseSelectValue } from 'react-aria-components';
 import { P as PlasmicListBoxContext } from './contexts-fd3e1077.esm.js';
 import { u as useStrictOptions, f as flattenOptions, m as makeOptionsPropType, a as makeValuePropType } from './option-utils-765a1782.esm.js';
-import { e as extractPlasmicDataProps, r as registerComponentHelper, m as makeComponentName } from './utils-d92b3b76.esm.js';
+import { e as extractPlasmicDataProps, r as registerComponentHelper, m as makeComponentName } from './utils-28f98072.esm.js';
 import '@plasmicapp/host/registerComponent';
 
 var __defProp = Object.defineProperty;

package/skinny/{utils-044c7f37.cjs.js → utils-1190a0a9.cjs.js}

@@ -1,6 +1,7 @@
 'use strict';
 
 var registerComponent = require('@plasmicapp/host/registerComponent');
+var React = require('react');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
@@ -25,6 +26,12 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+function ValueObserver({ value, onChange }) {
+  React.useEffect(() => {
+    onChange(value);
+  }, [value, onChange]);
+  return null;
+}
 function registerComponentHelper(loader, component, meta, overrides) {
   if (overrides) {
     meta = __spreadProps(__spreadValues(__spreadValues({}, meta), overrides), {
@@ -66,9 +73,10 @@ function withoutNils(array) {
   return array.filter((x) => x != null);
 }
 
+exports.ValueObserver = ValueObserver;
 exports.extractPlasmicDataProps = extractPlasmicDataProps;
 exports.makeChildComponentName = makeChildComponentName;
 exports.makeComponentName = makeComponentName;
 exports.registerComponentHelper = registerComponentHelper;
 exports.withoutNils = withoutNils;
-//# sourceMappingURL=utils-044c7f37.cjs.js.map
+//# sourceMappingURL=utils-1190a0a9.cjs.js.map

package/skinny/utils-1190a0a9.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils-1190a0a9.cjs.js","sources":["../src/utils.ts"],"sourcesContent":["import type { CodeComponentMeta } from \"@plasmicapp/host\";\nimport registerComponent from \"@plasmicapp/host/registerComponent\";\nimport React, { useEffect } from \"react\";\n\nexport function ValueObserver({ value, onChange }: any) {\n  useEffect(() => {\n    onChange(value);\n  }, [value, onChange]);\n  return null;\n}\n\nexport type Registerable = {\n  registerComponent: typeof registerComponent;\n};\n\nexport type CodeComponentMetaOverrides<T extends React.ComponentType<any>> =\n  Partial<\n    Pick<\n      CodeComponentMeta<React.ComponentProps<T>>,\n      \"parentComponentName\" | \"props\" | \"displayName\"\n    >\n  >;\n\nexport function registerComponentHelper<T extends React.ComponentType<any>>(\n  loader: Registerable | undefined,\n  component: T,\n  meta: CodeComponentMeta<React.ComponentProps<T>>,\n  overrides?: CodeComponentMetaOverrides<T>\n) {\n  if (overrides) {\n    meta = {\n      ...meta,\n      ...overrides,\n      props: {\n        ...meta.props,\n        ...overrides.props,\n      },\n    };\n    if (overrides.parentComponentName) {\n      meta.name = makeChildComponentName(\n        overrides.parentComponentName,\n        meta.name\n      );\n    }\n  }\n  if (loader) {\n    loader.registerComponent(component, meta);\n  } else {\n    registerComponent(component, meta);\n  }\n}\n\nexport function makeComponentName(name: string) {\n  return `plasmic-react-aria-${name}`;\n}\n\nexport function makeChildComponentName(\n  fullParentName: string | undefined,\n  fullChildName: string\n) {\n  if (!fullParentName) {\n    return fullChildName;\n  }\n  return `${fullParentName}-${fullChildName.replace(\n    \"plasmic-react-aria-\",\n    \"\"\n  )}`;\n}\n\nexport interface Styleable {\n  className?: string;\n  style?: React.CSSProperties;\n}\n\nexport function extractPlasmicDataProps(props: Record<string, any>) {\n  return Object.fromEntries(\n    Object.entries(props).filter(([key, val]) =>\n      key.startsWith(\"data-plasmic-\")\n    )\n  );\n}\n\nexport function withoutNils<T>(array: (T | undefined | null)[]) {\n  return array.filter((x): x is T => x != null);\n}\n"],"names":["useEffect","registerComponent"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIO,SAAS,aAAc,CAAA,EAAE,KAAO,EAAA,QAAA,EAAiB,EAAA;AACtD,EAAAA,eAAA,CAAU,MAAM;AACd,IAAA,QAAA,CAAS,KAAK,CAAA,CAAA;AAAA,GACb,EAAA,CAAC,KAAO,EAAA,QAAQ,CAAC,CAAA,CAAA;AACpB,EAAO,OAAA,IAAA,CAAA;AACT,CAAA;AAcO,SAAS,uBACd,CAAA,MAAA,EACA,SACA,EAAA,IAAA,EACA,SACA,EAAA;AACA,EAAA,IAAI,SAAW,EAAA;AACb,IAAO,IAAA,GAAA,aAAA,CAAA,cAAA,CAAA,cAAA,CAAA,EAAA,EACF,OACA,SAFE,CAAA,EAAA;AAAA,MAGL,KAAO,EAAA,cAAA,CAAA,cAAA,CAAA,EAAA,EACF,IAAK,CAAA,KAAA,CAAA,EACL,SAAU,CAAA,KAAA,CAAA;AAAA,KAEjB,CAAA,CAAA;AACA,IAAA,IAAI,UAAU,mBAAqB,EAAA;AACjC,MAAA,IAAA,CAAK,IAAO,GAAA,sBAAA;AAAA,QACV,SAAU,CAAA,mBAAA;AAAA,QACV,IAAK,CAAA,IAAA;AAAA,OACP,CAAA;AAAA,KACF;AAAA,GACF;AACA,EAAA,IAAI,MAAQ,EAAA;AACV,IAAO,MAAA,CAAA,iBAAA,CAAkB,WAAW,IAAI,CAAA,CAAA;AAAA,GACnC,MAAA;AACL,IAAAC,kCAAA,CAAkB,WAAW,IAAI,CAAA,CAAA;AAAA,GACnC;AACF,CAAA;AAEO,SAAS,kBAAkB,IAAc,EAAA;AAC9C,EAAA,OAAO,CAAsB,mBAAA,EAAA,IAAA,CAAA,CAAA,CAAA;AAC/B,CAAA;AAEgB,SAAA,sBAAA,CACd,gBACA,aACA,EAAA;AACA,EAAA,IAAI,CAAC,cAAgB,EAAA;AACnB,IAAO,OAAA,aAAA,CAAA;AAAA,GACT;AACA,EAAO,OAAA,CAAA,EAAG,kBAAkB,aAAc,CAAA,OAAA;AAAA,IACxC,qBAAA;AAAA,IACA,EAAA;AAAA,GACF,CAAA,CAAA,CAAA;AACF,CAAA;AAOO,SAAS,wBAAwB,KAA4B,EAAA;AAClE,EAAA,OAAO,MAAO,CAAA,WAAA;AAAA,IACZ,MAAA,CAAO,OAAQ,CAAA,KAAK,CAAE,CAAA,MAAA;AAAA,MAAO,CAAC,CAAC,GAAA,EAAK,GAAG,CACrC,KAAA,GAAA,CAAI,WAAW,eAAe,CAAA;AAAA,KAChC;AAAA,GACF,CAAA;AACF,CAAA;AAEO,SAAS,YAAe,KAAiC,EAAA;AAC9D,EAAA,OAAO,KAAM,CAAA,MAAA,CAAO,CAAC,CAAA,KAAc,KAAK,IAAI,CAAA,CAAA;AAC9C;;;;;;;;;"}