@plasmicpkgs/react-aria 0.0.27 → 0.0.28

package/skinny/registerListBox.cjs.js

@@ -4,6 +4,7 @@ var utils = require('@react-aria/utils');
 var React = require('react');
 var reactAriaComponents = require('react-aria-components');
 var contexts = require('./contexts-3e42cdf9.cjs.js');
+var optionUtils = require('./option-utils-5e4e85bd.cjs.js');
 var registerListBoxItem = require('./registerListBoxItem.cjs.js');
 var utils$1 = require('./utils-18b2465b.cjs.js');
 require('@plasmicapp/host/registerComponent');
@@ -43,71 +44,36 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
-const STANDALONE_PROPS = {
-  getItemType: (item) => item.type,
-  items: [
-    { type: "item", value: "op1", label: "Option 1" },
-    { type: "item", value: "op2", label: "Option 2" },
-    { type: "item", value: "op3", label: "Option 3" },
-    {
-      type: "section",
-      label: "Section 1",
-      items: [
-        { type: "item", value: "s1op1", label: "Section 1 Option 1" },
-        { type: "item", value: "s1op2", label: "Section 1 Option 2" },
-        { type: "item", value: "s1op3", label: "Section 1 Option 3" }
-      ]
-    },
-    {
-      type: "section",
-      label: "Section 2",
-      items: [
-        { type: "item", value: "s2op1", label: "Section 2 Option 1" },
-        { type: "item", value: "s2op2", label: "Section 2 Option 2" },
-        { type: "item", value: "s2op3", label: "Section 2 Option 3" }
-      ]
-    }
-  ],
-  makeItemProps: (item) => ({
-    key: item.value,
-    textValue: item.label,
-    children: item.label
-  }),
-  makeSectionProps: (section) => ({
-    section,
-    key: section.label
-  })
-};
 function BaseListBox(props) {
+  var _c;
   const contextProps = React__default.default.useContext(contexts.PlasmicListBoxContext);
   const isStandalone = !contextProps;
-  const _a = utils.mergeProps(contextProps, props, isStandalone ? STANDALONE_PROPS : {}), {
-    makeItemProps,
-    makeSectionProps,
-    renderItem,
-    renderSection,
-    getItemType
-  } = _a, rest = __objRest(_a, [
-    "makeItemProps",
-    "makeSectionProps",
-    "renderItem",
-    "renderSection",
-    "getItemType"
-  ]);
-  return /* @__PURE__ */ React__default.default.createElement(reactAriaComponents.ListBox, __spreadValues({}, utils.mergeProps(contextProps, rest)), (item) => {
-    if ((getItemType == null ? void 0 : getItemType(item)) === "section") {
-      const sectionProps = makeSectionProps == null ? void 0 : makeSectionProps(item);
-      return /* @__PURE__ */ React__default.default.createElement(
+  const _a = props, rest = __objRest(_a, ["options"]);
+  const { options } = optionUtils.useStrictOptions(props);
+  const _b = utils.mergeProps(
+    contextProps,
+    rest,
+    isStandalone ? { items: options } : {}
+  ), { renderItem, renderSection } = _b, mergedProps = __objRest(_b, ["renderItem", "renderSection"]);
+  (_c = props.setControlContextData) == null ? void 0 : _c.call(props, {
+    isStandalone
+  });
+  return /* @__PURE__ */ React__default.default.createElement(reactAriaComponents.ListBox, __spreadValues({}, mergedProps), (item) => {
+    var _a2;
+    if (item.type === "option-group") {
+      return /* @__PURE__ */ React__default.default.createElement(React__default.default.Fragment, null, /* @__PURE__ */ React__default.default.createElement(
         contexts.PlasmicSectionContext.Provider,
         {
-          key: sectionProps == null ? void 0 : sectionProps.key,
-          value: __spreadProps(__spreadValues({}, sectionProps), { makeItemProps, renderItem })
+          value: {
+            renderItem,
+            key: (_a2 = item.key) != null ? _a2 : item.label,
+            section: item
+          }
         },
         renderSection == null ? void 0 : renderSection(item)
-      );
+      ));
     } else {
-      const itemProps = makeItemProps == null ? void 0 : makeItemProps(item);
-      return /* @__PURE__ */ React__default.default.createElement(contexts.PlasmicItemContext.Provider, { key: itemProps == null ? void 0 : itemProps.key, value: itemProps }, renderItem == null ? void 0 : renderItem(item));
+      return /* @__PURE__ */ React__default.default.createElement(contexts.PlasmicItemContext.Provider, { value: item }, renderItem == null ? void 0 : renderItem(item));
     }
   });
 }
@@ -121,29 +87,19 @@ function registerListBox(loader, overrides) {
       importPath: "@plasmicpkgs/react-aria/skinny/registerListBox",
       importName: "BaseListBox",
       props: {
+        options: __spreadProps(__spreadValues({}, optionUtils.makeOptionsPropType()), {
+          displayName: "Items",
+          hidden: (_ps, ctx) => !(ctx == null ? void 0 : ctx.isStandalone)
+        }),
         renderItem: {
           type: "slot",
           displayName: "Render Item",
-          renderPropParams: ["item"]
+          renderPropParams: ["itemProps"]
         },
         renderSection: {
           type: "slot",
           displayName: "Render Section",
-          renderPropParams: ["section"]
-        },
-        className: {
-          type: "class",
-          displayName: "Additional states",
-          selectors: [
-            {
-              selector: ":self[data-focused]",
-              label: "Focused"
-            },
-            {
-              selector: ":self[data-focus-visible]",
-              label: "Focused by keyboard"
-            }
-          ]
+          renderPropParams: ["sectionProps"]
         }
       }
     },

package/skinny/registerListBox.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"registerListBox.cjs.js","sources":["../src/registerListBox.tsx"],"sourcesContent":["import { mergeProps } from \"@react-aria/utils\";\nimport React from \"react\";\nimport { ListBox } from \"react-aria-components\";\nimport {\n  PlasmicItemContext,\n  PlasmicListBoxContext,\n  PlasmicSectionContext,\n} from \"./contexts\";\nimport {\n  registerListBoxItem,\n  type BaseListBoxItem,\n} from \"./registerListBoxItem\";\nimport type { BaseSection } from \"./registerSection\";\nimport {\n  CodeComponentMetaOverrides,\n  makeComponentName,\n  Registerable,\n  registerComponentHelper,\n} from \"./utils\";\n\nexport interface BaseListBoxProps extends React.ComponentProps<typeof ListBox> {\n  makeItemProps?: (\n    item: any\n  ) => Partial<React.ComponentProps<typeof BaseListBoxItem>>;\n  makeSectionProps?: (\n    section: any\n  ) => Partial<React.ComponentProps<typeof BaseSection>>;\n  renderItem?: (item: any) => React.ReactNode;\n  renderSection?: (section: any) => React.ReactNode;\n  getItemType?: (thing: any) => \"item\" | \"section\";\n}\n\nconst STANDALONE_PROPS: Partial<BaseListBoxProps> = {\n  getItemType: (item: any) => item.type,\n  items: [\n    { type: \"item\", value: \"op1\", label: \"Option 1\" },\n    { type: \"item\", value: \"op2\", label: \"Option 2\" },\n    { type: \"item\", value: \"op3\", label: \"Option 3\" },\n    {\n      type: \"section\",\n      label: \"Section 1\",\n      items: [\n        { type: \"item\", value: \"s1op1\", label: \"Section 1 Option 1\" },\n        { type: \"item\", value: \"s1op2\", label: \"Section 1 Option 2\" },\n        { type: \"item\", value: \"s1op3\", label: \"Section 1 Option 3\" },\n      ],\n    },\n    {\n      type: \"section\",\n      label: \"Section 2\",\n      items: [\n        { type: \"item\", value: \"s2op1\", label: \"Section 2 Option 1\" },\n        { type: \"item\", value: \"s2op2\", label: \"Section 2 Option 2\" },\n        { type: \"item\", value: \"s2op3\", label: \"Section 2 Option 3\" },\n      ],\n    },\n  ],\n  makeItemProps: (item: any) => ({\n    key: item.value,\n    textValue: item.label,\n    children: item.label,\n  }),\n  makeSectionProps: (section: any) => ({\n    section: section,\n    key: section.label,\n  }),\n};\n\nexport function BaseListBox(props: BaseListBoxProps) {\n  const contextProps = React.useContext(PlasmicListBoxContext);\n  const isStandalone: boolean = !contextProps;\n  const {\n    makeItemProps,\n    makeSectionProps,\n    renderItem,\n    renderSection,\n    getItemType,\n    ...rest\n  } = mergeProps(contextProps, props, isStandalone ? STANDALONE_PROPS : {});\n  return (\n    <ListBox {...mergeProps(contextProps, rest)}>\n      {(item) => {\n        if (getItemType?.(item) === \"section\") {\n          const sectionProps = makeSectionProps?.(item);\n          return (\n            <PlasmicSectionContext.Provider\n              key={sectionProps?.key}\n              value={{ ...sectionProps, makeItemProps, renderItem }}\n            >\n              {renderSection?.(item)}\n            </PlasmicSectionContext.Provider>\n          );\n        } else {\n          const itemProps = makeItemProps?.(item);\n          return (\n            <PlasmicItemContext.Provider key={itemProps?.key} value={itemProps}>\n              {renderItem?.(item)}\n            </PlasmicItemContext.Provider>\n          );\n        }\n      }}\n    </ListBox>\n  );\n}\n\nexport function registerListBox(\n  loader?: Registerable,\n  overrides?: CodeComponentMetaOverrides<typeof BaseListBox>\n) {\n  registerComponentHelper(\n    loader,\n    BaseListBox,\n    {\n      name: makeComponentName(\"listbox\"),\n      displayName: \"Aria ListBox\",\n      importPath: \"@plasmicpkgs/react-aria/skinny/registerListBox\",\n      importName: \"BaseListBox\",\n      props: {\n        renderItem: {\n          type: \"slot\",\n          displayName: \"Render Item\",\n          renderPropParams: [\"item\"],\n        },\n        renderSection: {\n          type: \"slot\",\n          displayName: \"Render Section\",\n          renderPropParams: [\"section\"],\n        },\n        className: {\n          type: \"class\",\n          displayName: \"Additional states\",\n          selectors: [\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        },\n      },\n    },\n    overrides\n  );\n\n  registerListBoxItem(loader, {\n    parentComponentName: makeComponentName(\"listbox\"),\n  });\n}\n"],"names":["React","PlasmicListBoxContext","ListBox","mergeProps","PlasmicSectionContext","PlasmicItemContext","registerComponentHelper","makeComponentName","registerListBoxItem"],"mappings":"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"}
+{"version":3,"file":"registerListBox.cjs.js","sources":["../src/registerListBox.tsx"],"sourcesContent":["import { mergeProps } from \"@react-aria/utils\";\nimport React from \"react\";\nimport { ListBox } from \"react-aria-components\";\nimport {\n  PlasmicItemContext,\n  PlasmicListBoxContext,\n  PlasmicSectionContext,\n} from \"./contexts\";\nimport {\n  HasOptions,\n  makeOptionsPropType,\n  StrictOptionType,\n  useStrictOptions,\n} from \"./option-utils\";\nimport { registerListBoxItem } from \"./registerListBoxItem\";\nimport {\n  CodeComponentMetaOverrides,\n  makeComponentName,\n  Registerable,\n  registerComponentHelper,\n} from \"./utils\";\n\ninterface BaseListBoxControlContextData {\n  isStandalone: boolean;\n}\n\nexport interface BaseListBoxProps\n  extends React.ComponentProps<typeof ListBox>,\n    HasOptions<any> {\n  renderItem?: (item: any) => React.ReactNode;\n  renderSection?: (section: any) => React.ReactNode;\n  getItemType?: (thing: any) => \"item\" | \"section\";\n  setControlContextData?: (ctxData: BaseListBoxControlContextData) => void;\n}\n\nexport function BaseListBox(props: BaseListBoxProps) {\n  const contextProps = React.useContext(PlasmicListBoxContext);\n  const isStandalone: boolean = !contextProps;\n  const { options: _rawOptions, ...rest } = props;\n  const { options } = useStrictOptions(props);\n  const { renderItem, renderSection, ...mergedProps } = mergeProps(\n    contextProps,\n    rest,\n    isStandalone ? { items: options } : {}\n  );\n\n  // Tell the prop control about whether the listbox is standalone or not, so it can hide/show the items prop\n  props.setControlContextData?.({\n    isStandalone,\n  });\n\n  return (\n    <ListBox {...mergedProps}>\n      {(item: StrictOptionType) => {\n        if (item.type === \"option-group\") {\n          return (\n            <>\n              <PlasmicSectionContext.Provider\n                value={{\n                  renderItem,\n                  key: item.key ?? item.label,\n                  section: item,\n                }}\n              >\n                {renderSection?.(item)}\n              </PlasmicSectionContext.Provider>\n            </>\n          );\n        } else {\n          return (\n            <PlasmicItemContext.Provider value={item}>\n              {renderItem?.(item)}\n            </PlasmicItemContext.Provider>\n          );\n        }\n      }}\n    </ListBox>\n  );\n}\n\nexport function registerListBox(\n  loader?: Registerable,\n  overrides?: CodeComponentMetaOverrides<typeof BaseListBox>\n) {\n  registerComponentHelper(\n    loader,\n    BaseListBox,\n    {\n      name: makeComponentName(\"listbox\"),\n      displayName: \"Aria ListBox\",\n      importPath: \"@plasmicpkgs/react-aria/skinny/registerListBox\",\n      importName: \"BaseListBox\",\n      props: {\n        options: {\n          ...makeOptionsPropType(),\n          displayName: \"Items\",\n          hidden: (\n            _ps: BaseListBoxProps,\n            ctx: BaseListBoxControlContextData | null\n          ) => !ctx?.isStandalone,\n        },\n        renderItem: {\n          type: \"slot\",\n          displayName: \"Render Item\",\n          renderPropParams: [\"itemProps\"],\n        },\n        renderSection: {\n          type: \"slot\",\n          displayName: \"Render Section\",\n          renderPropParams: [\"sectionProps\"],\n        },\n      },\n    },\n    overrides\n  );\n\n  registerListBoxItem(loader, {\n    parentComponentName: makeComponentName(\"listbox\"),\n  });\n}\n"],"names":["React","PlasmicListBoxContext","useStrictOptions","mergeProps","ListBox","_a","PlasmicSectionContext","PlasmicItemContext","registerComponentHelper","makeComponentName","makeOptionsPropType","registerListBoxItem"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmCO,SAAS,YAAY,KAAyB,EAAA;AAnCrD,EAAA,IAAA,EAAA,CAAA;AAoCE,EAAM,MAAA,YAAA,GAAeA,sBAAM,CAAA,UAAA,CAAWC,8BAAqB,CAAA,CAAA;AAC3D,EAAA,MAAM,eAAwB,CAAC,YAAA,CAAA;AAC/B,EAAA,MAA0C,YAAT,IAAA,GAAA,SAAA,CAAS,IAAT,CAAzB,SAAA,CAAA,EAAA;AACR,EAAA,MAAM,EAAE,OAAA,EAAY,GAAAC,4BAAA,CAAiB,KAAK,CAAA,CAAA;AAC1C,EAAsD,MAAA,EAAA,GAAAC,gBAAA;AAAA,IACpD,YAAA;AAAA,IACA,IAAA;AAAA,IACA,YAAe,GAAA,EAAE,KAAO,EAAA,OAAA,KAAY,EAAC;AAAA,GACvC,EAJQ,cAAY,aAxCtB,EAAA,GAwCwD,IAAhB,WAAgB,GAAA,SAAA,CAAA,EAAA,EAAhB,CAA9B,YAAY,EAAA,eAAA,CAAA,CAAA,CAAA;AAOpB,EAAA,CAAA,EAAA,GAAA,KAAA,CAAM,0BAAN,IAA8B,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,IAAA,CAAA,KAAA,EAAA;AAAA,IAC5B,YAAA;AAAA,GACF,CAAA,CAAA;AAEA,EAAA,uBACGH,sBAAA,CAAA,aAAA,CAAAI,2BAAA,EAAA,cAAA,CAAA,EAAA,EAAY,WACV,CAAA,EAAA,CAAC,IAA2B,KAAA;AArDnC,IAAAC,IAAAA,GAAAA,CAAAA;AAsDQ,IAAI,IAAA,IAAA,CAAK,SAAS,cAAgB,EAAA;AAChC,MAAA,uBAEIL,sBAAA,CAAA,aAAA,CAAAA,sBAAA,CAAA,QAAA,EAAA,IAAA,kBAAAA,sBAAA,CAAA,aAAA;AAAA,QAACM,8BAAsB,CAAA,QAAA;AAAA,QAAtB;AAAA,UACC,KAAO,EAAA;AAAA,YACL,UAAA;AAAA,YACA,MAAKD,GAAA,GAAA,IAAA,CAAK,GAAL,KAAA,IAAA,GAAAA,MAAY,IAAK,CAAA,KAAA;AAAA,YACtB,OAAS,EAAA,IAAA;AAAA,WACX;AAAA,SAAA;AAAA,QAEC,aAAgB,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,aAAA,CAAA,IAAA,CAAA;AAAA,OAErB,CAAA,CAAA;AAAA,KAEG,MAAA;AACL,MAAA,4DACGE,2BAAmB,CAAA,QAAA,EAAnB,EAA4B,KAAO,EAAA,IAAA,EAAA,EACjC,yCAAa,IAChB,CAAA,CAAA,CAAA;AAAA,KAEJ;AAAA,GAEJ,CAAA,CAAA;AAEJ,CAAA;AAEgB,SAAA,eAAA,CACd,QACA,SACA,EAAA;AACA,EAAAC,+BAAA;AAAA,IACE,MAAA;AAAA,IACA,WAAA;AAAA,IACA;AAAA,MACE,IAAA,EAAMC,0BAAkB,SAAS,CAAA;AAAA,MACjC,WAAa,EAAA,cAAA;AAAA,MACb,UAAY,EAAA,gDAAA;AAAA,MACZ,UAAY,EAAA,aAAA;AAAA,MACZ,KAAO,EAAA;AAAA,QACL,OAAA,EAAS,aACJ,CAAA,cAAA,CAAA,EAAA,EAAAC,+BAAA,EADI,CAAA,EAAA;AAAA,UAEP,WAAa,EAAA,OAAA;AAAA,UACb,MAAQ,EAAA,CACN,GACA,EAAA,GAAA,KACG,EAAC,GAAK,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,GAAA,CAAA,YAAA,CAAA;AAAA,SACb,CAAA;AAAA,QACA,UAAY,EAAA;AAAA,UACV,IAAM,EAAA,MAAA;AAAA,UACN,WAAa,EAAA,aAAA;AAAA,UACb,gBAAA,EAAkB,CAAC,WAAW,CAAA;AAAA,SAChC;AAAA,QACA,aAAe,EAAA;AAAA,UACb,IAAM,EAAA,MAAA;AAAA,UACN,WAAa,EAAA,gBAAA;AAAA,UACb,gBAAA,EAAkB,CAAC,cAAc,CAAA;AAAA,SACnC;AAAA,OACF;AAAA,KACF;AAAA,IACA,SAAA;AAAA,GACF,CAAA;AAEA,EAAAC,uCAAA,CAAoB,MAAQ,EAAA;AAAA,IAC1B,mBAAA,EAAqBF,0BAAkB,SAAS,CAAA;AAAA,GACjD,CAAA,CAAA;AACH;;;;;"}

package/skinny/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/skinny/registerListBox.esm.js

@@ -2,6 +2,7 @@ import { mergeProps } from '@react-aria/utils';
 import React from 'react';
 import { ListBox } from 'react-aria-components';
 import { P as PlasmicListBoxContext, b as PlasmicSectionContext, c as PlasmicItemContext } from './contexts-49f6c298.esm.js';
+import { u as useStrictOptions, m as makeOptionsPropType } from './option-utils-4f037568.esm.js';
 import { registerListBoxItem } from './registerListBoxItem.esm.js';
 import { r as registerComponentHelper, m as makeComponentName } from './utils-cf2632c9.esm.js';
 import '@plasmicapp/host/registerComponent';
@@ -37,71 +38,36 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
-const STANDALONE_PROPS = {
-  getItemType: (item) => item.type,
-  items: [
-    { type: "item", value: "op1", label: "Option 1" },
-    { type: "item", value: "op2", label: "Option 2" },
-    { type: "item", value: "op3", label: "Option 3" },
-    {
-      type: "section",
-      label: "Section 1",
-      items: [
-        { type: "item", value: "s1op1", label: "Section 1 Option 1" },
-        { type: "item", value: "s1op2", label: "Section 1 Option 2" },
-        { type: "item", value: "s1op3", label: "Section 1 Option 3" }
-      ]
-    },
-    {
-      type: "section",
-      label: "Section 2",
-      items: [
-        { type: "item", value: "s2op1", label: "Section 2 Option 1" },
-        { type: "item", value: "s2op2", label: "Section 2 Option 2" },
-        { type: "item", value: "s2op3", label: "Section 2 Option 3" }
-      ]
-    }
-  ],
-  makeItemProps: (item) => ({
-    key: item.value,
-    textValue: item.label,
-    children: item.label
-  }),
-  makeSectionProps: (section) => ({
-    section,
-    key: section.label
-  })
-};
 function BaseListBox(props) {
+  var _c;
   const contextProps = React.useContext(PlasmicListBoxContext);
   const isStandalone = !contextProps;
-  const _a = mergeProps(contextProps, props, isStandalone ? STANDALONE_PROPS : {}), {
-    makeItemProps,
-    makeSectionProps,
-    renderItem,
-    renderSection,
-    getItemType
-  } = _a, rest = __objRest(_a, [
-    "makeItemProps",
-    "makeSectionProps",
-    "renderItem",
-    "renderSection",
-    "getItemType"
-  ]);
-  return /* @__PURE__ */ React.createElement(ListBox, __spreadValues({}, mergeProps(contextProps, rest)), (item) => {
-    if ((getItemType == null ? void 0 : getItemType(item)) === "section") {
-      const sectionProps = makeSectionProps == null ? void 0 : makeSectionProps(item);
-      return /* @__PURE__ */ React.createElement(
+  const _a = props, rest = __objRest(_a, ["options"]);
+  const { options } = useStrictOptions(props);
+  const _b = mergeProps(
+    contextProps,
+    rest,
+    isStandalone ? { items: options } : {}
+  ), { renderItem, renderSection } = _b, mergedProps = __objRest(_b, ["renderItem", "renderSection"]);
+  (_c = props.setControlContextData) == null ? void 0 : _c.call(props, {
+    isStandalone
+  });
+  return /* @__PURE__ */ React.createElement(ListBox, __spreadValues({}, mergedProps), (item) => {
+    var _a2;
+    if (item.type === "option-group") {
+      return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
         PlasmicSectionContext.Provider,
         {
-          key: sectionProps == null ? void 0 : sectionProps.key,
-          value: __spreadProps(__spreadValues({}, sectionProps), { makeItemProps, renderItem })
+          value: {
+            renderItem,
+            key: (_a2 = item.key) != null ? _a2 : item.label,
+            section: item
+          }
         },
         renderSection == null ? void 0 : renderSection(item)
-      );
+      ));
     } else {
-      const itemProps = makeItemProps == null ? void 0 : makeItemProps(item);
-      return /* @__PURE__ */ React.createElement(PlasmicItemContext.Provider, { key: itemProps == null ? void 0 : itemProps.key, value: itemProps }, renderItem == null ? void 0 : renderItem(item));
+      return /* @__PURE__ */ React.createElement(PlasmicItemContext.Provider, { value: item }, renderItem == null ? void 0 : renderItem(item));
     }
   });
 }
@@ -115,29 +81,19 @@ function registerListBox(loader, overrides) {
       importPath: "@plasmicpkgs/react-aria/skinny/registerListBox",
       importName: "BaseListBox",
       props: {
+        options: __spreadProps(__spreadValues({}, makeOptionsPropType()), {
+          displayName: "Items",
+          hidden: (_ps, ctx) => !(ctx == null ? void 0 : ctx.isStandalone)
+        }),
         renderItem: {
           type: "slot",
           displayName: "Render Item",
-          renderPropParams: ["item"]
+          renderPropParams: ["itemProps"]
         },
         renderSection: {
           type: "slot",
           displayName: "Render Section",
-          renderPropParams: ["section"]
-        },
-        className: {
-          type: "class",
-          displayName: "Additional states",
-          selectors: [
-            {
-              selector: ":self[data-focused]",
-              label: "Focused"
-            },
-            {
-              selector: ":self[data-focus-visible]",
-              label: "Focused by keyboard"
-            }
-          ]
+          renderPropParams: ["sectionProps"]
         }
       }
     },

package/skinny/registerListBox.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"registerListBox.esm.js","sources":["../src/registerListBox.tsx"],"sourcesContent":["import { mergeProps } from \"@react-aria/utils\";\nimport React from \"react\";\nimport { ListBox } from \"react-aria-components\";\nimport {\n  PlasmicItemContext,\n  PlasmicListBoxContext,\n  PlasmicSectionContext,\n} from \"./contexts\";\nimport {\n  registerListBoxItem,\n  type BaseListBoxItem,\n} from \"./registerListBoxItem\";\nimport type { BaseSection } from \"./registerSection\";\nimport {\n  CodeComponentMetaOverrides,\n  makeComponentName,\n  Registerable,\n  registerComponentHelper,\n} from \"./utils\";\n\nexport interface BaseListBoxProps extends React.ComponentProps<typeof ListBox> {\n  makeItemProps?: (\n    item: any\n  ) => Partial<React.ComponentProps<typeof BaseListBoxItem>>;\n  makeSectionProps?: (\n    section: any\n  ) => Partial<React.ComponentProps<typeof BaseSection>>;\n  renderItem?: (item: any) => React.ReactNode;\n  renderSection?: (section: any) => React.ReactNode;\n  getItemType?: (thing: any) => \"item\" | \"section\";\n}\n\nconst STANDALONE_PROPS: Partial<BaseListBoxProps> = {\n  getItemType: (item: any) => item.type,\n  items: [\n    { type: \"item\", value: \"op1\", label: \"Option 1\" },\n    { type: \"item\", value: \"op2\", label: \"Option 2\" },\n    { type: \"item\", value: \"op3\", label: \"Option 3\" },\n    {\n      type: \"section\",\n      label: \"Section 1\",\n      items: [\n        { type: \"item\", value: \"s1op1\", label: \"Section 1 Option 1\" },\n        { type: \"item\", value: \"s1op2\", label: \"Section 1 Option 2\" },\n        { type: \"item\", value: \"s1op3\", label: \"Section 1 Option 3\" },\n      ],\n    },\n    {\n      type: \"section\",\n      label: \"Section 2\",\n      items: [\n        { type: \"item\", value: \"s2op1\", label: \"Section 2 Option 1\" },\n        { type: \"item\", value: \"s2op2\", label: \"Section 2 Option 2\" },\n        { type: \"item\", value: \"s2op3\", label: \"Section 2 Option 3\" },\n      ],\n    },\n  ],\n  makeItemProps: (item: any) => ({\n    key: item.value,\n    textValue: item.label,\n    children: item.label,\n  }),\n  makeSectionProps: (section: any) => ({\n    section: section,\n    key: section.label,\n  }),\n};\n\nexport function BaseListBox(props: BaseListBoxProps) {\n  const contextProps = React.useContext(PlasmicListBoxContext);\n  const isStandalone: boolean = !contextProps;\n  const {\n    makeItemProps,\n    makeSectionProps,\n    renderItem,\n    renderSection,\n    getItemType,\n    ...rest\n  } = mergeProps(contextProps, props, isStandalone ? STANDALONE_PROPS : {});\n  return (\n    <ListBox {...mergeProps(contextProps, rest)}>\n      {(item) => {\n        if (getItemType?.(item) === \"section\") {\n          const sectionProps = makeSectionProps?.(item);\n          return (\n            <PlasmicSectionContext.Provider\n              key={sectionProps?.key}\n              value={{ ...sectionProps, makeItemProps, renderItem }}\n            >\n              {renderSection?.(item)}\n            </PlasmicSectionContext.Provider>\n          );\n        } else {\n          const itemProps = makeItemProps?.(item);\n          return (\n            <PlasmicItemContext.Provider key={itemProps?.key} value={itemProps}>\n              {renderItem?.(item)}\n            </PlasmicItemContext.Provider>\n          );\n        }\n      }}\n    </ListBox>\n  );\n}\n\nexport function registerListBox(\n  loader?: Registerable,\n  overrides?: CodeComponentMetaOverrides<typeof BaseListBox>\n) {\n  registerComponentHelper(\n    loader,\n    BaseListBox,\n    {\n      name: makeComponentName(\"listbox\"),\n      displayName: \"Aria ListBox\",\n      importPath: \"@plasmicpkgs/react-aria/skinny/registerListBox\",\n      importName: \"BaseListBox\",\n      props: {\n        renderItem: {\n          type: \"slot\",\n          displayName: \"Render Item\",\n          renderPropParams: [\"item\"],\n        },\n        renderSection: {\n          type: \"slot\",\n          displayName: \"Render Section\",\n          renderPropParams: [\"section\"],\n        },\n        className: {\n          type: \"class\",\n          displayName: \"Additional states\",\n          selectors: [\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        },\n      },\n    },\n    overrides\n  );\n\n  registerListBoxItem(loader, {\n    parentComponentName: makeComponentName(\"listbox\"),\n  });\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"registerListBox.esm.js","sources":["../src/registerListBox.tsx"],"sourcesContent":["import { mergeProps } from \"@react-aria/utils\";\nimport React from \"react\";\nimport { ListBox } from \"react-aria-components\";\nimport {\n  PlasmicItemContext,\n  PlasmicListBoxContext,\n  PlasmicSectionContext,\n} from \"./contexts\";\nimport {\n  HasOptions,\n  makeOptionsPropType,\n  StrictOptionType,\n  useStrictOptions,\n} from \"./option-utils\";\nimport { registerListBoxItem } from \"./registerListBoxItem\";\nimport {\n  CodeComponentMetaOverrides,\n  makeComponentName,\n  Registerable,\n  registerComponentHelper,\n} from \"./utils\";\n\ninterface BaseListBoxControlContextData {\n  isStandalone: boolean;\n}\n\nexport interface BaseListBoxProps\n  extends React.ComponentProps<typeof ListBox>,\n    HasOptions<any> {\n  renderItem?: (item: any) => React.ReactNode;\n  renderSection?: (section: any) => React.ReactNode;\n  getItemType?: (thing: any) => \"item\" | \"section\";\n  setControlContextData?: (ctxData: BaseListBoxControlContextData) => void;\n}\n\nexport function BaseListBox(props: BaseListBoxProps) {\n  const contextProps = React.useContext(PlasmicListBoxContext);\n  const isStandalone: boolean = !contextProps;\n  const { options: _rawOptions, ...rest } = props;\n  const { options } = useStrictOptions(props);\n  const { renderItem, renderSection, ...mergedProps } = mergeProps(\n    contextProps,\n    rest,\n    isStandalone ? { items: options } : {}\n  );\n\n  // Tell the prop control about whether the listbox is standalone or not, so it can hide/show the items prop\n  props.setControlContextData?.({\n    isStandalone,\n  });\n\n  return (\n    <ListBox {...mergedProps}>\n      {(item: StrictOptionType) => {\n        if (item.type === \"option-group\") {\n          return (\n            <>\n              <PlasmicSectionContext.Provider\n                value={{\n                  renderItem,\n                  key: item.key ?? item.label,\n                  section: item,\n                }}\n              >\n                {renderSection?.(item)}\n              </PlasmicSectionContext.Provider>\n            </>\n          );\n        } else {\n          return (\n            <PlasmicItemContext.Provider value={item}>\n              {renderItem?.(item)}\n            </PlasmicItemContext.Provider>\n          );\n        }\n      }}\n    </ListBox>\n  );\n}\n\nexport function registerListBox(\n  loader?: Registerable,\n  overrides?: CodeComponentMetaOverrides<typeof BaseListBox>\n) {\n  registerComponentHelper(\n    loader,\n    BaseListBox,\n    {\n      name: makeComponentName(\"listbox\"),\n      displayName: \"Aria ListBox\",\n      importPath: \"@plasmicpkgs/react-aria/skinny/registerListBox\",\n      importName: \"BaseListBox\",\n      props: {\n        options: {\n          ...makeOptionsPropType(),\n          displayName: \"Items\",\n          hidden: (\n            _ps: BaseListBoxProps,\n            ctx: BaseListBoxControlContextData | null\n          ) => !ctx?.isStandalone,\n        },\n        renderItem: {\n          type: \"slot\",\n          displayName: \"Render Item\",\n          renderPropParams: [\"itemProps\"],\n        },\n        renderSection: {\n          type: \"slot\",\n          displayName: \"Render Section\",\n          renderPropParams: [\"sectionProps\"],\n        },\n      },\n    },\n    overrides\n  );\n\n  registerListBoxItem(loader, {\n    parentComponentName: makeComponentName(\"listbox\"),\n  });\n}\n"],"names":["_a"],"mappings":"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"}

package/skinny/registerListBoxItem.cjs.js

@@ -28,10 +28,9 @@ var __spreadValues = (a, b) => {
   return a;
 };
 function BaseListBoxItem(props) {
-  var _a;
   const contextProps = React__default.default.useContext(contexts.PlasmicItemContext);
   const mergedProps = utils.mergeProps(contextProps, props);
-  return /* @__PURE__ */ React__default.default.createElement(reactAriaComponents.ListBoxItem, __spreadValues({ id: (_a = mergedProps.key) != null ? _a : void 0 }, mergedProps));
+  return /* @__PURE__ */ React__default.default.createElement(reactAriaComponents.ListBoxItem, __spreadValues({}, mergedProps), mergedProps.children);
 }
 function registerListBoxItem(loader, overrides) {
   utils$1.registerComponentHelper(
@@ -43,23 +42,8 @@ function registerListBoxItem(loader, overrides) {
       importPath: "@plasmicpkgs/react-aria/skinny/registerListBoxItem",
       importName: "BaseListBoxItem",
       props: {
-        className: {
-          type: "class",
-          displayName: "Additional states",
-          selectors: [
-            {
-              selector: ":self[data-selected]",
-              label: "Selected"
-            },
-            {
-              selector: ":self[data-focused], :self[data-hovered]",
-              label: "Focused"
-            },
-            {
-              selector: ":self[data-disabled]",
-              label: "Disabled"
-            }
-          ]
+        children: {
+          type: "slot"
         }
       }
     },

package/skinny/registerListBoxItem.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"registerListBoxItem.cjs.js","sources":["../src/registerListBoxItem.tsx"],"sourcesContent":["import { mergeProps } from \"@react-aria/utils\";\nimport React from \"react\";\nimport { Key, ListBoxItem } from \"react-aria-components\";\nimport { PlasmicItemContext } from \"./contexts\";\nimport {\n  CodeComponentMetaOverrides,\n  makeComponentName,\n  Registerable,\n  registerComponentHelper,\n} from \"./utils\";\n\nexport function BaseListBoxItem(\n  props: React.ComponentProps<typeof ListBoxItem> & {\n    key?: Key;\n  }\n) {\n  const contextProps = React.useContext(PlasmicItemContext);\n  const mergedProps = mergeProps(contextProps, props);\n  return <ListBoxItem id={mergedProps.key ?? undefined} {...mergedProps} />;\n}\n\nexport function registerListBoxItem(\n  loader?: Registerable,\n  overrides?: CodeComponentMetaOverrides<typeof BaseListBoxItem>\n) {\n  registerComponentHelper(\n    loader,\n    BaseListBoxItem,\n    {\n      name: makeComponentName(\"item\"),\n      displayName: \"Aria ListBoxItem\",\n      importPath: \"@plasmicpkgs/react-aria/skinny/registerListBoxItem\",\n      importName: \"BaseListBoxItem\",\n      props: {\n        className: {\n          type: \"class\",\n          displayName: \"Additional states\",\n          selectors: [\n            {\n              selector: \":self[data-selected]\",\n              label: \"Selected\",\n            },\n            {\n              selector: \":self[data-focused], :self[data-hovered]\",\n              label: \"Focused\",\n            },\n            {\n              selector: \":self[data-disabled]\",\n              label: \"Disabled\",\n            },\n          ],\n        },\n      },\n    },\n    overrides\n  );\n}\n"],"names":["React","PlasmicItemContext","mergeProps","ListBoxItem","registerComponentHelper","makeComponentName"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWO,SAAS,gBACd,KAGA,EAAA;AAfF,EAAA,IAAA,EAAA,CAAA;AAgBE,EAAM,MAAA,YAAA,GAAeA,sBAAM,CAAA,UAAA,CAAWC,2BAAkB,CAAA,CAAA;AACxD,EAAM,MAAA,WAAA,GAAcC,gBAAW,CAAA,YAAA,EAAc,KAAK,CAAA,CAAA;AAClD,EAAA,4DAAQC,+BAAY,EAAA,cAAA,CAAA,EAAA,EAAA,EAAA,CAAI,iBAAY,GAAZ,KAAA,IAAA,GAAA,EAAA,GAAmB,UAAe,WAAa,CAAA,CAAA,CAAA;AACzE,CAAA;AAEgB,SAAA,mBAAA,CACd,QACA,SACA,EAAA;AACA,EAAAC,+BAAA;AAAA,IACE,MAAA;AAAA,IACA,eAAA;AAAA,IACA;AAAA,MACE,IAAA,EAAMC,0BAAkB,MAAM,CAAA;AAAA,MAC9B,WAAa,EAAA,kBAAA;AAAA,MACb,UAAY,EAAA,oDAAA;AAAA,MACZ,UAAY,EAAA,iBAAA;AAAA,MACZ,KAAO,EAAA;AAAA,QACL,SAAW,EAAA;AAAA,UACT,IAAM,EAAA,OAAA;AAAA,UACN,WAAa,EAAA,mBAAA;AAAA,UACb,SAAW,EAAA;AAAA,YACT;AAAA,cACE,QAAU,EAAA,sBAAA;AAAA,cACV,KAAO,EAAA,UAAA;AAAA,aACT;AAAA,YACA;AAAA,cACE,QAAU,EAAA,0CAAA;AAAA,cACV,KAAO,EAAA,SAAA;AAAA,aACT;AAAA,YACA;AAAA,cACE,QAAU,EAAA,sBAAA;AAAA,cACV,KAAO,EAAA,UAAA;AAAA,aACT;AAAA,WACF;AAAA,SACF;AAAA,OACF;AAAA,KACF;AAAA,IACA,SAAA;AAAA,GACF,CAAA;AACF;;;;;"}
+{"version":3,"file":"registerListBoxItem.cjs.js","sources":["../src/registerListBoxItem.tsx"],"sourcesContent":["import { mergeProps } from \"@react-aria/utils\";\nimport React from \"react\";\nimport { ListBoxItem } from \"react-aria-components\";\nimport { PlasmicItemContext } from \"./contexts\";\nimport {\n  CodeComponentMetaOverrides,\n  makeComponentName,\n  Registerable,\n  registerComponentHelper,\n} from \"./utils\";\n\nexport function BaseListBoxItem(\n  props: React.ComponentProps<typeof ListBoxItem>\n) {\n  const contextProps = React.useContext(PlasmicItemContext);\n  const mergedProps = mergeProps(contextProps, props);\n  return (\n    <ListBoxItem {...mergedProps}>\n      {mergedProps.children as React.ReactNode}\n    </ListBoxItem>\n  );\n}\n\nexport function registerListBoxItem(\n  loader?: Registerable,\n  overrides?: CodeComponentMetaOverrides<typeof BaseListBoxItem>\n) {\n  registerComponentHelper(\n    loader,\n    BaseListBoxItem,\n    {\n      name: makeComponentName(\"item\"),\n      displayName: \"Aria ListBoxItem\",\n      importPath: \"@plasmicpkgs/react-aria/skinny/registerListBoxItem\",\n      importName: \"BaseListBoxItem\",\n      props: {\n        children: {\n          type: \"slot\",\n        },\n      },\n    },\n    overrides\n  );\n}\n"],"names":["React","PlasmicItemContext","mergeProps","ListBoxItem","registerComponentHelper","makeComponentName"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWO,SAAS,gBACd,KACA,EAAA;AACA,EAAM,MAAA,YAAA,GAAeA,sBAAM,CAAA,UAAA,CAAWC,2BAAkB,CAAA,CAAA;AACxD,EAAM,MAAA,WAAA,GAAcC,gBAAW,CAAA,YAAA,EAAc,KAAK,CAAA,CAAA;AAClD,EAAA,uBACGF,sBAAA,CAAA,aAAA,CAAAG,+BAAA,EAAA,cAAA,CAAA,EAAA,EAAgB,WACd,CAAA,EAAA,WAAA,CAAY,QACf,CAAA,CAAA;AAEJ,CAAA;AAEgB,SAAA,mBAAA,CACd,QACA,SACA,EAAA;AACA,EAAAC,+BAAA;AAAA,IACE,MAAA;AAAA,IACA,eAAA;AAAA,IACA;AAAA,MACE,IAAA,EAAMC,0BAAkB,MAAM,CAAA;AAAA,MAC9B,WAAa,EAAA,kBAAA;AAAA,MACb,UAAY,EAAA,oDAAA;AAAA,MACZ,UAAY,EAAA,iBAAA;AAAA,MACZ,KAAO,EAAA;AAAA,QACL,QAAU,EAAA;AAAA,UACR,IAAM,EAAA,MAAA;AAAA,SACR;AAAA,OACF;AAAA,KACF;AAAA,IACA,SAAA;AAAA,GACF,CAAA;AACF;;;;;"}

package/skinny/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/skinny/registerListBoxItem.esm.js

@@ -22,10 +22,9 @@ var __spreadValues = (a, b) => {
   return a;
 };
 function BaseListBoxItem(props) {
-  var _a;
   const contextProps = React.useContext(PlasmicItemContext);
   const mergedProps = mergeProps(contextProps, props);
-  return /* @__PURE__ */ React.createElement(ListBoxItem, __spreadValues({ id: (_a = mergedProps.key) != null ? _a : void 0 }, mergedProps));
+  return /* @__PURE__ */ React.createElement(ListBoxItem, __spreadValues({}, mergedProps), mergedProps.children);
 }
 function registerListBoxItem(loader, overrides) {
   registerComponentHelper(
@@ -37,23 +36,8 @@ function registerListBoxItem(loader, overrides) {
       importPath: "@plasmicpkgs/react-aria/skinny/registerListBoxItem",
       importName: "BaseListBoxItem",
       props: {
-        className: {
-          type: "class",
-          displayName: "Additional states",
-          selectors: [
-            {
-              selector: ":self[data-selected]",
-              label: "Selected"
-            },
-            {
-              selector: ":self[data-focused], :self[data-hovered]",
-              label: "Focused"
-            },
-            {
-              selector: ":self[data-disabled]",
-              label: "Disabled"
-            }
-          ]
+        children: {
+          type: "slot"
         }
       }
     },

package/skinny/registerListBoxItem.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"registerListBoxItem.esm.js","sources":["../src/registerListBoxItem.tsx"],"sourcesContent":["import { mergeProps } from \"@react-aria/utils\";\nimport React from \"react\";\nimport { Key, ListBoxItem } from \"react-aria-components\";\nimport { PlasmicItemContext } from \"./contexts\";\nimport {\n  CodeComponentMetaOverrides,\n  makeComponentName,\n  Registerable,\n  registerComponentHelper,\n} from \"./utils\";\n\nexport function BaseListBoxItem(\n  props: React.ComponentProps<typeof ListBoxItem> & {\n    key?: Key;\n  }\n) {\n  const contextProps = React.useContext(PlasmicItemContext);\n  const mergedProps = mergeProps(contextProps, props);\n  return <ListBoxItem id={mergedProps.key ?? undefined} {...mergedProps} />;\n}\n\nexport function registerListBoxItem(\n  loader?: Registerable,\n  overrides?: CodeComponentMetaOverrides<typeof BaseListBoxItem>\n) {\n  registerComponentHelper(\n    loader,\n    BaseListBoxItem,\n    {\n      name: makeComponentName(\"item\"),\n      displayName: \"Aria ListBoxItem\",\n      importPath: \"@plasmicpkgs/react-aria/skinny/registerListBoxItem\",\n      importName: \"BaseListBoxItem\",\n      props: {\n        className: {\n          type: \"class\",\n          displayName: \"Additional states\",\n          selectors: [\n            {\n              selector: \":self[data-selected]\",\n              label: \"Selected\",\n            },\n            {\n              selector: \":self[data-focused], :self[data-hovered]\",\n              label: \"Focused\",\n            },\n            {\n              selector: \":self[data-disabled]\",\n              label: \"Disabled\",\n            },\n          ],\n        },\n      },\n    },\n    overrides\n  );\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAWO,SAAS,gBACd,KAGA,EAAA;AAfF,EAAA,IAAA,EAAA,CAAA;AAgBE,EAAM,MAAA,YAAA,GAAe,KAAM,CAAA,UAAA,CAAW,kBAAkB,CAAA,CAAA;AACxD,EAAM,MAAA,WAAA,GAAc,UAAW,CAAA,YAAA,EAAc,KAAK,CAAA,CAAA;AAClD,EAAA,2CAAQ,WAAY,EAAA,cAAA,CAAA,EAAA,EAAA,EAAA,CAAI,iBAAY,GAAZ,KAAA,IAAA,GAAA,EAAA,GAAmB,UAAe,WAAa,CAAA,CAAA,CAAA;AACzE,CAAA;AAEgB,SAAA,mBAAA,CACd,QACA,SACA,EAAA;AACA,EAAA,uBAAA;AAAA,IACE,MAAA;AAAA,IACA,eAAA;AAAA,IACA;AAAA,MACE,IAAA,EAAM,kBAAkB,MAAM,CAAA;AAAA,MAC9B,WAAa,EAAA,kBAAA;AAAA,MACb,UAAY,EAAA,oDAAA;AAAA,MACZ,UAAY,EAAA,iBAAA;AAAA,MACZ,KAAO,EAAA;AAAA,QACL,SAAW,EAAA;AAAA,UACT,IAAM,EAAA,OAAA;AAAA,UACN,WAAa,EAAA,mBAAA;AAAA,UACb,SAAW,EAAA;AAAA,YACT;AAAA,cACE,QAAU,EAAA,sBAAA;AAAA,cACV,KAAO,EAAA,UAAA;AAAA,aACT;AAAA,YACA;AAAA,cACE,QAAU,EAAA,0CAAA;AAAA,cACV,KAAO,EAAA,SAAA;AAAA,aACT;AAAA,YACA;AAAA,cACE,QAAU,EAAA,sBAAA;AAAA,cACV,KAAO,EAAA,UAAA;AAAA,aACT;AAAA,WACF;AAAA,SACF;AAAA,OACF;AAAA,KACF;AAAA,IACA,SAAA;AAAA,GACF,CAAA;AACF;;;;"}
+{"version":3,"file":"registerListBoxItem.esm.js","sources":["../src/registerListBoxItem.tsx"],"sourcesContent":["import { mergeProps } from \"@react-aria/utils\";\nimport React from \"react\";\nimport { ListBoxItem } from \"react-aria-components\";\nimport { PlasmicItemContext } from \"./contexts\";\nimport {\n  CodeComponentMetaOverrides,\n  makeComponentName,\n  Registerable,\n  registerComponentHelper,\n} from \"./utils\";\n\nexport function BaseListBoxItem(\n  props: React.ComponentProps<typeof ListBoxItem>\n) {\n  const contextProps = React.useContext(PlasmicItemContext);\n  const mergedProps = mergeProps(contextProps, props);\n  return (\n    <ListBoxItem {...mergedProps}>\n      {mergedProps.children as React.ReactNode}\n    </ListBoxItem>\n  );\n}\n\nexport function registerListBoxItem(\n  loader?: Registerable,\n  overrides?: CodeComponentMetaOverrides<typeof BaseListBoxItem>\n) {\n  registerComponentHelper(\n    loader,\n    BaseListBoxItem,\n    {\n      name: makeComponentName(\"item\"),\n      displayName: \"Aria ListBoxItem\",\n      importPath: \"@plasmicpkgs/react-aria/skinny/registerListBoxItem\",\n      importName: \"BaseListBoxItem\",\n      props: {\n        children: {\n          type: \"slot\",\n        },\n      },\n    },\n    overrides\n  );\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAWO,SAAS,gBACd,KACA,EAAA;AACA,EAAM,MAAA,YAAA,GAAe,KAAM,CAAA,UAAA,CAAW,kBAAkB,CAAA,CAAA;AACxD,EAAM,MAAA,WAAA,GAAc,UAAW,CAAA,YAAA,EAAc,KAAK,CAAA,CAAA;AAClD,EAAA,uBACG,KAAA,CAAA,aAAA,CAAA,WAAA,EAAA,cAAA,CAAA,EAAA,EAAgB,WACd,CAAA,EAAA,WAAA,CAAY,QACf,CAAA,CAAA;AAEJ,CAAA;AAEgB,SAAA,mBAAA,CACd,QACA,SACA,EAAA;AACA,EAAA,uBAAA;AAAA,IACE,MAAA;AAAA,IACA,eAAA;AAAA,IACA;AAAA,MACE,IAAA,EAAM,kBAAkB,MAAM,CAAA;AAAA,MAC9B,WAAa,EAAA,kBAAA;AAAA,MACb,UAAY,EAAA,oDAAA;AAAA,MACZ,UAAY,EAAA,iBAAA;AAAA,MACZ,KAAO,EAAA;AAAA,QACL,QAAU,EAAA;AAAA,UACR,IAAM,EAAA,MAAA;AAAA,SACR;AAAA,OACF;AAAA,KACF;AAAA,IACA,SAAA;AAAA,GACF,CAAA;AACF;;;;"}

package/skinny/registerPopover.cjs.js

@@ -1,6 +1,5 @@
 'use strict';
 
-var host = require('@plasmicapp/host');
 var utils = require('@react-aria/utils');
 var React = require('react');
 var reactAriaComponents = require('react-aria-components');
@@ -13,8 +12,6 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 var React__default = /*#__PURE__*/_interopDefault(React);
 
 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;
@@ -30,7 +27,6 @@ var __spreadValues = (a, b) => {
     }
   return a;
 };
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 var __objRest = (source, exclude) => {
   var target = {};
   for (var prop in source)
@@ -47,23 +43,16 @@ function BasePopover(props) {
   const _a = props, { resetClassName } = _a, restProps = __objRest(_a, ["resetClassName"]);
   const isStandalone = !React__default.default.useContext(reactAriaComponents.PopoverContext);
   const contextProps = React__default.default.useContext(contexts.PlasmicPopoverContext);
-  const canvas = host.usePlasmicCanvasContext();
   const mergedProps = utils.mergeProps(contextProps, restProps, {
     className: `${resetClassName}`
   });
-  if (isStandalone) {
-    const triggerRef = React__default.default.useRef(null);
-    return /* @__PURE__ */ React__default.default.createElement(React__default.default.Fragment, null, /* @__PURE__ */ React__default.default.createElement("div", { ref: triggerRef }), /* @__PURE__ */ React__default.default.createElement(
-      reactAriaComponents.Popover,
-      __spreadProps(__spreadValues({}, mergedProps), {
-        triggerRef,
-        isNonModal: true,
-        isOpen: true
-      })
-    ));
-  } else {
-    return /* @__PURE__ */ React__default.default.createElement(reactAriaComponents.Popover, __spreadProps(__spreadValues({}, mergedProps), { isNonModal: !!canvas }));
-  }
+  const triggerRef = React__default.default.useRef(null);
+  const standaloneProps = isStandalone ? {
+    triggerRef,
+    isNonModal: true,
+    isOpen: true
+  } : {};
+  return /* @__PURE__ */ React__default.default.createElement(React__default.default.Fragment, null, isStandalone && /* @__PURE__ */ React__default.default.createElement("div", { ref: triggerRef }), /* @__PURE__ */ React__default.default.createElement(reactAriaComponents.Popover, __spreadValues(__spreadValues({}, mergedProps), standaloneProps)));
 }
 function registerPopover(loader, overrides) {
   utils$1.registerComponentHelper(
@@ -99,20 +88,6 @@ function registerPopover(loader, overrides) {
         resetClassName: {
           type: "themeResetClass"
         }
-        // className: {
-        //   type: "class",
-        //   displayName: "Additional states",
-        //   selectors: [
-        //     {
-        //       selector: ":self[data-entering]",
-        //       label: "Entering",
-        //     },
-        //     {
-        //       selector: ":self[data-exiting]",
-        //       label: "Exiting",
-        //     },
-        //   ],
-        // },
       },
       styleSections: true
     },

package/skinny/registerPopover.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"registerPopover.cjs.js","sources":["../src/registerPopover.tsx"],"sourcesContent":["import { usePlasmicCanvasContext } from \"@plasmicapp/host\";\nimport { mergeProps } from \"@react-aria/utils\";\nimport React from \"react\";\nimport { Popover, PopoverContext } from \"react-aria-components\";\nimport { PlasmicPopoverContext } from \"./contexts\";\nimport {\n  CodeComponentMetaOverrides,\n  Registerable,\n  registerComponentHelper,\n} from \"./utils\";\n\nexport function BasePopover(props: {\n  className?: string;\n  resetClassName?: string;\n}) {\n  const { resetClassName, ...restProps } = props;\n  const isStandalone = !React.useContext(PopoverContext);\n  const contextProps = React.useContext(PlasmicPopoverContext);\n  const canvas = usePlasmicCanvasContext();\n  const mergedProps = mergeProps(contextProps, restProps, {\n    className: `${resetClassName}`,\n  });\n\n  if (isStandalone) {\n    const triggerRef = React.useRef<any>(null);\n    return (\n      <>\n        <div ref={triggerRef} />\n        <Popover\n          {...mergedProps}\n          triggerRef={triggerRef}\n          isNonModal={true}\n          isOpen={true}\n        />\n      </>\n    );\n  } else {\n    return <Popover {...mergedProps} isNonModal={!!canvas} />;\n  }\n}\n\nexport function registerPopover(\n  loader?: Registerable,\n  overrides?: CodeComponentMetaOverrides<typeof BasePopover>\n) {\n  registerComponentHelper(\n    loader,\n    BasePopover,\n    {\n      name: \"plasmic-react-aria-popover\",\n      displayName: \"Aria Popover\",\n      importPath: \"@plasmicpkgs/react-aria/skinny/registerPopover\",\n      importName: \"BasePopover\",\n      props: {\n        children: {\n          type: \"slot\",\n        },\n        offset: {\n          type: \"number\",\n          displayName: \"Offset\",\n          description:\n            \"Additional offset applied vertically between the popover and its trigger\",\n          defaultValueHint: 0,\n        },\n        placement: {\n          type: \"choice\",\n          description:\n            \"Default placement of the popover relative to the trigger, if there is enough space\",\n          options: [\n            \"bottom\",\n            \"bottom left\",\n            \"bottom right\",\n            \"top\",\n            \"top left\",\n            \"top right\",\n          ],\n        },\n        resetClassName: {\n          type: \"themeResetClass\",\n        },\n        // className: {\n        //   type: \"class\",\n        //   displayName: \"Additional states\",\n        //   selectors: [\n        //     {\n        //       selector: \":self[data-entering]\",\n        //       label: \"Entering\",\n        //     },\n        //     {\n        //       selector: \":self[data-exiting]\",\n        //       label: \"Exiting\",\n        //     },\n        //   ],\n        // },\n      },\n      styleSections: true,\n    },\n    overrides\n  );\n}\n"],"names":["React","PopoverContext","PlasmicPopoverContext","usePlasmicCanvasContext","mergeProps","Popover","registerComponentHelper"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWO,SAAS,YAAY,KAGzB,EAAA;AACD,EAAA,MAAyC,YAAjC,EAfV,cAAA,EAAA,GAe2C,EAAd,EAAA,SAAA,GAAA,SAAA,CAAc,IAAd,CAAnB,gBAAA,CAAA,CAAA,CAAA;AACR,EAAA,MAAM,YAAe,GAAA,CAACA,sBAAM,CAAA,UAAA,CAAWC,kCAAc,CAAA,CAAA;AACrD,EAAM,MAAA,YAAA,GAAeD,sBAAM,CAAA,UAAA,CAAWE,8BAAqB,CAAA,CAAA;AAC3D,EAAA,MAAM,SAASC,4BAAwB,EAAA,CAAA;AACvC,EAAM,MAAA,WAAA,GAAcC,gBAAW,CAAA,YAAA,EAAc,SAAW,EAAA;AAAA,IACtD,WAAW,CAAG,EAAA,cAAA,CAAA,CAAA;AAAA,GACf,CAAA,CAAA;AAED,EAAA,IAAI,YAAc,EAAA;AAChB,IAAM,MAAA,UAAA,GAAaJ,sBAAM,CAAA,MAAA,CAAY,IAAI,CAAA,CAAA;AACzC,IAAA,uBAEIA,sBAAA,CAAA,aAAA,CAAAA,sBAAA,CAAA,QAAA,EAAA,IAAA,kBAAAA,sBAAA,CAAA,aAAA,CAAC,KAAI,EAAA,EAAA,GAAA,EAAK,YAAY,CACtB,kBAAAA,sBAAA,CAAA,aAAA;AAAA,MAACK,2BAAA;AAAA,MAAA,aAAA,CAAA,cAAA,CAAA,EAAA,EACK,WADL,CAAA,EAAA;AAAA,QAEC,UAAA;AAAA,QACA,UAAY,EAAA,IAAA;AAAA,QACZ,MAAQ,EAAA,IAAA;AAAA,OAAA,CAAA;AAAA,KAEZ,CAAA,CAAA;AAAA,GAEG,MAAA;AACL,IAAA,4DAAQA,2BAAY,EAAA,aAAA,CAAA,cAAA,CAAA,EAAA,EAAA,WAAA,CAAA,EAAZ,EAAyB,UAAY,EAAA,CAAC,CAAC,MAAQ,EAAA,CAAA,CAAA,CAAA;AAAA,GACzD;AACF,CAAA;AAEgB,SAAA,eAAA,CACd,QACA,SACA,EAAA;AACA,EAAAC,+BAAA;AAAA,IACE,MAAA;AAAA,IACA,WAAA;AAAA,IACA;AAAA,MACE,IAAM,EAAA,4BAAA;AAAA,MACN,WAAa,EAAA,cAAA;AAAA,MACb,UAAY,EAAA,gDAAA;AAAA,MACZ,UAAY,EAAA,aAAA;AAAA,MACZ,KAAO,EAAA;AAAA,QACL,QAAU,EAAA;AAAA,UACR,IAAM,EAAA,MAAA;AAAA,SACR;AAAA,QACA,MAAQ,EAAA;AAAA,UACN,IAAM,EAAA,QAAA;AAAA,UACN,WAAa,EAAA,QAAA;AAAA,UACb,WACE,EAAA,0EAAA;AAAA,UACF,gBAAkB,EAAA,CAAA;AAAA,SACpB;AAAA,QACA,SAAW,EAAA;AAAA,UACT,IAAM,EAAA,QAAA;AAAA,UACN,WACE,EAAA,oFAAA;AAAA,UACF,OAAS,EAAA;AAAA,YACP,QAAA;AAAA,YACA,aAAA;AAAA,YACA,cAAA;AAAA,YACA,KAAA;AAAA,YACA,UAAA;AAAA,YACA,WAAA;AAAA,WACF;AAAA,SACF;AAAA,QACA,cAAgB,EAAA;AAAA,UACd,IAAM,EAAA,iBAAA;AAAA,SACR;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAeF;AAAA,MACA,aAAe,EAAA,IAAA;AAAA,KACjB;AAAA,IACA,SAAA;AAAA,GACF,CAAA;AACF;;;;;"}
+{"version":3,"file":"registerPopover.cjs.js","sources":["../src/registerPopover.tsx"],"sourcesContent":["import { mergeProps } from \"@react-aria/utils\";\nimport React from \"react\";\nimport { Popover, PopoverContext } from \"react-aria-components\";\nimport { PlasmicPopoverContext } from \"./contexts\";\nimport {\n  CodeComponentMetaOverrides,\n  Registerable,\n  registerComponentHelper,\n} from \"./utils\";\n\nexport interface BasePopoverProps extends React.ComponentProps<typeof Popover> {\n  className?: string;\n  resetClassName?: string;\n}\n\nexport function BasePopover(props: BasePopoverProps) {\n  const { resetClassName, ...restProps } = props;\n  const isStandalone = !React.useContext(PopoverContext);\n  const contextProps = React.useContext(PlasmicPopoverContext);\n  const mergedProps = mergeProps(contextProps, restProps, {\n    className: `${resetClassName}`,\n  });\n\n  const triggerRef = React.useRef<any>(null);\n\n  const standaloneProps = isStandalone\n    ? {\n        triggerRef,\n        isNonModal: true,\n        isOpen: true,\n      }\n    : {};\n\n  return (\n    <>\n      {isStandalone && <div ref={triggerRef} />}\n      <Popover {...mergedProps} {...standaloneProps} />\n    </>\n  );\n}\n\nexport function registerPopover(\n  loader?: Registerable,\n  overrides?: CodeComponentMetaOverrides<typeof BasePopover>\n) {\n  registerComponentHelper(\n    loader,\n    BasePopover,\n    {\n      name: \"plasmic-react-aria-popover\",\n      displayName: \"Aria Popover\",\n      importPath: \"@plasmicpkgs/react-aria/skinny/registerPopover\",\n      importName: \"BasePopover\",\n      props: {\n        children: {\n          type: \"slot\",\n        },\n        offset: {\n          type: \"number\",\n          displayName: \"Offset\",\n          description:\n            \"Additional offset applied vertically between the popover and its trigger\",\n          defaultValueHint: 0,\n        },\n        placement: {\n          type: \"choice\",\n          description:\n            \"Default placement of the popover relative to the trigger, if there is enough space\",\n          options: [\n            \"bottom\",\n            \"bottom left\",\n            \"bottom right\",\n            \"top\",\n            \"top left\",\n            \"top right\",\n          ],\n        },\n        resetClassName: {\n          type: \"themeResetClass\",\n        },\n      },\n      styleSections: true,\n    },\n    overrides\n  );\n}\n"],"names":["React","PopoverContext","PlasmicPopoverContext","mergeProps","Popover","registerComponentHelper"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAeO,SAAS,YAAY,KAAyB,EAAA;AACnD,EAAA,MAAyC,YAAjC,EAhBV,cAAA,EAAA,GAgB2C,EAAd,EAAA,SAAA,GAAA,SAAA,CAAc,IAAd,CAAnB,gBAAA,CAAA,CAAA,CAAA;AACR,EAAA,MAAM,YAAe,GAAA,CAACA,sBAAM,CAAA,UAAA,CAAWC,kCAAc,CAAA,CAAA;AACrD,EAAM,MAAA,YAAA,GAAeD,sBAAM,CAAA,UAAA,CAAWE,8BAAqB,CAAA,CAAA;AAC3D,EAAM,MAAA,WAAA,GAAcC,gBAAW,CAAA,YAAA,EAAc,SAAW,EAAA;AAAA,IACtD,WAAW,CAAG,EAAA,cAAA,CAAA,CAAA;AAAA,GACf,CAAA,CAAA;AAED,EAAM,MAAA,UAAA,GAAaH,sBAAM,CAAA,MAAA,CAAY,IAAI,CAAA,CAAA;AAEzC,EAAA,MAAM,kBAAkB,YACpB,GAAA;AAAA,IACE,UAAA;AAAA,IACA,UAAY,EAAA,IAAA;AAAA,IACZ,MAAQ,EAAA,IAAA;AAAA,MAEV,EAAC,CAAA;AAEL,EACE,uBAAAA,sBAAA,CAAA,aAAA,CAAAA,sBAAA,CAAA,QAAA,EAAA,IAAA,EACG,YAAgB,oBAAAA,sBAAA,CAAA,aAAA,CAAC,KAAI,EAAA,EAAA,GAAA,EAAK,UAAY,EAAA,CAAA,kBACtCA,sBAAA,CAAA,aAAA,CAAAI,2BAAA,EAAA,cAAA,CAAA,cAAA,CAAA,EAAA,EAAY,WAAiB,CAAA,EAAA,eAAA,CAAiB,CACjD,CAAA,CAAA;AAEJ,CAAA;AAEgB,SAAA,eAAA,CACd,QACA,SACA,EAAA;AACA,EAAAC,+BAAA;AAAA,IACE,MAAA;AAAA,IACA,WAAA;AAAA,IACA;AAAA,MACE,IAAM,EAAA,4BAAA;AAAA,MACN,WAAa,EAAA,cAAA;AAAA,MACb,UAAY,EAAA,gDAAA;AAAA,MACZ,UAAY,EAAA,aAAA;AAAA,MACZ,KAAO,EAAA;AAAA,QACL,QAAU,EAAA;AAAA,UACR,IAAM,EAAA,MAAA;AAAA,SACR;AAAA,QACA,MAAQ,EAAA;AAAA,UACN,IAAM,EAAA,QAAA;AAAA,UACN,WAAa,EAAA,QAAA;AAAA,UACb,WACE,EAAA,0EAAA;AAAA,UACF,gBAAkB,EAAA,CAAA;AAAA,SACpB;AAAA,QACA,SAAW,EAAA;AAAA,UACT,IAAM,EAAA,QAAA;AAAA,UACN,WACE,EAAA,oFAAA;AAAA,UACF,OAAS,EAAA;AAAA,YACP,QAAA;AAAA,YACA,aAAA;AAAA,YACA,cAAA;AAAA,YACA,KAAA;AAAA,YACA,UAAA;AAAA,YACA,WAAA;AAAA,WACF;AAAA,SACF;AAAA,QACA,cAAgB,EAAA;AAAA,UACd,IAAM,EAAA,iBAAA;AAAA,SACR;AAAA,OACF;AAAA,MACA,aAAe,EAAA,IAAA;AAAA,KACjB;AAAA,IACA,SAAA;AAAA,GACF,CAAA;AACF;;;;;"}