@plasmicpkgs/react-aria 0.0.27 → 0.0.28

package/dist/registerDialogTrigger.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import { DialogTrigger } from "react-aria-components";
+import { CodeComponentMetaOverrides, Registerable } from "./utils";
+interface BaseDialogTriggerProps extends React.ComponentProps<typeof DialogTrigger> {
+    trigger: React.ReactNode;
+    dialog: React.ReactNode;
+}
+export declare function BaseDialogTrigger(props: BaseDialogTriggerProps): React.JSX.Element;
+export declare function registerDialogTrigger(loader?: Registerable, overrides?: CodeComponentMetaOverrides<typeof BaseDialogTrigger>): void;
+export {};

package/dist/registerListBox.d.ts

@@ -1,14 +1,16 @@
 import React from "react";
 import { ListBox } from "react-aria-components";
-import { type BaseListBoxItem } from "./registerListBoxItem";
-import type { BaseSection } from "./registerSection";
+import { HasOptions } from "./option-utils";
 import { CodeComponentMetaOverrides, Registerable } from "./utils";
-export interface BaseListBoxProps extends React.ComponentProps<typeof ListBox> {
-    makeItemProps?: (item: any) => Partial<React.ComponentProps<typeof BaseListBoxItem>>;
-    makeSectionProps?: (section: any) => Partial<React.ComponentProps<typeof BaseSection>>;
+interface BaseListBoxControlContextData {
+    isStandalone: boolean;
+}
+export interface BaseListBoxProps extends React.ComponentProps<typeof ListBox>, HasOptions<any> {
     renderItem?: (item: any) => React.ReactNode;
     renderSection?: (section: any) => React.ReactNode;
     getItemType?: (thing: any) => "item" | "section";
+    setControlContextData?: (ctxData: BaseListBoxControlContextData) => void;
 }
 export declare function BaseListBox(props: BaseListBoxProps): React.JSX.Element;
 export declare function registerListBox(loader?: Registerable, overrides?: CodeComponentMetaOverrides<typeof BaseListBox>): void;
+export {};

package/dist/registerListBoxItem.d.ts

@@ -1,7 +1,5 @@
 import React from "react";
-import { Key, ListBoxItem } from "react-aria-components";
+import { ListBoxItem } from "react-aria-components";
 import { CodeComponentMetaOverrides, Registerable } from "./utils";
-export declare function BaseListBoxItem(props: React.ComponentProps<typeof ListBoxItem> & {
-    key?: Key;
-}): React.JSX.Element;
+export declare function BaseListBoxItem(props: React.ComponentProps<typeof ListBoxItem>): React.JSX.Element;
 export declare function registerListBoxItem(loader?: Registerable, overrides?: CodeComponentMetaOverrides<typeof BaseListBoxItem>): void;

package/dist/registerPopover.d.ts

@@ -1,7 +1,9 @@
 import React from "react";
+import { Popover } from "react-aria-components";
 import { CodeComponentMetaOverrides, Registerable } from "./utils";
-export declare function BasePopover(props: {
+export interface BasePopoverProps extends React.ComponentProps<typeof Popover> {
     className?: string;
     resetClassName?: string;
-}): React.JSX.Element;
+}
+export declare function BasePopover(props: BasePopoverProps): React.JSX.Element;
 export declare function registerPopover(loader?: Registerable, overrides?: CodeComponentMetaOverrides<typeof BasePopover>): void;

package/dist/registerSection.d.ts

@@ -1,14 +1,12 @@
 import React from "react";
 import { Key } from "react-aria-components";
 import type { StrictSectionType } from "./option-utils";
-import { BaseListBoxItem } from "./registerListBoxItem";
 import { CodeComponentMetaOverrides, Registerable, Styleable } from "./utils";
 export interface BaseSectionProps extends Styleable {
     renderHeader?: (section: any) => React.ReactNode;
+    renderItem?: (item?: any) => React.ReactNode;
     key?: Key;
     section?: StrictSectionType;
-    makeItemProps?: (item: any) => Partial<React.ComponentProps<typeof BaseListBoxItem>>;
-    renderItem?: (item?: any) => React.ReactNode;
 }
 export declare function BaseSection(props: BaseSectionProps): React.JSX.Element;
 export declare function registerSection(loader?: Registerable, overrides?: CodeComponentMetaOverrides<typeof BaseSection>): void;

package/dist/registerSelect.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { Key, SelectValue as BaseSelectValue } from "react-aria-components";
+import { SelectValue as BaseSelectValue, Key } from "react-aria-components";
 import { HasOptions } from "./option-utils";
 import { Registerable, Styleable } from "./utils";
 export { BaseSelectValue };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plasmicpkgs/react-aria",
-  "version": "0.0.27",
+  "version": "0.0.28",
   "description": "Plasmic registration calls for react-aria based components",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -54,7 +54,7 @@
     "react-stately": "^3.31.0"
   },
   "devDependencies": {
-    "@plasmicapp/host": "1.0.199",
+    "@plasmicapp/host": "1.0.200",
     "@rollup/plugin-commonjs": "^11.0.0",
     "@rollup/plugin-json": "^4.0.0",
     "@rollup/plugin-node-resolve": "^9.0.0",
@@ -74,5 +74,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "7fdda11c2d8a17f38f4af56153ff6fbaf09d4b07"
+  "gitHead": "fe773e8b44561aecdfe29d6c48155d2123892ce7"
 }

package/skinny/contexts.d.ts

@@ -2,13 +2,8 @@ import React from "react";
 import type { BaseListBoxProps } from "./registerListBox";
 export declare const PlasmicLabelContext: React.Context<(import("react-aria-components").LabelProps & React.RefAttributes<HTMLLabelElement>) | undefined>;
 export declare const PlasmicListBoxContext: React.Context<BaseListBoxProps | undefined>;
-export declare const PlasmicPopoverContext: React.Context<{
-    className?: string | undefined;
-    resetClassName?: string | undefined;
-} | undefined>;
-export declare const PlasmicItemContext: React.Context<(import("react-aria-components").ListBoxItemProps<object> & React.RefAttributes<HTMLDivElement> & {
-    key?: import("react-aria").Key | undefined;
-}) | undefined>;
+export declare const PlasmicPopoverContext: React.Context<import("./registerPopover").BasePopoverProps | undefined>;
+export declare const PlasmicItemContext: React.Context<(import("react-aria-components").ListBoxItemProps<object> & React.RefAttributes<HTMLDivElement>) | undefined>;
 export declare const PlasmicSectionContext: React.Context<import("./registerSection").BaseSectionProps | undefined>;
 export declare const PlasmicHeaderContext: React.Context<(React.HTMLAttributes<HTMLElement> & React.RefAttributes<HTMLElement>) | undefined>;
 export declare const PlasmicInputContext: React.Context<import("./registerInput").BaseInputProps | undefined>;

package/skinny/{interaction-variant-utils-80bf1cfd.cjs.js → interaction-variant-utils-0f05190f.cjs.js}

@@ -24,7 +24,11 @@ const ARIA_COMPONENTS_INTERACTION_VARIANTS = {
     displayName: "Focus Visible"
   }
 };
-function realWithObservedValues(children, changes, updateInteractionVariant) {
+function ChangesObserver({
+  children,
+  changes,
+  updateInteractionVariant
+}) {
   React__default.default.useEffect(() => {
     if (updateInteractionVariant) {
       updateInteractionVariant(changes);
@@ -32,6 +36,16 @@ function realWithObservedValues(children, changes, updateInteractionVariant) {
   }, [changes, updateInteractionVariant]);
   return children;
 }
+function realWithObservedValues(children, changes, updateInteractionVariant) {
+  return /* @__PURE__ */ React__default.default.createElement(
+    ChangesObserver,
+    {
+      changes,
+      updateInteractionVariant
+    },
+    children
+  );
+}
 function pickAriaComponentVariants(keys) {
   return {
     interactionVariants: Object.fromEntries(
@@ -42,4 +56,4 @@ function pickAriaComponentVariants(keys) {
 }
 
 exports.pickAriaComponentVariants = pickAriaComponentVariants;
-//# sourceMappingURL=interaction-variant-utils-80bf1cfd.cjs.js.map
+//# sourceMappingURL=interaction-variant-utils-0f05190f.cjs.js.map

package/skinny/interaction-variant-utils-0f05190f.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"interaction-variant-utils-0f05190f.cjs.js","sources":["../src/interaction-variant-utils.tsx"],"sourcesContent":["import { CodeComponentMeta } from \"@plasmicapp/host\";\nimport React from \"react\";\n\nconst ARIA_COMPONENTS_INTERACTION_VARIANTS = {\n  hovered: {\n    cssSelector: \"[data-hovered]\",\n    displayName: \"Hovered\",\n  },\n  pressed: {\n    cssSelector: \"[data-pressed]\",\n    displayName: \"Pressed\",\n  },\n  focused: {\n    cssSelector: \"[data-focused]\",\n    displayName: \"Focused\",\n  },\n  focusVisible: {\n    cssSelector: \"[data-focus-visible]\",\n    displayName: \"Focus Visible\",\n  },\n};\n\ntype AriaInteractionVariant = keyof typeof ARIA_COMPONENTS_INTERACTION_VARIANTS;\n\ntype CodeComponentInteractionVariantsMeta = NonNullable<\n  CodeComponentMeta<unknown>[\"interactionVariants\"]\n>;\n\ntype InteractionVariantMeta = CodeComponentInteractionVariantsMeta[string];\n\ntype ArrayElement<T> = T extends (infer U)[] ? U : never;\n\nexport type UpdateInteractionVariant<T extends AriaInteractionVariant[]> =\n  | ((changes: Partial<Record<ArrayElement<T>, boolean>>) => void)\n  | undefined;\n\ntype WithObservedValues<T extends AriaInteractionVariant[]> = (\n  children: React.ReactNode,\n  state: Record<ArrayElement<T>, boolean>,\n  updateInteractionVariant: UpdateInteractionVariant<T>\n) => React.ReactNode;\n\nfunction ChangesObserver<T extends AriaInteractionVariant[]>({\n  children,\n  changes,\n  updateInteractionVariant,\n}: {\n  children: React.ReactNode;\n  changes: Partial<Record<ArrayElement<T>, boolean>>;\n  updateInteractionVariant?: UpdateInteractionVariant<T>;\n}) {\n  React.useEffect(() => {\n    if (updateInteractionVariant) {\n      updateInteractionVariant(changes);\n    }\n  }, [changes, updateInteractionVariant]);\n  return children;\n}\n\nfunction realWithObservedValues<T extends AriaInteractionVariant[]>(\n  children: React.ReactNode,\n  changes: Partial<Record<ArrayElement<T>, boolean>>,\n  updateInteractionVariant?: UpdateInteractionVariant<T>\n) {\n  return (\n    <ChangesObserver\n      changes={changes}\n      updateInteractionVariant={updateInteractionVariant}\n    >\n      {children}\n    </ChangesObserver>\n  );\n}\n\nexport function pickAriaComponentVariants<T extends AriaInteractionVariant[]>(\n  keys: T\n): {\n  interactionVariants: Record<ArrayElement<T>, InteractionVariantMeta>;\n  withObservedValues: WithObservedValues<T>;\n} {\n  return {\n    interactionVariants: Object.fromEntries(\n      keys.map((key) => [key, ARIA_COMPONENTS_INTERACTION_VARIANTS[key]])\n    ) as Record<ArrayElement<T>, InteractionVariantMeta>,\n    withObservedValues: realWithObservedValues<T>,\n  };\n}\n"],"names":["React"],"mappings":";;;;;;;;AAGA,MAAM,oCAAuC,GAAA;AAAA,EAC3C,OAAS,EAAA;AAAA,IACP,WAAa,EAAA,gBAAA;AAAA,IACb,WAAa,EAAA,SAAA;AAAA,GACf;AAAA,EACA,OAAS,EAAA;AAAA,IACP,WAAa,EAAA,gBAAA;AAAA,IACb,WAAa,EAAA,SAAA;AAAA,GACf;AAAA,EACA,OAAS,EAAA;AAAA,IACP,WAAa,EAAA,gBAAA;AAAA,IACb,WAAa,EAAA,SAAA;AAAA,GACf;AAAA,EACA,YAAc,EAAA;AAAA,IACZ,WAAa,EAAA,sBAAA;AAAA,IACb,WAAa,EAAA,eAAA;AAAA,GACf;AACF,CAAA,CAAA;AAsBA,SAAS,eAAoD,CAAA;AAAA,EAC3D,QAAA;AAAA,EACA,OAAA;AAAA,EACA,wBAAA;AACF,CAIG,EAAA;AACD,EAAAA,sBAAA,CAAM,UAAU,MAAM;AACpB,IAAA,IAAI,wBAA0B,EAAA;AAC5B,MAAA,wBAAA,CAAyB,OAAO,CAAA,CAAA;AAAA,KAClC;AAAA,GACC,EAAA,CAAC,OAAS,EAAA,wBAAwB,CAAC,CAAA,CAAA;AACtC,EAAO,OAAA,QAAA,CAAA;AACT,CAAA;AAEA,SAAS,sBAAA,CACP,QACA,EAAA,OAAA,EACA,wBACA,EAAA;AACA,EACE,uBAAAA,sBAAA,CAAA,aAAA;AAAA,IAAC,eAAA;AAAA,IAAA;AAAA,MACC,OAAA;AAAA,MACA,wBAAA;AAAA,KAAA;AAAA,IAEC,QAAA;AAAA,GACH,CAAA;AAEJ,CAAA;AAEO,SAAS,0BACd,IAIA,EAAA;AACA,EAAO,OAAA;AAAA,IACL,qBAAqB,MAAO,CAAA,WAAA;AAAA,MAC1B,IAAA,CAAK,IAAI,CAAC,GAAA,KAAQ,CAAC,GAAK,EAAA,oCAAA,CAAqC,GAAG,CAAC,CAAC,CAAA;AAAA,KACpE;AAAA,IACA,kBAAoB,EAAA,sBAAA;AAAA,GACtB,CAAA;AACF;;;;"}

package/skinny/{interaction-variant-utils-608d984b.esm.js → interaction-variant-utils-909267e5.esm.js}

@@ -18,7 +18,11 @@ const ARIA_COMPONENTS_INTERACTION_VARIANTS = {
     displayName: "Focus Visible"
   }
 };
-function realWithObservedValues(children, changes, updateInteractionVariant) {
+function ChangesObserver({
+  children,
+  changes,
+  updateInteractionVariant
+}) {
   React.useEffect(() => {
     if (updateInteractionVariant) {
       updateInteractionVariant(changes);
@@ -26,6 +30,16 @@ function realWithObservedValues(children, changes, updateInteractionVariant) {
   }, [changes, updateInteractionVariant]);
   return children;
 }
+function realWithObservedValues(children, changes, updateInteractionVariant) {
+  return /* @__PURE__ */ React.createElement(
+    ChangesObserver,
+    {
+      changes,
+      updateInteractionVariant
+    },
+    children
+  );
+}
 function pickAriaComponentVariants(keys) {
   return {
     interactionVariants: Object.fromEntries(
@@ -36,4 +50,4 @@ function pickAriaComponentVariants(keys) {
 }
 
 export { pickAriaComponentVariants as p };
-//# sourceMappingURL=interaction-variant-utils-608d984b.esm.js.map
+//# sourceMappingURL=interaction-variant-utils-909267e5.esm.js.map

package/skinny/interaction-variant-utils-909267e5.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"interaction-variant-utils-909267e5.esm.js","sources":["../src/interaction-variant-utils.tsx"],"sourcesContent":["import { CodeComponentMeta } from \"@plasmicapp/host\";\nimport React from \"react\";\n\nconst ARIA_COMPONENTS_INTERACTION_VARIANTS = {\n  hovered: {\n    cssSelector: \"[data-hovered]\",\n    displayName: \"Hovered\",\n  },\n  pressed: {\n    cssSelector: \"[data-pressed]\",\n    displayName: \"Pressed\",\n  },\n  focused: {\n    cssSelector: \"[data-focused]\",\n    displayName: \"Focused\",\n  },\n  focusVisible: {\n    cssSelector: \"[data-focus-visible]\",\n    displayName: \"Focus Visible\",\n  },\n};\n\ntype AriaInteractionVariant = keyof typeof ARIA_COMPONENTS_INTERACTION_VARIANTS;\n\ntype CodeComponentInteractionVariantsMeta = NonNullable<\n  CodeComponentMeta<unknown>[\"interactionVariants\"]\n>;\n\ntype InteractionVariantMeta = CodeComponentInteractionVariantsMeta[string];\n\ntype ArrayElement<T> = T extends (infer U)[] ? U : never;\n\nexport type UpdateInteractionVariant<T extends AriaInteractionVariant[]> =\n  | ((changes: Partial<Record<ArrayElement<T>, boolean>>) => void)\n  | undefined;\n\ntype WithObservedValues<T extends AriaInteractionVariant[]> = (\n  children: React.ReactNode,\n  state: Record<ArrayElement<T>, boolean>,\n  updateInteractionVariant: UpdateInteractionVariant<T>\n) => React.ReactNode;\n\nfunction ChangesObserver<T extends AriaInteractionVariant[]>({\n  children,\n  changes,\n  updateInteractionVariant,\n}: {\n  children: React.ReactNode;\n  changes: Partial<Record<ArrayElement<T>, boolean>>;\n  updateInteractionVariant?: UpdateInteractionVariant<T>;\n}) {\n  React.useEffect(() => {\n    if (updateInteractionVariant) {\n      updateInteractionVariant(changes);\n    }\n  }, [changes, updateInteractionVariant]);\n  return children;\n}\n\nfunction realWithObservedValues<T extends AriaInteractionVariant[]>(\n  children: React.ReactNode,\n  changes: Partial<Record<ArrayElement<T>, boolean>>,\n  updateInteractionVariant?: UpdateInteractionVariant<T>\n) {\n  return (\n    <ChangesObserver\n      changes={changes}\n      updateInteractionVariant={updateInteractionVariant}\n    >\n      {children}\n    </ChangesObserver>\n  );\n}\n\nexport function pickAriaComponentVariants<T extends AriaInteractionVariant[]>(\n  keys: T\n): {\n  interactionVariants: Record<ArrayElement<T>, InteractionVariantMeta>;\n  withObservedValues: WithObservedValues<T>;\n} {\n  return {\n    interactionVariants: Object.fromEntries(\n      keys.map((key) => [key, ARIA_COMPONENTS_INTERACTION_VARIANTS[key]])\n    ) as Record<ArrayElement<T>, InteractionVariantMeta>,\n    withObservedValues: realWithObservedValues<T>,\n  };\n}\n"],"names":[],"mappings":";;AAGA,MAAM,oCAAuC,GAAA;AAAA,EAC3C,OAAS,EAAA;AAAA,IACP,WAAa,EAAA,gBAAA;AAAA,IACb,WAAa,EAAA,SAAA;AAAA,GACf;AAAA,EACA,OAAS,EAAA;AAAA,IACP,WAAa,EAAA,gBAAA;AAAA,IACb,WAAa,EAAA,SAAA;AAAA,GACf;AAAA,EACA,OAAS,EAAA;AAAA,IACP,WAAa,EAAA,gBAAA;AAAA,IACb,WAAa,EAAA,SAAA;AAAA,GACf;AAAA,EACA,YAAc,EAAA;AAAA,IACZ,WAAa,EAAA,sBAAA;AAAA,IACb,WAAa,EAAA,eAAA;AAAA,GACf;AACF,CAAA,CAAA;AAsBA,SAAS,eAAoD,CAAA;AAAA,EAC3D,QAAA;AAAA,EACA,OAAA;AAAA,EACA,wBAAA;AACF,CAIG,EAAA;AACD,EAAA,KAAA,CAAM,UAAU,MAAM;AACpB,IAAA,IAAI,wBAA0B,EAAA;AAC5B,MAAA,wBAAA,CAAyB,OAAO,CAAA,CAAA;AAAA,KAClC;AAAA,GACC,EAAA,CAAC,OAAS,EAAA,wBAAwB,CAAC,CAAA,CAAA;AACtC,EAAO,OAAA,QAAA,CAAA;AACT,CAAA;AAEA,SAAS,sBAAA,CACP,QACA,EAAA,OAAA,EACA,wBACA,EAAA;AACA,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,eAAA;AAAA,IAAA;AAAA,MACC,OAAA;AAAA,MACA,wBAAA;AAAA,KAAA;AAAA,IAEC,QAAA;AAAA,GACH,CAAA;AAEJ,CAAA;AAEO,SAAS,0BACd,IAIA,EAAA;AACA,EAAO,OAAA;AAAA,IACL,qBAAqB,MAAO,CAAA,WAAA;AAAA,MAC1B,IAAA,CAAK,IAAI,CAAC,GAAA,KAAQ,CAAC,GAAK,EAAA,oCAAA,CAAqC,GAAG,CAAC,CAAC,CAAA;AAAA,KACpE;AAAA,IACA,kBAAoB,EAAA,sBAAA;AAAA,GACtB,CAAA;AACF;;;;"}

package/skinny/{option-utils-765a1782.esm.js → option-utils-4f037568.esm.js}

@@ -16,26 +16,26 @@ function deriveStrictOptions(props) {
       return void 0;
     } else if (typeof op === "string" || typeof op === "number") {
       const item = {
-        value: op
+        id: op
       };
       return item;
     } else if (optionInfo) {
       const info = optionInfo(op);
-      if (info.type === "section") {
+      if (info.type === "option-group") {
         const section = {
-          type: "section",
+          type: "option-group",
           items: (_c = (_b = (_a2 = info.items) == null ? void 0 : _a2.map) == null ? void 0 : _b.call(_a2, (item) => makeStrict(item))) == null ? void 0 : _c.filter((x) => !!x),
           label: info.label,
-          key: `section-${sectionCount}`
+          key: `option-group-${sectionCount}`
         };
         sectionCount += 1;
         return section;
       } else {
         let item = info;
-        if (!("value" in item)) {
+        if (!("id" in item)) {
           item = {
-            type: "item",
-            value: JSON.stringify(item)
+            type: "option",
+            id: JSON.stringify(item)
           };
         }
         return item;
@@ -43,19 +43,19 @@ function deriveStrictOptions(props) {
     } else if (typeof op === "object") {
       if ("items" in op) {
         const section = {
-          type: "section",
+          type: "option-group",
           items: (_f = (_e = (_d = op.items) == null ? void 0 : _d.map) == null ? void 0 : _e.call(_d, (item) => makeStrict(item))) == null ? void 0 : _f.filter((x) => !!x),
           label: op.label,
-          key: `section-${sectionCount}`
+          key: `option-group-${sectionCount}`
         };
         sectionCount += 1;
         return section;
       } else {
         let item = op;
-        if (!("value" in item)) {
+        if (!("id" in item)) {
           item = {
-            type: "item",
-            value: JSON.stringify(item)
+            type: "option",
+            id: JSON.stringify(item)
           };
         }
         return item;
@@ -67,7 +67,7 @@ function deriveStrictOptions(props) {
   const strictOptions = (_a = options == null ? void 0 : options.map(makeStrict)) == null ? void 0 : _a.filter((x) => !!x);
   const optionText = (op) => {
     var _a2;
-    return (_a2 = op.label) != null ? _a2 : op.value;
+    return (_a2 = op.label) != null ? _a2 : op.id;
   };
   return { options: strictOptions, optionText };
 }
@@ -78,7 +78,7 @@ function flattenOptions(options) {
     return options.flatMap(
       (op) => {
         var _a;
-        return op.type === "section" ? (_a = op.items) != null ? _a : [] : op;
+        return op.type === "option-group" ? (_a = op.items) != null ? _a : [] : op;
       }
     );
   }
@@ -88,7 +88,7 @@ function makeOptionsPropType() {
     type: "array",
     itemType: {
       type: "object",
-      nameFunc: (item) => item.label || item.value,
+      nameFunc: (item) => item.label || item.id,
       fields: {
         type: {
           type: "choice",
@@ -98,7 +98,7 @@ function makeOptionsPropType() {
           ],
           defaultValue: "option"
         },
-        value: {
+        id: {
           type: "string",
           hidden: (_ps, _ctx, { item }) => item.type !== "option"
         },
@@ -111,9 +111,9 @@ function makeOptionsPropType() {
           },
           itemType: {
             type: "object",
-            nameFunc: (item) => item.label || item.value,
+            nameFunc: (item) => item.label || item.id,
             fields: {
-              value: "string",
+              id: "string",
               label: "string"
             }
           }
@@ -122,12 +122,12 @@ function makeOptionsPropType() {
     },
     defaultValue: [
       {
-        value: "option1",
+        id: "option1",
         label: "Option 1",
         type: "option"
       },
       {
-        value: "option2",
+        id: "option2",
         label: "Option 2",
         type: "option"
       }
@@ -141,7 +141,7 @@ function makeValuePropType() {
     options: (ps) => {
       const { options, optionText } = deriveStrictOptions(ps);
       return flattenOptions(options).map((op) => ({
-        value: op.value,
+        value: op.id,
         label: optionText(op)
       }));
     }
@@ -150,4 +150,4 @@ function makeValuePropType() {
 }
 
 export { makeValuePropType as a, flattenOptions as f, makeOptionsPropType as m, useStrictOptions as u };
-//# sourceMappingURL=option-utils-765a1782.esm.js.map
+//# sourceMappingURL=option-utils-4f037568.esm.js.map

package/skinny/option-utils-4f037568.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"option-utils-4f037568.esm.js","sources":["../src/option-utils.ts"],"sourcesContent":["import type { ArrayType, ChoiceType } from \"@plasmicapp/host/registerComponent\";\nimport React from \"react\";\n\nexport interface ObjectSectionType<T extends object> {\n  label?: string;\n  items?: ObjectItemType<T>[];\n}\ninterface FlexSectionType<T extends object> {\n  label?: string;\n  items?: FlexItemType<T>[];\n}\n\nexport type ObjectItemType<T extends object> = StrictOptionType | T;\ntype FlexItemType<T extends object> = ObjectItemType<T> | string;\n\nexport type FlexOptionType<T extends object> =\n  | FlexItemType<T>\n  | FlexSectionType<T>;\n\nexport type ObjectOptionType<T extends object> =\n  | ObjectSectionType<T>\n  | ObjectItemType<T>;\n\nexport interface HasOptions<T extends object> {\n  options?: FlexOptionType<T>[];\n  optionInfo?: (option: FlexOptionType<T>) => StrictOptionType;\n}\n\nexport interface StrictItemType {\n  type?: \"option\";\n  id: string;\n  label?: string;\n  isDisabled?: boolean;\n}\n\nexport interface StrictSectionType {\n  type: \"option-group\";\n  label?: string;\n  items?: StrictItemType[];\n  key: string;\n}\n\nexport type StrictOptionType = StrictItemType | StrictSectionType;\n\nexport function useStrictOptions<T extends object>(props: HasOptions<T>) {\n  const { options, optionInfo } = props;\n  return React.useMemo(() => {\n    return deriveStrictOptions({ options, optionInfo });\n  }, [options, optionInfo]);\n}\n\nexport function deriveStrictOptions<T extends object>(props: HasOptions<T>) {\n  const { options, optionInfo } = props;\n  let sectionCount = 0;\n\n  const makeStrict = (op: FlexOptionType<T>): StrictOptionType | undefined => {\n    if (!op) {\n      return undefined;\n    } else if (typeof op === \"string\" || typeof op === \"number\") {\n      const item = {\n        id: op,\n      };\n      return item;\n    } else if (optionInfo) {\n      const info = optionInfo(op);\n      if (info.type === \"option-group\") {\n        const section: StrictSectionType = {\n          type: \"option-group\",\n          items: info.items\n            ?.map?.((item) => makeStrict(item) as StrictItemType)\n            ?.filter((x) => !!x),\n          label: info.label,\n          key: `option-group-${sectionCount}`,\n        };\n        sectionCount += 1;\n        return section;\n      } else {\n        let item = info;\n        if (!(\"id\" in item)) {\n          item = {\n            type: \"option\",\n            id: JSON.stringify(item),\n          };\n        }\n        return item;\n      }\n    } else if (typeof op === \"object\") {\n      if (\"items\" in op) {\n        const section: StrictSectionType = {\n          type: \"option-group\",\n          items: op.items\n            ?.map?.((item) => makeStrict(item) as StrictItemType)\n            ?.filter((x) => !!x),\n          label: op.label,\n          key: `option-group-${sectionCount}`,\n        };\n        sectionCount += 1;\n        return section;\n      } else {\n        let item = op;\n        if (!(\"id\" in item)) {\n          item = {\n            type: \"option\",\n            id: JSON.stringify(item),\n          };\n        }\n        return item;\n      }\n    } else {\n      return undefined;\n    }\n  };\n\n  const strictOptions = options\n    ?.map(makeStrict)\n    ?.filter((x): x is StrictOptionType => !!x);\n\n  const optionText = (op: StrictItemType) => {\n    return op.label ?? op.id;\n  };\n\n  return { options: strictOptions, optionText };\n}\n\nexport function flattenOptions(\n  options: (StrictItemType | StrictSectionType)[] | undefined\n): StrictItemType[] {\n  if (!options) {\n    return [];\n  } else {\n    return options.flatMap((op) =>\n      op.type === \"option-group\" ? op.items ?? [] : op\n    );\n  }\n}\n\nexport function makeOptionsPropType() {\n  const type: ArrayType<HasOptions<any>> = {\n    type: \"array\",\n    itemType: {\n      type: \"object\",\n      nameFunc: (item: any) => item.label || item.id,\n      fields: {\n        type: {\n          type: \"choice\",\n          options: [\n            { value: \"option\", label: \"Option\" },\n            { value: \"option-group\", label: \"Option Group\" },\n          ],\n          defaultValue: \"option\",\n        },\n        id: {\n          type: \"string\",\n          hidden: (_ps: any, _ctx: any, { item }: any) =>\n            item.type !== \"option\",\n        },\n        label: \"string\",\n        items: {\n          type: \"array\",\n          displayName: \"Options\",\n          hidden: (_ps: any, _ctx: any, { item }: any) => {\n            return item.type !== \"option-group\";\n          },\n          itemType: {\n            type: \"object\",\n            nameFunc: (item: any) => item.label || item.id,\n            fields: {\n              id: \"string\",\n              label: \"string\",\n            },\n          },\n        },\n      },\n    },\n    defaultValue: [\n      {\n        id: \"option1\",\n        label: \"Option 1\",\n        type: \"option\",\n      },\n      {\n        id: \"option2\",\n        label: \"Option 2\",\n        type: \"option\",\n      },\n    ],\n  };\n  return type;\n}\n\nexport function makeValuePropType() {\n  const type: ChoiceType<HasOptions<any>> = {\n    type: \"choice\",\n    options: (ps: HasOptions<any>) => {\n      const { options, optionText } = deriveStrictOptions(ps);\n      return flattenOptions(options).map((op) => ({\n        value: op.id,\n        label: optionText(op),\n      }));\n    },\n  };\n  return type;\n}\n"],"names":["_a"],"mappings":"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"}

package/skinny/{option-utils-0db61f6d.cjs.js → option-utils-5e4e85bd.cjs.js}

@@ -22,26 +22,26 @@ function deriveStrictOptions(props) {
       return void 0;
     } else if (typeof op === "string" || typeof op === "number") {
       const item = {
-        value: op
+        id: op
       };
       return item;
     } else if (optionInfo) {
       const info = optionInfo(op);
-      if (info.type === "section") {
+      if (info.type === "option-group") {
         const section = {
-          type: "section",
+          type: "option-group",
           items: (_c = (_b = (_a2 = info.items) == null ? void 0 : _a2.map) == null ? void 0 : _b.call(_a2, (item) => makeStrict(item))) == null ? void 0 : _c.filter((x) => !!x),
           label: info.label,
-          key: `section-${sectionCount}`
+          key: `option-group-${sectionCount}`
         };
         sectionCount += 1;
         return section;
       } else {
         let item = info;
-        if (!("value" in item)) {
+        if (!("id" in item)) {
           item = {
-            type: "item",
-            value: JSON.stringify(item)
+            type: "option",
+            id: JSON.stringify(item)
           };
         }
         return item;
@@ -49,19 +49,19 @@ function deriveStrictOptions(props) {
     } else if (typeof op === "object") {
       if ("items" in op) {
         const section = {
-          type: "section",
+          type: "option-group",
           items: (_f = (_e = (_d = op.items) == null ? void 0 : _d.map) == null ? void 0 : _e.call(_d, (item) => makeStrict(item))) == null ? void 0 : _f.filter((x) => !!x),
           label: op.label,
-          key: `section-${sectionCount}`
+          key: `option-group-${sectionCount}`
         };
         sectionCount += 1;
         return section;
       } else {
         let item = op;
-        if (!("value" in item)) {
+        if (!("id" in item)) {
           item = {
-            type: "item",
-            value: JSON.stringify(item)
+            type: "option",
+            id: JSON.stringify(item)
           };
         }
         return item;
@@ -73,7 +73,7 @@ function deriveStrictOptions(props) {
   const strictOptions = (_a = options == null ? void 0 : options.map(makeStrict)) == null ? void 0 : _a.filter((x) => !!x);
   const optionText = (op) => {
     var _a2;
-    return (_a2 = op.label) != null ? _a2 : op.value;
+    return (_a2 = op.label) != null ? _a2 : op.id;
   };
   return { options: strictOptions, optionText };
 }
@@ -84,7 +84,7 @@ function flattenOptions(options) {
     return options.flatMap(
       (op) => {
         var _a;
-        return op.type === "section" ? (_a = op.items) != null ? _a : [] : op;
+        return op.type === "option-group" ? (_a = op.items) != null ? _a : [] : op;
       }
     );
   }
@@ -94,7 +94,7 @@ function makeOptionsPropType() {
     type: "array",
     itemType: {
       type: "object",
-      nameFunc: (item) => item.label || item.value,
+      nameFunc: (item) => item.label || item.id,
       fields: {
         type: {
           type: "choice",
@@ -104,7 +104,7 @@ function makeOptionsPropType() {
           ],
           defaultValue: "option"
         },
-        value: {
+        id: {
           type: "string",
           hidden: (_ps, _ctx, { item }) => item.type !== "option"
         },
@@ -117,9 +117,9 @@ function makeOptionsPropType() {
           },
           itemType: {
             type: "object",
-            nameFunc: (item) => item.label || item.value,
+            nameFunc: (item) => item.label || item.id,
             fields: {
-              value: "string",
+              id: "string",
               label: "string"
             }
           }
@@ -128,12 +128,12 @@ function makeOptionsPropType() {
     },
     defaultValue: [
       {
-        value: "option1",
+        id: "option1",
         label: "Option 1",
         type: "option"
       },
       {
-        value: "option2",
+        id: "option2",
         label: "Option 2",
         type: "option"
       }
@@ -147,7 +147,7 @@ function makeValuePropType() {
     options: (ps) => {
       const { options, optionText } = deriveStrictOptions(ps);
       return flattenOptions(options).map((op) => ({
-        value: op.value,
+        value: op.id,
         label: optionText(op)
       }));
     }
@@ -159,4 +159,4 @@ exports.flattenOptions = flattenOptions;
 exports.makeOptionsPropType = makeOptionsPropType;
 exports.makeValuePropType = makeValuePropType;
 exports.useStrictOptions = useStrictOptions;
-//# sourceMappingURL=option-utils-0db61f6d.cjs.js.map
+//# sourceMappingURL=option-utils-5e4e85bd.cjs.js.map

package/skinny/option-utils-5e4e85bd.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"option-utils-5e4e85bd.cjs.js","sources":["../src/option-utils.ts"],"sourcesContent":["import type { ArrayType, ChoiceType } from \"@plasmicapp/host/registerComponent\";\nimport React from \"react\";\n\nexport interface ObjectSectionType<T extends object> {\n  label?: string;\n  items?: ObjectItemType<T>[];\n}\ninterface FlexSectionType<T extends object> {\n  label?: string;\n  items?: FlexItemType<T>[];\n}\n\nexport type ObjectItemType<T extends object> = StrictOptionType | T;\ntype FlexItemType<T extends object> = ObjectItemType<T> | string;\n\nexport type FlexOptionType<T extends object> =\n  | FlexItemType<T>\n  | FlexSectionType<T>;\n\nexport type ObjectOptionType<T extends object> =\n  | ObjectSectionType<T>\n  | ObjectItemType<T>;\n\nexport interface HasOptions<T extends object> {\n  options?: FlexOptionType<T>[];\n  optionInfo?: (option: FlexOptionType<T>) => StrictOptionType;\n}\n\nexport interface StrictItemType {\n  type?: \"option\";\n  id: string;\n  label?: string;\n  isDisabled?: boolean;\n}\n\nexport interface StrictSectionType {\n  type: \"option-group\";\n  label?: string;\n  items?: StrictItemType[];\n  key: string;\n}\n\nexport type StrictOptionType = StrictItemType | StrictSectionType;\n\nexport function useStrictOptions<T extends object>(props: HasOptions<T>) {\n  const { options, optionInfo } = props;\n  return React.useMemo(() => {\n    return deriveStrictOptions({ options, optionInfo });\n  }, [options, optionInfo]);\n}\n\nexport function deriveStrictOptions<T extends object>(props: HasOptions<T>) {\n  const { options, optionInfo } = props;\n  let sectionCount = 0;\n\n  const makeStrict = (op: FlexOptionType<T>): StrictOptionType | undefined => {\n    if (!op) {\n      return undefined;\n    } else if (typeof op === \"string\" || typeof op === \"number\") {\n      const item = {\n        id: op,\n      };\n      return item;\n    } else if (optionInfo) {\n      const info = optionInfo(op);\n      if (info.type === \"option-group\") {\n        const section: StrictSectionType = {\n          type: \"option-group\",\n          items: info.items\n            ?.map?.((item) => makeStrict(item) as StrictItemType)\n            ?.filter((x) => !!x),\n          label: info.label,\n          key: `option-group-${sectionCount}`,\n        };\n        sectionCount += 1;\n        return section;\n      } else {\n        let item = info;\n        if (!(\"id\" in item)) {\n          item = {\n            type: \"option\",\n            id: JSON.stringify(item),\n          };\n        }\n        return item;\n      }\n    } else if (typeof op === \"object\") {\n      if (\"items\" in op) {\n        const section: StrictSectionType = {\n          type: \"option-group\",\n          items: op.items\n            ?.map?.((item) => makeStrict(item) as StrictItemType)\n            ?.filter((x) => !!x),\n          label: op.label,\n          key: `option-group-${sectionCount}`,\n        };\n        sectionCount += 1;\n        return section;\n      } else {\n        let item = op;\n        if (!(\"id\" in item)) {\n          item = {\n            type: \"option\",\n            id: JSON.stringify(item),\n          };\n        }\n        return item;\n      }\n    } else {\n      return undefined;\n    }\n  };\n\n  const strictOptions = options\n    ?.map(makeStrict)\n    ?.filter((x): x is StrictOptionType => !!x);\n\n  const optionText = (op: StrictItemType) => {\n    return op.label ?? op.id;\n  };\n\n  return { options: strictOptions, optionText };\n}\n\nexport function flattenOptions(\n  options: (StrictItemType | StrictSectionType)[] | undefined\n): StrictItemType[] {\n  if (!options) {\n    return [];\n  } else {\n    return options.flatMap((op) =>\n      op.type === \"option-group\" ? op.items ?? [] : op\n    );\n  }\n}\n\nexport function makeOptionsPropType() {\n  const type: ArrayType<HasOptions<any>> = {\n    type: \"array\",\n    itemType: {\n      type: \"object\",\n      nameFunc: (item: any) => item.label || item.id,\n      fields: {\n        type: {\n          type: \"choice\",\n          options: [\n            { value: \"option\", label: \"Option\" },\n            { value: \"option-group\", label: \"Option Group\" },\n          ],\n          defaultValue: \"option\",\n        },\n        id: {\n          type: \"string\",\n          hidden: (_ps: any, _ctx: any, { item }: any) =>\n            item.type !== \"option\",\n        },\n        label: \"string\",\n        items: {\n          type: \"array\",\n          displayName: \"Options\",\n          hidden: (_ps: any, _ctx: any, { item }: any) => {\n            return item.type !== \"option-group\";\n          },\n          itemType: {\n            type: \"object\",\n            nameFunc: (item: any) => item.label || item.id,\n            fields: {\n              id: \"string\",\n              label: \"string\",\n            },\n          },\n        },\n      },\n    },\n    defaultValue: [\n      {\n        id: \"option1\",\n        label: \"Option 1\",\n        type: \"option\",\n      },\n      {\n        id: \"option2\",\n        label: \"Option 2\",\n        type: \"option\",\n      },\n    ],\n  };\n  return type;\n}\n\nexport function makeValuePropType() {\n  const type: ChoiceType<HasOptions<any>> = {\n    type: \"choice\",\n    options: (ps: HasOptions<any>) => {\n      const { options, optionText } = deriveStrictOptions(ps);\n      return flattenOptions(options).map((op) => ({\n        value: op.id,\n        label: optionText(op),\n      }));\n    },\n  };\n  return type;\n}\n"],"names":["React","_a"],"mappings":"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"}

package/skinny/option-utils.d.ts

@@ -13,25 +13,16 @@ export type FlexOptionType<T extends object> = FlexItemType<T> | FlexSectionType
 export type ObjectOptionType<T extends object> = ObjectSectionType<T> | ObjectItemType<T>;
 export interface HasOptions<T extends object> {
     options?: FlexOptionType<T>[];
-    optionInfo?: (option: FlexOptionType<T>) => {
-        type?: "item";
-        value: string;
-        label?: string;
-        isDisabled?: boolean;
-    } | {
-        type: "section";
-        label?: string;
-        items?: FlexOptionType<T>[];
-    };
+    optionInfo?: (option: FlexOptionType<T>) => StrictOptionType;
 }
 export interface StrictItemType {
-    type?: "item";
-    value: string;
+    type?: "option";
+    id: string;
     label?: string;
     isDisabled?: boolean;
 }
 export interface StrictSectionType {
-    type: "section";
+    type: "option-group";
     label?: string;
     items?: StrictItemType[];
     key: string;

package/skinny/registerButton.cjs.js

@@ -3,7 +3,7 @@
 var React = require('react');
 var reactAriaComponents = require('react-aria-components');
 var common = require('./common-e74a9214.cjs.js');
-var interactionVariantUtils = require('./interaction-variant-utils-80bf1cfd.cjs.js');
+var interactionVariantUtils = require('./interaction-variant-utils-0f05190f.cjs.js');
 var utils = require('./utils-18b2465b.cjs.js');
 require('@plasmicapp/host/registerComponent');
 
@@ -105,6 +105,10 @@ function registerButton(loader, overrides) {
           hidden: (ps) => Boolean(ps.submitsForm),
           description: "Whether clicking this button should reset the enclosing form.",
           advanced: true
+        },
+        onPress: {
+          type: "eventHandler",
+          argTypes: [{ name: "event", type: "object" }]
         }
       }),
       trapsFocus: true

package/skinny/registerButton.cjs.js.map

@@ -1 +1 @@
-{"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 { getCommonInputProps } from \"./common\";\nimport {\n  UpdateInteractionVariant,\n  pickAriaComponentVariants,\n} from \"./interaction-variant-utils\";\nimport {\n  CodeComponentMetaOverrides,\n  Registerable,\n  makeComponentName,\n  registerComponentHelper,\n} from \"./utils\";\n\nconst BUTTON_INTERACTION_VARIANTS = [\n  \"hovered\" as const,\n  \"pressed\" as const,\n  \"focused\" as const,\n  \"focusVisible\" as const,\n];\n\nconst { interactionVariants, withObservedValues } = pickAriaComponentVariants(\n  BUTTON_INTERACTION_VARIANTS\n);\n\ninterface BaseButtonProps extends ButtonProps {\n  children: React.ReactNode;\n  resetsForm?: boolean;\n  submitsForm?: boolean;\n  // Optional callback to update the interaction variant state\n  // as it's only provided if the component is the root of a Studio component\n  updateInteractionVariant?: UpdateInteractionVariant<\n    typeof BUTTON_INTERACTION_VARIANTS\n  >;\n}\n\nexport function BaseButton(props: BaseButtonProps) {\n  const {\n    submitsForm,\n    resetsForm,\n    children,\n    updateInteractionVariant,\n    ...rest\n  } = props;\n\n  const type = submitsForm ? \"submit\" : resetsForm ? \"reset\" : \"button\";\n\n  return (\n    <Button type={type} {...rest}>\n      {({ isHovered, isPressed, isFocused, isFocusVisible }) =>\n        withObservedValues(\n          children,\n          {\n            hovered: isHovered,\n            pressed: isPressed,\n            focused: isFocused,\n            focusVisible: isFocusVisible,\n          },\n          updateInteractionVariant\n        )\n      }\n    </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: \"Aria Button\",\n      importPath: \"@plasmicpkgs/react-aria/skinny/registerButton\",\n      importName: \"BaseButton\",\n      interactionVariants,\n      props: {\n        ...getCommonInputProps<BaseButtonProps>(\"button\", [\n          \"isDisabled\",\n          \"aria-label\",\n          \"children\",\n        ]),\n        submitsForm: {\n          type: \"boolean\",\n          displayName: \"Submits form?\",\n          defaultValueHint: false,\n          hidden: (ps: BaseButtonProps) => Boolean(ps.resetsForm),\n          description:\n            \"Whether clicking this button should submit the enclosing form.\",\n          advanced: true,\n        },\n        resetsForm: {\n          type: \"boolean\",\n          displayName: \"Resets form?\",\n          defaultValueHint: false,\n          hidden: (ps: BaseButtonProps) => Boolean(ps.submitsForm),\n          description:\n            \"Whether clicking this button should reset the enclosing form.\",\n          advanced: true,\n        },\n      },\n      trapsFocus: true,\n    },\n    overrides\n  );\n}\n"],"names":["pickAriaComponentVariants","React","Button","registerComponentHelper","makeComponentName","getCommonInputProps"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAeA,MAAM,2BAA8B,GAAA;AAAA,EAClC,SAAA;AAAA,EACA,SAAA;AAAA,EACA,SAAA;AAAA,EACA,cAAA;AACF,CAAA,CAAA;AAEA,MAAM,EAAE,mBAAqB,EAAA,kBAAA,EAAuB,GAAAA,iDAAA;AAAA,EAClD,2BAAA;AACF,CAAA,CAAA;AAaO,SAAS,WAAW,KAAwB,EAAA;AACjD,EAAA,MAMI,EALF,GAAA,KAAA,EAAA;AAAA,IAAA,WAAA;AAAA,IACA,UAAA;AAAA,IACA,QAAA;AAAA,IACA,wBAAA;AAAA,GA1CJ,GA4CM,EADC,EAAA,IAAA,GAAA,SAAA,CACD,EADC,EAAA;AAAA,IAJH,aAAA;AAAA,IACA,YAAA;AAAA,IACA,UAAA;AAAA,IACA,0BAAA;AAAA,GAAA,CAAA,CAAA;AAIF,EAAA,MAAM,IAAO,GAAA,WAAA,GAAc,QAAW,GAAA,UAAA,GAAa,OAAU,GAAA,QAAA,CAAA;AAE7D,EACE,uBAAAC,sBAAA,CAAA,aAAA,CAACC,0BAAO,EAAA,cAAA,CAAA,EAAA,IAAA,EAAA,EAAgB,IACrB,CAAA,EAAA,CAAC,EAAE,SAAW,EAAA,SAAA,EAAW,SAAW,EAAA,cAAA,EACnC,KAAA,kBAAA;AAAA,IACE,QAAA;AAAA,IACA;AAAA,MACE,OAAS,EAAA,SAAA;AAAA,MACT,OAAS,EAAA,SAAA;AAAA,MACT,OAAS,EAAA,SAAA;AAAA,MACT,YAAc,EAAA,cAAA;AAAA,KAChB;AAAA,IACA,wBAAA;AAAA,GAGN,CAAA,CAAA;AAEJ,CAAA;AAEgB,SAAA,cAAA,CACd,QACA,SACA,EAAA;AACA,EAAAC,6BAAA;AAAA,IACE,MAAA;AAAA,IACA,UAAA;AAAA,IACA;AAAA,MACE,IAAA,EAAMC,wBAAkB,QAAQ,CAAA;AAAA,MAChC,WAAa,EAAA,aAAA;AAAA,MACb,UAAY,EAAA,+CAAA;AAAA,MACZ,UAAY,EAAA,YAAA;AAAA,MACZ,mBAAA;AAAA,MACA,KAAA,EAAO,aACF,CAAA,cAAA,CAAA,EAAA,EAAAC,0BAAA,CAAqC,QAAU,EAAA;AAAA,QAChD,YAAA;AAAA,QACA,YAAA;AAAA,QACA,UAAA;AAAA,OACD,CALI,CAAA,EAAA;AAAA,QAML,WAAa,EAAA;AAAA,UACX,IAAM,EAAA,SAAA;AAAA,UACN,WAAa,EAAA,eAAA;AAAA,UACb,gBAAkB,EAAA,KAAA;AAAA,UAClB,MAAQ,EAAA,CAAC,EAAwB,KAAA,OAAA,CAAQ,GAAG,UAAU,CAAA;AAAA,UACtD,WACE,EAAA,gEAAA;AAAA,UACF,QAAU,EAAA,IAAA;AAAA,SACZ;AAAA,QACA,UAAY,EAAA;AAAA,UACV,IAAM,EAAA,SAAA;AAAA,UACN,WAAa,EAAA,cAAA;AAAA,UACb,gBAAkB,EAAA,KAAA;AAAA,UAClB,MAAQ,EAAA,CAAC,EAAwB,KAAA,OAAA,CAAQ,GAAG,WAAW,CAAA;AAAA,UACvD,WACE,EAAA,+DAAA;AAAA,UACF,QAAU,EAAA,IAAA;AAAA,SACZ;AAAA,OACF,CAAA;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 { getCommonInputProps } from \"./common\";\nimport {\n  UpdateInteractionVariant,\n  pickAriaComponentVariants,\n} from \"./interaction-variant-utils\";\nimport {\n  CodeComponentMetaOverrides,\n  Registerable,\n  makeComponentName,\n  registerComponentHelper,\n} from \"./utils\";\n\nconst BUTTON_INTERACTION_VARIANTS = [\n  \"hovered\" as const,\n  \"pressed\" as const,\n  \"focused\" as const,\n  \"focusVisible\" as const,\n];\n\nconst { interactionVariants, withObservedValues } = pickAriaComponentVariants(\n  BUTTON_INTERACTION_VARIANTS\n);\n\ninterface BaseButtonProps extends ButtonProps {\n  children: React.ReactNode;\n  resetsForm?: boolean;\n  submitsForm?: boolean;\n  // Optional callback to update the interaction variant state\n  // as it's only provided if the component is the root of a Studio component\n  updateInteractionVariant?: UpdateInteractionVariant<\n    typeof BUTTON_INTERACTION_VARIANTS\n  >;\n}\n\nexport function BaseButton(props: BaseButtonProps) {\n  const {\n    submitsForm,\n    resetsForm,\n    children,\n    updateInteractionVariant,\n    ...rest\n  } = props;\n\n  const type = submitsForm ? \"submit\" : resetsForm ? \"reset\" : \"button\";\n\n  return (\n    <Button type={type} {...rest}>\n      {({ isHovered, isPressed, isFocused, isFocusVisible }) =>\n        withObservedValues(\n          children,\n          {\n            hovered: isHovered,\n            pressed: isPressed,\n            focused: isFocused,\n            focusVisible: isFocusVisible,\n          },\n          updateInteractionVariant\n        )\n      }\n    </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: \"Aria Button\",\n      importPath: \"@plasmicpkgs/react-aria/skinny/registerButton\",\n      importName: \"BaseButton\",\n      interactionVariants,\n      props: {\n        ...getCommonInputProps<BaseButtonProps>(\"button\", [\n          \"isDisabled\",\n          \"aria-label\",\n          \"children\",\n        ]),\n        submitsForm: {\n          type: \"boolean\",\n          displayName: \"Submits form?\",\n          defaultValueHint: false,\n          hidden: (ps: BaseButtonProps) => Boolean(ps.resetsForm),\n          description:\n            \"Whether clicking this button should submit the enclosing form.\",\n          advanced: true,\n        },\n        resetsForm: {\n          type: \"boolean\",\n          displayName: \"Resets form?\",\n          defaultValueHint: false,\n          hidden: (ps: BaseButtonProps) => Boolean(ps.submitsForm),\n          description:\n            \"Whether clicking this button should reset the enclosing form.\",\n          advanced: true,\n        },\n        onPress: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"event\", type: \"object\" }],\n        },\n      },\n      trapsFocus: true,\n    },\n    overrides\n  );\n}\n"],"names":["pickAriaComponentVariants","React","Button","registerComponentHelper","makeComponentName","getCommonInputProps"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAeA,MAAM,2BAA8B,GAAA;AAAA,EAClC,SAAA;AAAA,EACA,SAAA;AAAA,EACA,SAAA;AAAA,EACA,cAAA;AACF,CAAA,CAAA;AAEA,MAAM,EAAE,mBAAqB,EAAA,kBAAA,EAAuB,GAAAA,iDAAA;AAAA,EAClD,2BAAA;AACF,CAAA,CAAA;AAaO,SAAS,WAAW,KAAwB,EAAA;AACjD,EAAA,MAMI,EALF,GAAA,KAAA,EAAA;AAAA,IAAA,WAAA;AAAA,IACA,UAAA;AAAA,IACA,QAAA;AAAA,IACA,wBAAA;AAAA,GA1CJ,GA4CM,EADC,EAAA,IAAA,GAAA,SAAA,CACD,EADC,EAAA;AAAA,IAJH,aAAA;AAAA,IACA,YAAA;AAAA,IACA,UAAA;AAAA,IACA,0BAAA;AAAA,GAAA,CAAA,CAAA;AAIF,EAAA,MAAM,IAAO,GAAA,WAAA,GAAc,QAAW,GAAA,UAAA,GAAa,OAAU,GAAA,QAAA,CAAA;AAE7D,EACE,uBAAAC,sBAAA,CAAA,aAAA,CAACC,0BAAO,EAAA,cAAA,CAAA,EAAA,IAAA,EAAA,EAAgB,IACrB,CAAA,EAAA,CAAC,EAAE,SAAW,EAAA,SAAA,EAAW,SAAW,EAAA,cAAA,EACnC,KAAA,kBAAA;AAAA,IACE,QAAA;AAAA,IACA;AAAA,MACE,OAAS,EAAA,SAAA;AAAA,MACT,OAAS,EAAA,SAAA;AAAA,MACT,OAAS,EAAA,SAAA;AAAA,MACT,YAAc,EAAA,cAAA;AAAA,KAChB;AAAA,IACA,wBAAA;AAAA,GAGN,CAAA,CAAA;AAEJ,CAAA;AAEgB,SAAA,cAAA,CACd,QACA,SACA,EAAA;AACA,EAAAC,6BAAA;AAAA,IACE,MAAA;AAAA,IACA,UAAA;AAAA,IACA;AAAA,MACE,IAAA,EAAMC,wBAAkB,QAAQ,CAAA;AAAA,MAChC,WAAa,EAAA,aAAA;AAAA,MACb,UAAY,EAAA,+CAAA;AAAA,MACZ,UAAY,EAAA,YAAA;AAAA,MACZ,mBAAA;AAAA,MACA,KAAA,EAAO,aACF,CAAA,cAAA,CAAA,EAAA,EAAAC,0BAAA,CAAqC,QAAU,EAAA;AAAA,QAChD,YAAA;AAAA,QACA,YAAA;AAAA,QACA,UAAA;AAAA,OACD,CALI,CAAA,EAAA;AAAA,QAML,WAAa,EAAA;AAAA,UACX,IAAM,EAAA,SAAA;AAAA,UACN,WAAa,EAAA,eAAA;AAAA,UACb,gBAAkB,EAAA,KAAA;AAAA,UAClB,MAAQ,EAAA,CAAC,EAAwB,KAAA,OAAA,CAAQ,GAAG,UAAU,CAAA;AAAA,UACtD,WACE,EAAA,gEAAA;AAAA,UACF,QAAU,EAAA,IAAA;AAAA,SACZ;AAAA,QACA,UAAY,EAAA;AAAA,UACV,IAAM,EAAA,SAAA;AAAA,UACN,WAAa,EAAA,cAAA;AAAA,UACb,gBAAkB,EAAA,KAAA;AAAA,UAClB,MAAQ,EAAA,CAAC,EAAwB,KAAA,OAAA,CAAQ,GAAG,WAAW,CAAA;AAAA,UACvD,WACE,EAAA,+DAAA;AAAA,UACF,QAAU,EAAA,IAAA;AAAA,SACZ;AAAA,QACA,OAAS,EAAA;AAAA,UACP,IAAM,EAAA,cAAA;AAAA,UACN,UAAU,CAAC,EAAE,MAAM,OAAS,EAAA,IAAA,EAAM,UAAU,CAAA;AAAA,SAC9C;AAAA,OACF,CAAA;AAAA,MACA,UAAY,EAAA,IAAA;AAAA,KACd;AAAA,IACA,SAAA;AAAA,GACF,CAAA;AACF;;;;;"}

package/skinny/registerButton.esm.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { Button } from 'react-aria-components';
 import { g as getCommonInputProps } from './common-52c26d37.esm.js';
-import { p as pickAriaComponentVariants } from './interaction-variant-utils-608d984b.esm.js';
+import { p as pickAriaComponentVariants } from './interaction-variant-utils-909267e5.esm.js';
 import { r as registerComponentHelper, m as makeComponentName } from './utils-cf2632c9.esm.js';
 import '@plasmicapp/host/registerComponent';
 
@@ -99,6 +99,10 @@ function registerButton(loader, overrides) {
           hidden: (ps) => Boolean(ps.submitsForm),
           description: "Whether clicking this button should reset the enclosing form.",
           advanced: true
+        },
+        onPress: {
+          type: "eventHandler",
+          argTypes: [{ name: "event", type: "object" }]
         }
       }),
       trapsFocus: true