@plasmicpkgs/react-aria 0.0.114 → 0.0.116

package/skinny/{registerListBox-a5fd72be.esm.js → registerListBox-21dc99fa.esm.js}

@@ -1,10 +1,10 @@
 import React, { useState, useMemo, useEffect, useCallback } from 'react';
 import { Section, Header, ListBox } from 'react-aria-components';
-import { C as COMMON_STYLES } from './common-10d1b069.esm.js';
+import { C as COMMON_STYLES } from './common-616eb178.esm.js';
 import { b as PlasmicListBoxContext } from './contexts-5cb81c2f.esm.js';
 import { O as OptionsItemIdManager } from './OptionsItemIdManager-832b8cfe.esm.js';
 import { registerListBoxItem, makeDefaultListBoxItemChildren } from './registerListBoxItem.esm.js';
-import { r as registerComponentHelper, m as makeComponentName } from './utils-59f72eb9.esm.js';
+import { r as registerComponentHelper, m as makeComponentName } from './utils-fd88ad47.esm.js';
 import { p as pickAriaComponentVariants } from './variant-utils-4405ebb0.esm.js';
 
 var __defProp$1 = Object.defineProperty;
@@ -370,4 +370,4 @@ function registerListBox(loader, overrides) {
 }
 
 export { BaseListBox as B, LIST_BOX_COMPONENT_NAME as L, BaseSection as a, registerListBox as b, listboxHelpers as l, registerSection as r };
-//# sourceMappingURL=registerListBox-a5fd72be.esm.js.map
+//# sourceMappingURL=registerListBox-21dc99fa.esm.js.map

package/skinny/{registerListBox-a5fd72be.esm.js.map → registerListBox-21dc99fa.esm.js.map}

@@ -1 +1 @@
-{"version":3,"file":"registerListBox-a5fd72be.esm.js","sources":["../src/registerSection.tsx","../src/registerListBox.tsx"],"sourcesContent":["import React from \"react\";\nimport { Header, Section } from \"react-aria-components\";\nimport { COMMON_STYLES } from \"./common\";\nimport { PlasmicListBoxContext } from \"./contexts\";\nimport { BaseListBox } from \"./registerListBox\";\nimport {\n  CodeComponentMetaOverrides,\n  makeComponentName,\n  Registerable,\n  registerComponentHelper,\n  Styleable,\n} from \"./utils\";\n\nexport interface BaseSectionProps extends Styleable {\n  items: React.ReactNode;\n  header: React.ReactNode;\n}\n\nexport function BaseSection(props: BaseSectionProps) {\n  const { header, items, ...rest } = props;\n  const contextProps = React.useContext(PlasmicListBoxContext);\n  const isStandalone = !contextProps;\n\n  const section = (\n    <Section {...rest} style={COMMON_STYLES}>\n      <Header>{header}</Header>\n      {items}\n    </Section>\n  );\n\n  if (isStandalone) {\n    return (\n      // BaseListbox should give section a listbox context (that it can't be used without)\n      // as well as the id manager (that is needed to identify and warn about duplication of ids)\n      // selection mode needs to be single/multiple to be able to trigger hover state on it.\n      <BaseListBox selectionMode=\"single\">{section}</BaseListBox>\n    );\n  }\n\n  return section;\n}\n\nexport function registerSection(\n  loader?: Registerable,\n  overrides?: CodeComponentMetaOverrides<typeof BaseSection>\n) {\n  return registerComponentHelper(\n    loader,\n    BaseSection,\n    {\n      name: makeComponentName(\"section\"),\n      displayName: \"Aria Section\",\n      importPath: \"@plasmicpkgs/react-aria/skinny/registerSection\",\n      importName: \"BaseSection\",\n      defaultStyles: {\n        width: \"stretch\",\n        padding: \"10px\",\n      },\n      props: {\n        header: {\n          type: \"slot\",\n          mergeWithParent: true,\n          defaultValue: [\n            {\n              type: \"text\",\n              value: \"Section Header.\",\n            },\n          ],\n        },\n        items: {\n          type: \"slot\",\n          mergeWithParent: true,\n        },\n      },\n      trapsFocus: true,\n    },\n    overrides\n  );\n}\n","import React, { useCallback, useEffect, useMemo, useState } from \"react\";\nimport { Key, ListBox, ListBoxRenderProps } from \"react-aria-components\";\nimport { COMMON_STYLES } from \"./common\";\nimport { PlasmicListBoxContext } from \"./contexts\";\nimport { OptionsItemIdManager } from \"./OptionsItemIdManager\";\nimport {\n  makeDefaultListBoxItemChildren,\n  registerListBoxItem,\n} from \"./registerListBoxItem\";\nimport { registerSection } from \"./registerSection\";\nimport {\n  CodeComponentMetaOverrides,\n  HasControlContextData,\n  makeComponentName,\n  Registerable,\n  registerComponentHelper,\n} from \"./utils\";\nimport { pickAriaComponentVariants, WithVariants } from \"./variant-utils\";\n\nexport interface BaseListBoxControlContextData {\n  itemIds: string[];\n  isStandalone: boolean;\n}\n\nconst LISTBOX_VARIANTS = [\"focused\" as const, \"focusVisible\" as const];\n\nconst { variants } = pickAriaComponentVariants(LISTBOX_VARIANTS);\n\nexport interface BaseListBoxProps\n  extends Omit<\n      React.ComponentProps<typeof ListBox>,\n      \"selectedKeys\" | \"defaultSelectedKeys\" | \"className\"\n    >,\n    HasControlContextData<BaseListBoxControlContextData>,\n    WithVariants<typeof LISTBOX_VARIANTS> {\n  children?: React.ReactNode;\n  selectedKeys?: string | string[] | undefined;\n  defaultSelectedKeys?: string | string[] | undefined;\n  className?: string;\n}\n\nexport const listboxHelpers = {\n  states: {\n    selectedValue: {\n      onChangeArgsToValue: (value: Set<Key> | string[] | string) => {\n        // only single selection is supported\n        return Array.from(value)[0];\n      },\n    },\n  },\n};\n\nfunction normalizeSelectedKeys(selectedKeys: string | string[] | undefined) {\n  // Listbox expects it to be of type \"all\" | Iterable\n  return typeof selectedKeys === \"string\" && selectedKeys !== \"all\"\n    ? [selectedKeys]\n    : selectedKeys;\n}\n\nexport function BaseListBox(props: BaseListBoxProps) {\n  const {\n    setControlContextData: setControlContextData,\n    children,\n    className,\n    selectedKeys,\n    defaultSelectedKeys,\n    plasmicUpdateVariant,\n    ...rest\n  } = props;\n  const context = React.useContext(PlasmicListBoxContext);\n  const isStandalone = !context;\n  const [ids, setIds] = useState<string[]>([]);\n  const idManager = useMemo(\n    () => context?.idManager ?? new OptionsItemIdManager(),\n    []\n  );\n\n  useEffect(() => {\n    setControlContextData?.({\n      itemIds: ids,\n      isStandalone,\n    });\n  }, [ids, isStandalone, setControlContextData]);\n\n  useEffect(() => {\n    idManager.subscribe((_ids: string[]) => {\n      setIds(_ids);\n    });\n  }, []);\n\n  const classNameProp = useCallback(\n    ({ isFocusVisible, isFocused }: ListBoxRenderProps) => {\n      plasmicUpdateVariant?.({\n        focused: isFocused,\n        focusVisible: isFocusVisible,\n      });\n      return className ?? \"\";\n    },\n    [className, plasmicUpdateVariant]\n  );\n\n  const listbox = (\n    <ListBox\n      selectedKeys={normalizeSelectedKeys(selectedKeys)}\n      defaultSelectedKeys={normalizeSelectedKeys(defaultSelectedKeys)}\n      className={classNameProp}\n      style={COMMON_STYLES}\n      {...rest}\n    >\n      {children}\n    </ListBox>\n  );\n\n  if (isStandalone) {\n    return (\n      <PlasmicListBoxContext.Provider\n        value={{\n          idManager,\n        }}\n      >\n        {listbox}\n      </PlasmicListBoxContext.Provider>\n    );\n  }\n\n  return listbox;\n}\n\nexport const LIST_BOX_COMPONENT_NAME = makeComponentName(\"listbox\");\n\nexport function registerListBox(\n  loader?: Registerable,\n  overrides?: CodeComponentMetaOverrides<typeof BaseListBox>\n) {\n  const listBoxItemMeta = registerListBoxItem(loader, {\n    parentComponentName: LIST_BOX_COMPONENT_NAME,\n  });\n  const sectionMeta = registerSection(loader, {\n    parentComponentName: LIST_BOX_COMPONENT_NAME,\n    props: {\n      items: {\n        type: \"slot\",\n        defaultValue: [\n          {\n            type: \"component\",\n            name: listBoxItemMeta.name,\n            props: {\n              id: \"section-1-1\",\n              textValue: \"Section1-Item 1\",\n              children: [\n                makeDefaultListBoxItemChildren(\n                  \"Item 1\",\n                  \"Add dynamic values to make it more interesting\"\n                ),\n              ],\n            },\n          },\n          {\n            type: \"component\",\n            name: listBoxItemMeta.name,\n            props: {\n              id: \"section-1-2\",\n              textValue: \"Section1-Item 2\",\n              children: [\n                makeDefaultListBoxItemChildren(\n                  \"Item 2\",\n                  \"Add dynamic values to make it more interesting\"\n                ),\n              ],\n            },\n          },\n          {\n            type: \"component\",\n            name: listBoxItemMeta.name,\n            props: {\n              id: \"section-1-3\",\n              textValue: \"Section1-Item 3\",\n              children: [\n                makeDefaultListBoxItemChildren(\n                  \"Item 3\",\n                  \"Add dynamic values to make it more interesting\"\n                ),\n              ],\n            },\n          },\n        ],\n      },\n    },\n  });\n\n  registerComponentHelper(\n    loader,\n    BaseListBox,\n    {\n      name: LIST_BOX_COMPONENT_NAME,\n      displayName: \"Aria ListBox\",\n      importPath: \"@plasmicpkgs/react-aria/skinny/registerListBox\",\n      importName: \"BaseListBox\",\n      variants,\n      defaultStyles: {\n        width: \"250px\",\n        borderWidth: \"1px\",\n        borderStyle: \"solid\",\n        borderColor: \"black\",\n      },\n      props: {\n        children: {\n          type: \"slot\",\n          displayName: \"List Items\",\n          allowedComponents: [listBoxItemMeta.name, sectionMeta.name],\n          allowRootWrapper: true,\n          defaultValue: [\n            {\n              type: \"component\",\n              name: listBoxItemMeta.name,\n              props: {\n                id: \"1\",\n                textValue: \"Item 1\",\n                children: [\n                  makeDefaultListBoxItemChildren(\n                    \"Item 1\",\n                    \"Add dynamic values to make it more interesting\"\n                  ),\n                ],\n              },\n            },\n            {\n              type: \"component\",\n              name: listBoxItemMeta.name,\n              props: {\n                id: \"2\",\n                textValue: \"Item 2\",\n                children: [\n                  makeDefaultListBoxItemChildren(\n                    \"Item 2\",\n                    \"Add dynamic values to make it more interesting\"\n                  ),\n                ],\n              },\n            },\n            {\n              type: \"component\",\n              name: listBoxItemMeta.name,\n              props: {\n                id: \"3\",\n                textValue: \"Item 3\",\n                children: [\n                  makeDefaultListBoxItemChildren(\n                    \"Item 3\",\n                    \"Add dynamic values to make it more interesting\"\n                  ),\n                ],\n              },\n            },\n            {\n              type: \"component\",\n              name: sectionMeta.name,\n            },\n          ],\n        },\n        selectionMode: {\n          type: \"choice\",\n          description: \"The selection mode of the listbox\",\n          options: [\"none\", \"single\"],\n          defaultValue: \"none\",\n          hidden: (_props, ctx) => !ctx?.isStandalone,\n        },\n        selectedKeys: {\n          type: \"choice\",\n          editOnly: true,\n          uncontrolledProp: \"defaultSelectedKeys\",\n          displayName: \"Initial selected item\",\n          options: (_props, ctx) =>\n            ctx?.itemIds ? Array.from(ctx.itemIds) : [],\n          hidden: (props, ctx) =>\n            !ctx?.isStandalone || props.selectionMode === \"none\",\n          // We do not support multiple selections yet (Because React Aria select and combobox only support single selections).\n          multiSelect: false,\n        },\n        onSelectionChange: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"selectedValues\", type: \"object\" }],\n        },\n      },\n      states: {\n        selectedValue: {\n          type: \"writable\",\n          valueProp: \"selectedKeys\",\n          hidden: (props, ctx) =>\n            !ctx?.isStandalone || props.selectionMode === \"none\",\n          onChangeProp: \"onSelectionChange\",\n          variableType: \"text\",\n          ...listboxHelpers.states.selectedValue,\n        },\n      },\n      componentHelpers: {\n        helpers: listboxHelpers,\n        importName: \"listboxHelpers\",\n        importPath: \"@plasmicpkgs/react-aria/skinny/registerListBox\",\n      },\n      trapsFocus: true,\n    },\n    overrides\n  );\n}\n"],"names":["__objRest","__spreadValues","_a"],"mappings":"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"}
+{"version":3,"file":"registerListBox-21dc99fa.esm.js","sources":["../src/registerSection.tsx","../src/registerListBox.tsx"],"sourcesContent":["import React from \"react\";\nimport { Header, Section } from \"react-aria-components\";\nimport { COMMON_STYLES } from \"./common\";\nimport { PlasmicListBoxContext } from \"./contexts\";\nimport { BaseListBox } from \"./registerListBox\";\nimport {\n  CodeComponentMetaOverrides,\n  makeComponentName,\n  Registerable,\n  registerComponentHelper,\n  Styleable,\n} from \"./utils\";\n\nexport interface BaseSectionProps extends Styleable {\n  items: React.ReactNode;\n  header: React.ReactNode;\n}\n\nexport function BaseSection(props: BaseSectionProps) {\n  const { header, items, ...rest } = props;\n  const contextProps = React.useContext(PlasmicListBoxContext);\n  const isStandalone = !contextProps;\n\n  const section = (\n    <Section {...rest} style={COMMON_STYLES}>\n      <Header>{header}</Header>\n      {items}\n    </Section>\n  );\n\n  if (isStandalone) {\n    return (\n      // BaseListbox should give section a listbox context (that it can't be used without)\n      // as well as the id manager (that is needed to identify and warn about duplication of ids)\n      // selection mode needs to be single/multiple to be able to trigger hover state on it.\n      <BaseListBox selectionMode=\"single\">{section}</BaseListBox>\n    );\n  }\n\n  return section;\n}\n\nexport function registerSection(\n  loader?: Registerable,\n  overrides?: CodeComponentMetaOverrides<typeof BaseSection>\n) {\n  return registerComponentHelper(\n    loader,\n    BaseSection,\n    {\n      name: makeComponentName(\"section\"),\n      displayName: \"Aria Section\",\n      importPath: \"@plasmicpkgs/react-aria/skinny/registerSection\",\n      importName: \"BaseSection\",\n      defaultStyles: {\n        width: \"stretch\",\n        padding: \"10px\",\n      },\n      props: {\n        header: {\n          type: \"slot\",\n          mergeWithParent: true,\n          defaultValue: [\n            {\n              type: \"text\",\n              value: \"Section Header.\",\n            },\n          ],\n        },\n        items: {\n          type: \"slot\",\n          mergeWithParent: true,\n        },\n      },\n      trapsFocus: true,\n    },\n    overrides\n  );\n}\n","import React, { useCallback, useEffect, useMemo, useState } from \"react\";\nimport { Key, ListBox, ListBoxRenderProps } from \"react-aria-components\";\nimport { COMMON_STYLES } from \"./common\";\nimport { PlasmicListBoxContext } from \"./contexts\";\nimport { OptionsItemIdManager } from \"./OptionsItemIdManager\";\nimport {\n  makeDefaultListBoxItemChildren,\n  registerListBoxItem,\n} from \"./registerListBoxItem\";\nimport { registerSection } from \"./registerSection\";\nimport {\n  CodeComponentMetaOverrides,\n  HasControlContextData,\n  makeComponentName,\n  Registerable,\n  registerComponentHelper,\n} from \"./utils\";\nimport { pickAriaComponentVariants, WithVariants } from \"./variant-utils\";\n\nexport interface BaseListBoxControlContextData {\n  itemIds: string[];\n  isStandalone: boolean;\n}\n\nconst LISTBOX_VARIANTS = [\"focused\" as const, \"focusVisible\" as const];\n\nconst { variants } = pickAriaComponentVariants(LISTBOX_VARIANTS);\n\nexport interface BaseListBoxProps\n  extends Omit<\n      React.ComponentProps<typeof ListBox>,\n      \"selectedKeys\" | \"defaultSelectedKeys\" | \"className\"\n    >,\n    HasControlContextData<BaseListBoxControlContextData>,\n    WithVariants<typeof LISTBOX_VARIANTS> {\n  children?: React.ReactNode;\n  selectedKeys?: string | string[] | undefined;\n  defaultSelectedKeys?: string | string[] | undefined;\n  className?: string;\n}\n\nexport const listboxHelpers = {\n  states: {\n    selectedValue: {\n      onChangeArgsToValue: (value: Set<Key> | string[] | string) => {\n        // only single selection is supported\n        return Array.from(value)[0];\n      },\n    },\n  },\n};\n\nfunction normalizeSelectedKeys(selectedKeys: string | string[] | undefined) {\n  // Listbox expects it to be of type \"all\" | Iterable\n  return typeof selectedKeys === \"string\" && selectedKeys !== \"all\"\n    ? [selectedKeys]\n    : selectedKeys;\n}\n\nexport function BaseListBox(props: BaseListBoxProps) {\n  const {\n    setControlContextData: setControlContextData,\n    children,\n    className,\n    selectedKeys,\n    defaultSelectedKeys,\n    plasmicUpdateVariant,\n    ...rest\n  } = props;\n  const context = React.useContext(PlasmicListBoxContext);\n  const isStandalone = !context;\n  const [ids, setIds] = useState<string[]>([]);\n  const idManager = useMemo(\n    () => context?.idManager ?? new OptionsItemIdManager(),\n    []\n  );\n\n  useEffect(() => {\n    setControlContextData?.({\n      itemIds: ids,\n      isStandalone,\n    });\n  }, [ids, isStandalone, setControlContextData]);\n\n  useEffect(() => {\n    idManager.subscribe((_ids: string[]) => {\n      setIds(_ids);\n    });\n  }, []);\n\n  const classNameProp = useCallback(\n    ({ isFocusVisible, isFocused }: ListBoxRenderProps) => {\n      plasmicUpdateVariant?.({\n        focused: isFocused,\n        focusVisible: isFocusVisible,\n      });\n      return className ?? \"\";\n    },\n    [className, plasmicUpdateVariant]\n  );\n\n  const listbox = (\n    <ListBox\n      selectedKeys={normalizeSelectedKeys(selectedKeys)}\n      defaultSelectedKeys={normalizeSelectedKeys(defaultSelectedKeys)}\n      className={classNameProp}\n      style={COMMON_STYLES}\n      {...rest}\n    >\n      {children}\n    </ListBox>\n  );\n\n  if (isStandalone) {\n    return (\n      <PlasmicListBoxContext.Provider\n        value={{\n          idManager,\n        }}\n      >\n        {listbox}\n      </PlasmicListBoxContext.Provider>\n    );\n  }\n\n  return listbox;\n}\n\nexport const LIST_BOX_COMPONENT_NAME = makeComponentName(\"listbox\");\n\nexport function registerListBox(\n  loader?: Registerable,\n  overrides?: CodeComponentMetaOverrides<typeof BaseListBox>\n) {\n  const listBoxItemMeta = registerListBoxItem(loader, {\n    parentComponentName: LIST_BOX_COMPONENT_NAME,\n  });\n  const sectionMeta = registerSection(loader, {\n    parentComponentName: LIST_BOX_COMPONENT_NAME,\n    props: {\n      items: {\n        type: \"slot\",\n        defaultValue: [\n          {\n            type: \"component\",\n            name: listBoxItemMeta.name,\n            props: {\n              id: \"section-1-1\",\n              textValue: \"Section1-Item 1\",\n              children: [\n                makeDefaultListBoxItemChildren(\n                  \"Item 1\",\n                  \"Add dynamic values to make it more interesting\"\n                ),\n              ],\n            },\n          },\n          {\n            type: \"component\",\n            name: listBoxItemMeta.name,\n            props: {\n              id: \"section-1-2\",\n              textValue: \"Section1-Item 2\",\n              children: [\n                makeDefaultListBoxItemChildren(\n                  \"Item 2\",\n                  \"Add dynamic values to make it more interesting\"\n                ),\n              ],\n            },\n          },\n          {\n            type: \"component\",\n            name: listBoxItemMeta.name,\n            props: {\n              id: \"section-1-3\",\n              textValue: \"Section1-Item 3\",\n              children: [\n                makeDefaultListBoxItemChildren(\n                  \"Item 3\",\n                  \"Add dynamic values to make it more interesting\"\n                ),\n              ],\n            },\n          },\n        ],\n      },\n    },\n  });\n\n  registerComponentHelper(\n    loader,\n    BaseListBox,\n    {\n      name: LIST_BOX_COMPONENT_NAME,\n      displayName: \"Aria ListBox\",\n      importPath: \"@plasmicpkgs/react-aria/skinny/registerListBox\",\n      importName: \"BaseListBox\",\n      variants,\n      defaultStyles: {\n        width: \"250px\",\n        borderWidth: \"1px\",\n        borderStyle: \"solid\",\n        borderColor: \"black\",\n      },\n      props: {\n        children: {\n          type: \"slot\",\n          displayName: \"List Items\",\n          allowedComponents: [listBoxItemMeta.name, sectionMeta.name],\n          allowRootWrapper: true,\n          defaultValue: [\n            {\n              type: \"component\",\n              name: listBoxItemMeta.name,\n              props: {\n                id: \"1\",\n                textValue: \"Item 1\",\n                children: [\n                  makeDefaultListBoxItemChildren(\n                    \"Item 1\",\n                    \"Add dynamic values to make it more interesting\"\n                  ),\n                ],\n              },\n            },\n            {\n              type: \"component\",\n              name: listBoxItemMeta.name,\n              props: {\n                id: \"2\",\n                textValue: \"Item 2\",\n                children: [\n                  makeDefaultListBoxItemChildren(\n                    \"Item 2\",\n                    \"Add dynamic values to make it more interesting\"\n                  ),\n                ],\n              },\n            },\n            {\n              type: \"component\",\n              name: listBoxItemMeta.name,\n              props: {\n                id: \"3\",\n                textValue: \"Item 3\",\n                children: [\n                  makeDefaultListBoxItemChildren(\n                    \"Item 3\",\n                    \"Add dynamic values to make it more interesting\"\n                  ),\n                ],\n              },\n            },\n            {\n              type: \"component\",\n              name: sectionMeta.name,\n            },\n          ],\n        },\n        selectionMode: {\n          type: \"choice\",\n          description: \"The selection mode of the listbox\",\n          options: [\"none\", \"single\"],\n          defaultValue: \"none\",\n          hidden: (_props, ctx) => !ctx?.isStandalone,\n        },\n        selectedKeys: {\n          type: \"choice\",\n          editOnly: true,\n          uncontrolledProp: \"defaultSelectedKeys\",\n          displayName: \"Initial selected item\",\n          options: (_props, ctx) =>\n            ctx?.itemIds ? Array.from(ctx.itemIds) : [],\n          hidden: (props, ctx) =>\n            !ctx?.isStandalone || props.selectionMode === \"none\",\n          // We do not support multiple selections yet (Because React Aria select and combobox only support single selections).\n          multiSelect: false,\n        },\n        onSelectionChange: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"selectedValues\", type: \"object\" }],\n        },\n      },\n      states: {\n        selectedValue: {\n          type: \"writable\",\n          valueProp: \"selectedKeys\",\n          hidden: (props, ctx) =>\n            !ctx?.isStandalone || props.selectionMode === \"none\",\n          onChangeProp: \"onSelectionChange\",\n          variableType: \"text\",\n          ...listboxHelpers.states.selectedValue,\n        },\n      },\n      componentHelpers: {\n        helpers: listboxHelpers,\n        importName: \"listboxHelpers\",\n        importPath: \"@plasmicpkgs/react-aria/skinny/registerListBox\",\n      },\n      trapsFocus: true,\n    },\n    overrides\n  );\n}\n"],"names":["__objRest","__spreadValues","_a"],"mappings":"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"}

package/skinny/registerListBox.cjs.js

@@ -2,12 +2,12 @@
 
 require('react');
 require('react-aria-components');
-require('./common-c8beb360.cjs.js');
+require('./common-45acb83c.cjs.js');
 require('./contexts-6d0cb2b1.cjs.js');
 require('./OptionsItemIdManager-a89a28b9.cjs.js');
 require('./registerListBoxItem.cjs.js');
-var registerSection = require('./registerListBox-87d0e61a.cjs.js');
-require('./utils-91eee672.cjs.js');
+var registerSection = require('./registerListBox-040b0374.cjs.js');
+require('./utils-fc1ddd7c.cjs.js');
 require('./variant-utils-0ad70db8.cjs.js');
 require('./registerDescription.cjs.js');
 require('./registerText.cjs.js');

package/skinny/registerListBox.esm.js

@@ -1,11 +1,11 @@
 import 'react';
 import 'react-aria-components';
-import './common-10d1b069.esm.js';
+import './common-616eb178.esm.js';
 import './contexts-5cb81c2f.esm.js';
 import './OptionsItemIdManager-832b8cfe.esm.js';
 import './registerListBoxItem.esm.js';
-export { B as BaseListBox, L as LIST_BOX_COMPONENT_NAME, l as listboxHelpers, b as registerListBox } from './registerListBox-a5fd72be.esm.js';
-import './utils-59f72eb9.esm.js';
+export { B as BaseListBox, L as LIST_BOX_COMPONENT_NAME, l as listboxHelpers, b as registerListBox } from './registerListBox-21dc99fa.esm.js';
+import './utils-fd88ad47.esm.js';
 import './variant-utils-4405ebb0.esm.js';
 import './registerDescription.esm.js';
 import './registerText.esm.js';

package/skinny/registerListBoxItem.cjs.js

@@ -2,11 +2,11 @@
 
 var React = require('react');
 var reactAriaComponents = require('react-aria-components');
-var common = require('./common-c8beb360.cjs.js');
+var common = require('./common-45acb83c.cjs.js');
 var contexts = require('./contexts-6d0cb2b1.cjs.js');
 var registerDescription = require('./registerDescription.cjs.js');
 var registerText = require('./registerText.cjs.js');
-var utils = require('./utils-91eee672.cjs.js');
+var utils = require('./utils-fc1ddd7c.cjs.js');
 var variantUtils = require('./variant-utils-0ad70db8.cjs.js');
 require('@plasmicapp/host');
 require('@plasmicapp/host/registerComponent');

package/skinny/registerListBoxItem.esm.js

@@ -1,10 +1,10 @@
 import React, { useState, useEffect } from 'react';
 import { ListBoxItem, ListBox } from 'react-aria-components';
-import { C as COMMON_STYLES } from './common-10d1b069.esm.js';
+import { C as COMMON_STYLES } from './common-616eb178.esm.js';
 import { b as PlasmicListBoxContext } from './contexts-5cb81c2f.esm.js';
 import { DESCRIPTION_COMPONENT_NAME } from './registerDescription.esm.js';
 import { TEXT_COMPONENT_NAME } from './registerText.esm.js';
-import { r as registerComponentHelper, m as makeComponentName } from './utils-59f72eb9.esm.js';
+import { r as registerComponentHelper, m as makeComponentName } from './utils-fd88ad47.esm.js';
 import { p as pickAriaComponentVariants } from './variant-utils-4405ebb0.esm.js';
 import '@plasmicapp/host';
 import '@plasmicapp/host/registerComponent';

package/skinny/registerListbox.stories.cjs.js

@@ -5,10 +5,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var test = require('@storybook/test');
 var React = require('react');
 var reactAriaComponents = require('react-aria-components');
-var registerSection = require('./registerListBox-87d0e61a.cjs.js');
+var registerSection = require('./registerListBox-040b0374.cjs.js');
 var registerListBoxItem = require('./registerListBoxItem.cjs.js');
-require('./common-c8beb360.cjs.js');
-require('./utils-91eee672.cjs.js');
+require('./common-45acb83c.cjs.js');
+require('./utils-fc1ddd7c.cjs.js');
 require('@plasmicapp/host');
 require('@plasmicapp/host/registerComponent');
 require('./contexts-6d0cb2b1.cjs.js');

package/skinny/registerListbox.stories.esm.js

@@ -1,10 +1,10 @@
 import { fn, within, expect, userEvent } from '@storybook/test';
 import React from 'react';
 import { ListBoxItem } from 'react-aria-components';
-import { B as BaseListBox, a as BaseSection } from './registerListBox-a5fd72be.esm.js';
+import { B as BaseListBox, a as BaseSection } from './registerListBox-21dc99fa.esm.js';
 import { BaseListBoxItem } from './registerListBoxItem.esm.js';
-import './common-10d1b069.esm.js';
-import './utils-59f72eb9.esm.js';
+import './common-616eb178.esm.js';
+import './utils-fd88ad47.esm.js';
 import '@plasmicapp/host';
 import '@plasmicapp/host/registerComponent';
 import './contexts-5cb81c2f.esm.js';

package/skinny/registerModal.cjs.js

@@ -4,9 +4,9 @@ var host = require('@plasmicapp/host');
 var React = require('react');
 var reactAria = require('react-aria');
 var reactAriaComponents = require('react-aria-components');
-var common = require('./common-c8beb360.cjs.js');
+var common = require('./common-45acb83c.cjs.js');
 var contexts = require('./contexts-6d0cb2b1.cjs.js');
-var utils = require('./utils-91eee672.cjs.js');
+var utils = require('./utils-fc1ddd7c.cjs.js');
 require('@plasmicapp/host/registerComponent');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }

package/skinny/registerModal.esm.js

@@ -2,9 +2,9 @@ import { usePlasmicCanvasContext } from '@plasmicapp/host';
 import React, { forwardRef, useImperativeHandle } from 'react';
 import { mergeProps } from 'react-aria';
 import { ModalOverlay, Modal } from 'react-aria-components';
-import { h as hasParent } from './common-10d1b069.esm.js';
+import { h as hasParent } from './common-616eb178.esm.js';
 import { d as PlasmicDialogTriggerContext } from './contexts-5cb81c2f.esm.js';
-import { a as useIsOpen, m as makeComponentName, r as registerComponentHelper } from './utils-59f72eb9.esm.js';
+import { a as useIsOpen, m as makeComponentName, r as registerComponentHelper } from './utils-fd88ad47.esm.js';
 import '@plasmicapp/host/registerComponent';
 
 var __defProp = Object.defineProperty;

package/skinny/registerModal.stories.cjs.js

@@ -8,8 +8,8 @@ var React = require('react');
 var registerModal = require('./registerModal.cjs.js');
 require('react-aria');
 require('react-aria-components');
-require('./common-c8beb360.cjs.js');
-require('./utils-91eee672.cjs.js');
+require('./common-45acb83c.cjs.js');
+require('./utils-fc1ddd7c.cjs.js');
 require('@plasmicapp/host/registerComponent');
 require('./contexts-6d0cb2b1.cjs.js');
 

package/skinny/registerModal.stories.esm.js

@@ -4,8 +4,8 @@ import React, { useState, useEffect } from 'react';
 import { BaseModal } from './registerModal.esm.js';
 import 'react-aria';
 import 'react-aria-components';
-import './common-10d1b069.esm.js';
-import './utils-59f72eb9.esm.js';
+import './common-616eb178.esm.js';
+import './utils-fd88ad47.esm.js';
 import '@plasmicapp/host/registerComponent';
 import './contexts-5cb81c2f.esm.js';
 

package/skinny/registerOverlayArrow.cjs.js

@@ -2,8 +2,8 @@
 
 var React = require('react');
 var reactAriaComponents = require('react-aria-components');
-var common = require('./common-c8beb360.cjs.js');
-var utils = require('./utils-91eee672.cjs.js');
+var common = require('./common-45acb83c.cjs.js');
+var utils = require('./utils-fc1ddd7c.cjs.js');
 var variantUtils = require('./variant-utils-0ad70db8.cjs.js');
 require('@plasmicapp/host');
 require('@plasmicapp/host/registerComponent');
@@ -39,20 +39,28 @@ const { variants, withObservedValues } = variantUtils.pickAriaComponentVariants(
 );
 function BaseOverlayArrow({
   children,
-  plasmicUpdateVariant
+  plasmicUpdateVariant,
+  className
 }) {
   const popoverContext = React__default.default.useContext(reactAriaComponents.PopoverContext);
   const tooltipContext = React__default.default.useContext(reactAriaComponents.TooltipContext);
   const isStandalone = !popoverContext && !tooltipContext;
-  const overlayArrow = /* @__PURE__ */ React__default.default.createElement(reactAriaComponents.OverlayArrow, { style: __spreadValues({ lineHeight: "0" }, common.COMMON_STYLES) }, ({ placement }) => withObservedValues(
-    children,
+  const overlayArrow = /* @__PURE__ */ React__default.default.createElement(
+    reactAriaComponents.OverlayArrow,
     {
-      placementTop: placement === "top",
-      placementLeft: placement === "left",
-      placementRight: placement === "right"
+      className,
+      style: __spreadValues({ lineHeight: "0" }, common.COMMON_STYLES)
     },
-    plasmicUpdateVariant
-  ));
+    ({ placement }) => withObservedValues(
+      children,
+      {
+        placementTop: placement === "top",
+        placementLeft: placement === "left",
+        placementRight: placement === "right"
+      },
+      plasmicUpdateVariant
+    )
+  );
   if (isStandalone) {
     return /* @__PURE__ */ React__default.default.createElement("div", { style: { position: "relative" } }, overlayArrow);
   }

package/skinny/registerOverlayArrow.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"registerOverlayArrow.cjs.js","sources":["../src/registerOverlayArrow.tsx"],"sourcesContent":["import React from \"react\";\nimport type {\n  OverlayArrowProps,\n  OverlayArrowRenderProps,\n} from \"react-aria-components\";\nimport {\n  OverlayArrow,\n  PopoverContext,\n  TooltipContext,\n} from \"react-aria-components\";\nimport { arrowDown, COMMON_STYLES } from \"./common\";\nimport {\n  CodeComponentMetaOverrides,\n  makeComponentName,\n  Registerable,\n  registerComponentHelper,\n} from \"./utils\";\nimport { pickAriaComponentVariants, WithVariants } from \"./variant-utils\";\n\nconst OVERLAY_ARROW_VARIANTS = [\n  // We do not offer a placementDown variant, because that's the default placement (an overlay arrow always has [data-placement=bottom] if it's not explicitly set)\n  \"placementTop\" as const,\n  \"placementLeft\" as const,\n  \"placementRight\" as const,\n];\n\nexport interface BaseOverlayArrowProps\n  extends OverlayArrowProps,\n    WithVariants<typeof OVERLAY_ARROW_VARIANTS> {\n  children: React.ReactNode;\n}\n\nconst { variants, withObservedValues } = pickAriaComponentVariants(\n  OVERLAY_ARROW_VARIANTS\n);\n\nexport function BaseOverlayArrow({\n  children,\n  plasmicUpdateVariant,\n}: BaseOverlayArrowProps) {\n  const popoverContext = React.useContext(PopoverContext);\n  const tooltipContext = React.useContext(TooltipContext);\n  const isStandalone = !popoverContext && !tooltipContext; // i.e. without a trigger to point to\n  const overlayArrow = (\n    <OverlayArrow style={{ lineHeight: \"0\", ...COMMON_STYLES }}>\n      {({ placement }: OverlayArrowRenderProps) =>\n        withObservedValues(\n          children,\n          {\n            placementTop: placement === \"top\",\n            placementLeft: placement === \"left\",\n            placementRight: placement === \"right\",\n          },\n          plasmicUpdateVariant\n        )\n      }\n    </OverlayArrow>\n  );\n  if (isStandalone) {\n    return <div style={{ position: \"relative\" }}>{overlayArrow}</div>;\n  }\n  return overlayArrow;\n}\n\nexport const OVERLAY_ARROW_COMPONENT_NAME = makeComponentName(\"overlayArrow\");\n\nexport function registerOverlayArrow(\n  loader?: Registerable,\n  overrides?: CodeComponentMetaOverrides<typeof BaseOverlayArrow>\n) {\n  return registerComponentHelper(\n    loader,\n    BaseOverlayArrow,\n    {\n      name: OVERLAY_ARROW_COMPONENT_NAME,\n      displayName: \"Aria Overlay Arrow\",\n      importPath: \"@plasmicpkgs/react-aria/skinny/registerOverlayArrow\",\n      importName: \"BaseOverlayArrow\",\n      styleSections: false,\n      variants,\n      props: {\n        children: {\n          type: \"slot\",\n          defaultValue: arrowDown,\n        },\n      },\n    },\n    overrides\n  );\n}\n"],"names":["pickAriaComponentVariants","React","PopoverContext","TooltipContext","OverlayArrow","COMMON_STYLES","makeComponentName","registerComponentHelper","arrowDown"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmBA,MAAM,sBAAyB,GAAA;AAAA;AAAA,EAE7B,cAAA;AAAA,EACA,eAAA;AAAA,EACA,gBAAA;AACF,CAAA,CAAA;AAQA,MAAM,EAAE,QAAU,EAAA,kBAAA,EAAuB,GAAAA,sCAAA;AAAA,EACvC,sBAAA;AACF,CAAA,CAAA;AAEO,SAAS,gBAAiB,CAAA;AAAA,EAC/B,QAAA;AAAA,EACA,oBAAA;AACF,CAA0B,EAAA;AACxB,EAAM,MAAA,cAAA,GAAiBC,sBAAM,CAAA,UAAA,CAAWC,kCAAc,CAAA,CAAA;AACtD,EAAM,MAAA,cAAA,GAAiBD,sBAAM,CAAA,UAAA,CAAWE,kCAAc,CAAA,CAAA;AACtD,EAAM,MAAA,YAAA,GAAe,CAAC,cAAA,IAAkB,CAAC,cAAA,CAAA;AACzC,EAAM,MAAA,YAAA,mBACHF,sBAAA,CAAA,aAAA,CAAAG,gCAAA,EAAA,EAAa,KAAO,EAAA,cAAA,CAAA,EAAE,UAAY,EAAA,GAAA,EAAA,EAAQC,oBACxC,CAAA,EAAA,EAAA,CAAC,EAAE,SAAA,EACF,KAAA,kBAAA;AAAA,IACE,QAAA;AAAA,IACA;AAAA,MACE,cAAc,SAAc,KAAA,KAAA;AAAA,MAC5B,eAAe,SAAc,KAAA,MAAA;AAAA,MAC7B,gBAAgB,SAAc,KAAA,OAAA;AAAA,KAChC;AAAA,IACA,oBAAA;AAAA,GAGN,CAAA,CAAA;AAEF,EAAA,IAAI,YAAc,EAAA;AAChB,IAAA,4DAAQ,KAAI,EAAA,EAAA,KAAA,EAAO,EAAE,QAAU,EAAA,UAAA,MAAe,YAAa,CAAA,CAAA;AAAA,GAC7D;AACA,EAAO,OAAA,YAAA,CAAA;AACT,CAAA;AAEa,MAAA,4BAAA,GAA+BC,wBAAkB,cAAc,EAAA;AAE5D,SAAA,oBAAA,CACd,QACA,SACA,EAAA;AACA,EAAO,OAAAC,6BAAA;AAAA,IACL,MAAA;AAAA,IACA,gBAAA;AAAA,IACA;AAAA,MACE,IAAM,EAAA,4BAAA;AAAA,MACN,WAAa,EAAA,oBAAA;AAAA,MACb,UAAY,EAAA,qDAAA;AAAA,MACZ,UAAY,EAAA,kBAAA;AAAA,MACZ,aAAe,EAAA,KAAA;AAAA,MACf,QAAA;AAAA,MACA,KAAO,EAAA;AAAA,QACL,QAAU,EAAA;AAAA,UACR,IAAM,EAAA,MAAA;AAAA,UACN,YAAc,EAAAC,gBAAA;AAAA,SAChB;AAAA,OACF;AAAA,KACF;AAAA,IACA,SAAA;AAAA,GACF,CAAA;AACF;;;;;;"}
+{"version":3,"file":"registerOverlayArrow.cjs.js","sources":["../src/registerOverlayArrow.tsx"],"sourcesContent":["import React from \"react\";\nimport type {\n  OverlayArrowProps,\n  OverlayArrowRenderProps,\n} from \"react-aria-components\";\nimport {\n  OverlayArrow,\n  PopoverContext,\n  TooltipContext,\n} from \"react-aria-components\";\nimport { arrowDown, COMMON_STYLES } from \"./common\";\nimport {\n  CodeComponentMetaOverrides,\n  makeComponentName,\n  Registerable,\n  registerComponentHelper,\n} from \"./utils\";\nimport { pickAriaComponentVariants, WithVariants } from \"./variant-utils\";\n\nconst OVERLAY_ARROW_VARIANTS = [\n  // We do not offer a placementDown variant, because that's the default placement (an overlay arrow always has [data-placement=bottom] if it's not explicitly set)\n  \"placementTop\" as const,\n  \"placementLeft\" as const,\n  \"placementRight\" as const,\n];\n\nexport interface BaseOverlayArrowProps\n  extends OverlayArrowProps,\n    WithVariants<typeof OVERLAY_ARROW_VARIANTS> {\n  children: React.ReactNode;\n  className?: string;\n}\n\nconst { variants, withObservedValues } = pickAriaComponentVariants(\n  OVERLAY_ARROW_VARIANTS\n);\n\nexport function BaseOverlayArrow({\n  children,\n  plasmicUpdateVariant,\n  className,\n}: BaseOverlayArrowProps) {\n  const popoverContext = React.useContext(PopoverContext);\n  const tooltipContext = React.useContext(TooltipContext);\n  const isStandalone = !popoverContext && !tooltipContext; // i.e. without a trigger to point to\n  const overlayArrow = (\n    <OverlayArrow\n      className={className}\n      style={{ lineHeight: \"0\", ...COMMON_STYLES }}\n    >\n      {({ placement }: OverlayArrowRenderProps) =>\n        withObservedValues(\n          children,\n          {\n            placementTop: placement === \"top\",\n            placementLeft: placement === \"left\",\n            placementRight: placement === \"right\",\n          },\n          plasmicUpdateVariant\n        )\n      }\n    </OverlayArrow>\n  );\n  if (isStandalone) {\n    return <div style={{ position: \"relative\" }}>{overlayArrow}</div>;\n  }\n  return overlayArrow;\n}\n\nexport const OVERLAY_ARROW_COMPONENT_NAME = makeComponentName(\"overlayArrow\");\n\nexport function registerOverlayArrow(\n  loader?: Registerable,\n  overrides?: CodeComponentMetaOverrides<typeof BaseOverlayArrow>\n) {\n  return registerComponentHelper(\n    loader,\n    BaseOverlayArrow,\n    {\n      name: OVERLAY_ARROW_COMPONENT_NAME,\n      displayName: \"Aria Overlay Arrow\",\n      importPath: \"@plasmicpkgs/react-aria/skinny/registerOverlayArrow\",\n      importName: \"BaseOverlayArrow\",\n      styleSections: false,\n      variants,\n      props: {\n        children: {\n          type: \"slot\",\n          defaultValue: arrowDown,\n        },\n      },\n    },\n    overrides\n  );\n}\n"],"names":["pickAriaComponentVariants","React","PopoverContext","TooltipContext","OverlayArrow","COMMON_STYLES","makeComponentName","registerComponentHelper","arrowDown"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmBA,MAAM,sBAAyB,GAAA;AAAA;AAAA,EAE7B,cAAA;AAAA,EACA,eAAA;AAAA,EACA,gBAAA;AACF,CAAA,CAAA;AASA,MAAM,EAAE,QAAU,EAAA,kBAAA,EAAuB,GAAAA,sCAAA;AAAA,EACvC,sBAAA;AACF,CAAA,CAAA;AAEO,SAAS,gBAAiB,CAAA;AAAA,EAC/B,QAAA;AAAA,EACA,oBAAA;AAAA,EACA,SAAA;AACF,CAA0B,EAAA;AACxB,EAAM,MAAA,cAAA,GAAiBC,sBAAM,CAAA,UAAA,CAAWC,kCAAc,CAAA,CAAA;AACtD,EAAM,MAAA,cAAA,GAAiBD,sBAAM,CAAA,UAAA,CAAWE,kCAAc,CAAA,CAAA;AACtD,EAAM,MAAA,YAAA,GAAe,CAAC,cAAA,IAAkB,CAAC,cAAA,CAAA;AACzC,EAAA,MAAM,YACJ,mBAAAF,sBAAA,CAAA,aAAA;AAAA,IAACG,gCAAA;AAAA,IAAA;AAAA,MACC,SAAA;AAAA,MACA,KAAA,EAAO,cAAE,CAAA,EAAA,UAAA,EAAY,GAAQ,EAAA,EAAAC,oBAAA,CAAA;AAAA,KAAA;AAAA,IAE5B,CAAC,EAAE,SAAA,EACF,KAAA,kBAAA;AAAA,MACE,QAAA;AAAA,MACA;AAAA,QACE,cAAc,SAAc,KAAA,KAAA;AAAA,QAC5B,eAAe,SAAc,KAAA,MAAA;AAAA,QAC7B,gBAAgB,SAAc,KAAA,OAAA;AAAA,OAChC;AAAA,MACA,oBAAA;AAAA,KACF;AAAA,GAEJ,CAAA;AAEF,EAAA,IAAI,YAAc,EAAA;AAChB,IAAA,4DAAQ,KAAI,EAAA,EAAA,KAAA,EAAO,EAAE,QAAU,EAAA,UAAA,MAAe,YAAa,CAAA,CAAA;AAAA,GAC7D;AACA,EAAO,OAAA,YAAA,CAAA;AACT,CAAA;AAEa,MAAA,4BAAA,GAA+BC,wBAAkB,cAAc,EAAA;AAE5D,SAAA,oBAAA,CACd,QACA,SACA,EAAA;AACA,EAAO,OAAAC,6BAAA;AAAA,IACL,MAAA;AAAA,IACA,gBAAA;AAAA,IACA;AAAA,MACE,IAAM,EAAA,4BAAA;AAAA,MACN,WAAa,EAAA,oBAAA;AAAA,MACb,UAAY,EAAA,qDAAA;AAAA,MACZ,UAAY,EAAA,kBAAA;AAAA,MACZ,aAAe,EAAA,KAAA;AAAA,MACf,QAAA;AAAA,MACA,KAAO,EAAA;AAAA,QACL,QAAU,EAAA;AAAA,UACR,IAAM,EAAA,MAAA;AAAA,UACN,YAAc,EAAAC,gBAAA;AAAA,SAChB;AAAA,OACF;AAAA,KACF;AAAA,IACA,SAAA;AAAA,GACF,CAAA;AACF;;;;;;"}

package/skinny/registerOverlayArrow.d.ts

@@ -5,8 +5,9 @@ import { WithVariants } from "./variant-utils";
 declare const OVERLAY_ARROW_VARIANTS: ("placementLeft" | "placementRight" | "placementTop")[];
 export interface BaseOverlayArrowProps extends OverlayArrowProps, WithVariants<typeof OVERLAY_ARROW_VARIANTS> {
     children: React.ReactNode;
+    className?: string;
 }
-export declare function BaseOverlayArrow({ children, plasmicUpdateVariant, }: BaseOverlayArrowProps): React.JSX.Element;
+export declare function BaseOverlayArrow({ children, plasmicUpdateVariant, className, }: BaseOverlayArrowProps): React.JSX.Element;
 export declare const OVERLAY_ARROW_COMPONENT_NAME: string;
 export declare function registerOverlayArrow(loader?: Registerable, overrides?: CodeComponentMetaOverrides<typeof BaseOverlayArrow>): import("@plasmicapp/host").CodeComponentMeta<BaseOverlayArrowProps>;
 export {};

package/skinny/registerOverlayArrow.esm.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { PopoverContext, TooltipContext, OverlayArrow } from 'react-aria-components';
-import { C as COMMON_STYLES, a as arrowDown } from './common-10d1b069.esm.js';
-import { m as makeComponentName, r as registerComponentHelper } from './utils-59f72eb9.esm.js';
+import { C as COMMON_STYLES, a as arrowDown } from './common-616eb178.esm.js';
+import { m as makeComponentName, r as registerComponentHelper } from './utils-fd88ad47.esm.js';
 import { p as pickAriaComponentVariants } from './variant-utils-4405ebb0.esm.js';
 import '@plasmicapp/host';
 import '@plasmicapp/host/registerComponent';
@@ -33,20 +33,28 @@ const { variants, withObservedValues } = pickAriaComponentVariants(
 );
 function BaseOverlayArrow({
   children,
-  plasmicUpdateVariant
+  plasmicUpdateVariant,
+  className
 }) {
   const popoverContext = React.useContext(PopoverContext);
   const tooltipContext = React.useContext(TooltipContext);
   const isStandalone = !popoverContext && !tooltipContext;
-  const overlayArrow = /* @__PURE__ */ React.createElement(OverlayArrow, { style: __spreadValues({ lineHeight: "0" }, COMMON_STYLES) }, ({ placement }) => withObservedValues(
-    children,
+  const overlayArrow = /* @__PURE__ */ React.createElement(
+    OverlayArrow,
     {
-      placementTop: placement === "top",
-      placementLeft: placement === "left",
-      placementRight: placement === "right"
+      className,
+      style: __spreadValues({ lineHeight: "0" }, COMMON_STYLES)
     },
-    plasmicUpdateVariant
-  ));
+    ({ placement }) => withObservedValues(
+      children,
+      {
+        placementTop: placement === "top",
+        placementLeft: placement === "left",
+        placementRight: placement === "right"
+      },
+      plasmicUpdateVariant
+    )
+  );
   if (isStandalone) {
     return /* @__PURE__ */ React.createElement("div", { style: { position: "relative" } }, overlayArrow);
   }

package/skinny/registerOverlayArrow.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"registerOverlayArrow.esm.js","sources":["../src/registerOverlayArrow.tsx"],"sourcesContent":["import React from \"react\";\nimport type {\n  OverlayArrowProps,\n  OverlayArrowRenderProps,\n} from \"react-aria-components\";\nimport {\n  OverlayArrow,\n  PopoverContext,\n  TooltipContext,\n} from \"react-aria-components\";\nimport { arrowDown, COMMON_STYLES } from \"./common\";\nimport {\n  CodeComponentMetaOverrides,\n  makeComponentName,\n  Registerable,\n  registerComponentHelper,\n} from \"./utils\";\nimport { pickAriaComponentVariants, WithVariants } from \"./variant-utils\";\n\nconst OVERLAY_ARROW_VARIANTS = [\n  // We do not offer a placementDown variant, because that's the default placement (an overlay arrow always has [data-placement=bottom] if it's not explicitly set)\n  \"placementTop\" as const,\n  \"placementLeft\" as const,\n  \"placementRight\" as const,\n];\n\nexport interface BaseOverlayArrowProps\n  extends OverlayArrowProps,\n    WithVariants<typeof OVERLAY_ARROW_VARIANTS> {\n  children: React.ReactNode;\n}\n\nconst { variants, withObservedValues } = pickAriaComponentVariants(\n  OVERLAY_ARROW_VARIANTS\n);\n\nexport function BaseOverlayArrow({\n  children,\n  plasmicUpdateVariant,\n}: BaseOverlayArrowProps) {\n  const popoverContext = React.useContext(PopoverContext);\n  const tooltipContext = React.useContext(TooltipContext);\n  const isStandalone = !popoverContext && !tooltipContext; // i.e. without a trigger to point to\n  const overlayArrow = (\n    <OverlayArrow style={{ lineHeight: \"0\", ...COMMON_STYLES }}>\n      {({ placement }: OverlayArrowRenderProps) =>\n        withObservedValues(\n          children,\n          {\n            placementTop: placement === \"top\",\n            placementLeft: placement === \"left\",\n            placementRight: placement === \"right\",\n          },\n          plasmicUpdateVariant\n        )\n      }\n    </OverlayArrow>\n  );\n  if (isStandalone) {\n    return <div style={{ position: \"relative\" }}>{overlayArrow}</div>;\n  }\n  return overlayArrow;\n}\n\nexport const OVERLAY_ARROW_COMPONENT_NAME = makeComponentName(\"overlayArrow\");\n\nexport function registerOverlayArrow(\n  loader?: Registerable,\n  overrides?: CodeComponentMetaOverrides<typeof BaseOverlayArrow>\n) {\n  return registerComponentHelper(\n    loader,\n    BaseOverlayArrow,\n    {\n      name: OVERLAY_ARROW_COMPONENT_NAME,\n      displayName: \"Aria Overlay Arrow\",\n      importPath: \"@plasmicpkgs/react-aria/skinny/registerOverlayArrow\",\n      importName: \"BaseOverlayArrow\",\n      styleSections: false,\n      variants,\n      props: {\n        children: {\n          type: \"slot\",\n          defaultValue: arrowDown,\n        },\n      },\n    },\n    overrides\n  );\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAmBA,MAAM,sBAAyB,GAAA;AAAA;AAAA,EAE7B,cAAA;AAAA,EACA,eAAA;AAAA,EACA,gBAAA;AACF,CAAA,CAAA;AAQA,MAAM,EAAE,QAAU,EAAA,kBAAA,EAAuB,GAAA,yBAAA;AAAA,EACvC,sBAAA;AACF,CAAA,CAAA;AAEO,SAAS,gBAAiB,CAAA;AAAA,EAC/B,QAAA;AAAA,EACA,oBAAA;AACF,CAA0B,EAAA;AACxB,EAAM,MAAA,cAAA,GAAiB,KAAM,CAAA,UAAA,CAAW,cAAc,CAAA,CAAA;AACtD,EAAM,MAAA,cAAA,GAAiB,KAAM,CAAA,UAAA,CAAW,cAAc,CAAA,CAAA;AACtD,EAAM,MAAA,YAAA,GAAe,CAAC,cAAA,IAAkB,CAAC,cAAA,CAAA;AACzC,EAAM,MAAA,YAAA,mBACH,KAAA,CAAA,aAAA,CAAA,YAAA,EAAA,EAAa,KAAO,EAAA,cAAA,CAAA,EAAE,UAAY,EAAA,GAAA,EAAA,EAAQ,aACxC,CAAA,EAAA,EAAA,CAAC,EAAE,SAAA,EACF,KAAA,kBAAA;AAAA,IACE,QAAA;AAAA,IACA;AAAA,MACE,cAAc,SAAc,KAAA,KAAA;AAAA,MAC5B,eAAe,SAAc,KAAA,MAAA;AAAA,MAC7B,gBAAgB,SAAc,KAAA,OAAA;AAAA,KAChC;AAAA,IACA,oBAAA;AAAA,GAGN,CAAA,CAAA;AAEF,EAAA,IAAI,YAAc,EAAA;AAChB,IAAA,2CAAQ,KAAI,EAAA,EAAA,KAAA,EAAO,EAAE,QAAU,EAAA,UAAA,MAAe,YAAa,CAAA,CAAA;AAAA,GAC7D;AACA,EAAO,OAAA,YAAA,CAAA;AACT,CAAA;AAEa,MAAA,4BAAA,GAA+B,kBAAkB,cAAc,EAAA;AAE5D,SAAA,oBAAA,CACd,QACA,SACA,EAAA;AACA,EAAO,OAAA,uBAAA;AAAA,IACL,MAAA;AAAA,IACA,gBAAA;AAAA,IACA;AAAA,MACE,IAAM,EAAA,4BAAA;AAAA,MACN,WAAa,EAAA,oBAAA;AAAA,MACb,UAAY,EAAA,qDAAA;AAAA,MACZ,UAAY,EAAA,kBAAA;AAAA,MACZ,aAAe,EAAA,KAAA;AAAA,MACf,QAAA;AAAA,MACA,KAAO,EAAA;AAAA,QACL,QAAU,EAAA;AAAA,UACR,IAAM,EAAA,MAAA;AAAA,UACN,YAAc,EAAA,SAAA;AAAA,SAChB;AAAA,OACF;AAAA,KACF;AAAA,IACA,SAAA;AAAA,GACF,CAAA;AACF;;;;"}
+{"version":3,"file":"registerOverlayArrow.esm.js","sources":["../src/registerOverlayArrow.tsx"],"sourcesContent":["import React from \"react\";\nimport type {\n  OverlayArrowProps,\n  OverlayArrowRenderProps,\n} from \"react-aria-components\";\nimport {\n  OverlayArrow,\n  PopoverContext,\n  TooltipContext,\n} from \"react-aria-components\";\nimport { arrowDown, COMMON_STYLES } from \"./common\";\nimport {\n  CodeComponentMetaOverrides,\n  makeComponentName,\n  Registerable,\n  registerComponentHelper,\n} from \"./utils\";\nimport { pickAriaComponentVariants, WithVariants } from \"./variant-utils\";\n\nconst OVERLAY_ARROW_VARIANTS = [\n  // We do not offer a placementDown variant, because that's the default placement (an overlay arrow always has [data-placement=bottom] if it's not explicitly set)\n  \"placementTop\" as const,\n  \"placementLeft\" as const,\n  \"placementRight\" as const,\n];\n\nexport interface BaseOverlayArrowProps\n  extends OverlayArrowProps,\n    WithVariants<typeof OVERLAY_ARROW_VARIANTS> {\n  children: React.ReactNode;\n  className?: string;\n}\n\nconst { variants, withObservedValues } = pickAriaComponentVariants(\n  OVERLAY_ARROW_VARIANTS\n);\n\nexport function BaseOverlayArrow({\n  children,\n  plasmicUpdateVariant,\n  className,\n}: BaseOverlayArrowProps) {\n  const popoverContext = React.useContext(PopoverContext);\n  const tooltipContext = React.useContext(TooltipContext);\n  const isStandalone = !popoverContext && !tooltipContext; // i.e. without a trigger to point to\n  const overlayArrow = (\n    <OverlayArrow\n      className={className}\n      style={{ lineHeight: \"0\", ...COMMON_STYLES }}\n    >\n      {({ placement }: OverlayArrowRenderProps) =>\n        withObservedValues(\n          children,\n          {\n            placementTop: placement === \"top\",\n            placementLeft: placement === \"left\",\n            placementRight: placement === \"right\",\n          },\n          plasmicUpdateVariant\n        )\n      }\n    </OverlayArrow>\n  );\n  if (isStandalone) {\n    return <div style={{ position: \"relative\" }}>{overlayArrow}</div>;\n  }\n  return overlayArrow;\n}\n\nexport const OVERLAY_ARROW_COMPONENT_NAME = makeComponentName(\"overlayArrow\");\n\nexport function registerOverlayArrow(\n  loader?: Registerable,\n  overrides?: CodeComponentMetaOverrides<typeof BaseOverlayArrow>\n) {\n  return registerComponentHelper(\n    loader,\n    BaseOverlayArrow,\n    {\n      name: OVERLAY_ARROW_COMPONENT_NAME,\n      displayName: \"Aria Overlay Arrow\",\n      importPath: \"@plasmicpkgs/react-aria/skinny/registerOverlayArrow\",\n      importName: \"BaseOverlayArrow\",\n      styleSections: false,\n      variants,\n      props: {\n        children: {\n          type: \"slot\",\n          defaultValue: arrowDown,\n        },\n      },\n    },\n    overrides\n  );\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAmBA,MAAM,sBAAyB,GAAA;AAAA;AAAA,EAE7B,cAAA;AAAA,EACA,eAAA;AAAA,EACA,gBAAA;AACF,CAAA,CAAA;AASA,MAAM,EAAE,QAAU,EAAA,kBAAA,EAAuB,GAAA,yBAAA;AAAA,EACvC,sBAAA;AACF,CAAA,CAAA;AAEO,SAAS,gBAAiB,CAAA;AAAA,EAC/B,QAAA;AAAA,EACA,oBAAA;AAAA,EACA,SAAA;AACF,CAA0B,EAAA;AACxB,EAAM,MAAA,cAAA,GAAiB,KAAM,CAAA,UAAA,CAAW,cAAc,CAAA,CAAA;AACtD,EAAM,MAAA,cAAA,GAAiB,KAAM,CAAA,UAAA,CAAW,cAAc,CAAA,CAAA;AACtD,EAAM,MAAA,YAAA,GAAe,CAAC,cAAA,IAAkB,CAAC,cAAA,CAAA;AACzC,EAAA,MAAM,YACJ,mBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,YAAA;AAAA,IAAA;AAAA,MACC,SAAA;AAAA,MACA,KAAA,EAAO,cAAE,CAAA,EAAA,UAAA,EAAY,GAAQ,EAAA,EAAA,aAAA,CAAA;AAAA,KAAA;AAAA,IAE5B,CAAC,EAAE,SAAA,EACF,KAAA,kBAAA;AAAA,MACE,QAAA;AAAA,MACA;AAAA,QACE,cAAc,SAAc,KAAA,KAAA;AAAA,QAC5B,eAAe,SAAc,KAAA,MAAA;AAAA,QAC7B,gBAAgB,SAAc,KAAA,OAAA;AAAA,OAChC;AAAA,MACA,oBAAA;AAAA,KACF;AAAA,GAEJ,CAAA;AAEF,EAAA,IAAI,YAAc,EAAA;AAChB,IAAA,2CAAQ,KAAI,EAAA,EAAA,KAAA,EAAO,EAAE,QAAU,EAAA,UAAA,MAAe,YAAa,CAAA,CAAA;AAAA,GAC7D;AACA,EAAO,OAAA,YAAA,CAAA;AACT,CAAA;AAEa,MAAA,4BAAA,GAA+B,kBAAkB,cAAc,EAAA;AAE5D,SAAA,oBAAA,CACd,QACA,SACA,EAAA;AACA,EAAO,OAAA,uBAAA;AAAA,IACL,MAAA;AAAA,IACA,gBAAA;AAAA,IACA;AAAA,MACE,IAAM,EAAA,4BAAA;AAAA,MACN,WAAa,EAAA,oBAAA;AAAA,MACb,UAAY,EAAA,qDAAA;AAAA,MACZ,UAAY,EAAA,kBAAA;AAAA,MACZ,aAAe,EAAA,KAAA;AAAA,MACf,QAAA;AAAA,MACA,KAAO,EAAA;AAAA,QACL,QAAU,EAAA;AAAA,UACR,IAAM,EAAA,MAAA;AAAA,UACN,YAAc,EAAA,SAAA;AAAA,SAChB;AAAA,OACF;AAAA,KACF;AAAA,IACA,SAAA;AAAA,GACF,CAAA;AACF;;;;"}

package/skinny/registerPopover.cjs.js

@@ -4,9 +4,9 @@ var host = require('@plasmicapp/host');
 var utils = require('@react-aria/utils');
 var React = require('react');
 var reactAriaComponents = require('react-aria-components');
-var common = require('./common-c8beb360.cjs.js');
+var common = require('./common-45acb83c.cjs.js');
 var contexts = require('./contexts-6d0cb2b1.cjs.js');
-var utils$1 = require('./utils-91eee672.cjs.js');
+var utils$1 = require('./utils-fc1ddd7c.cjs.js');
 var variantUtils = require('./variant-utils-0ad70db8.cjs.js');
 require('@plasmicapp/host/registerComponent');
 

package/skinny/registerPopover.esm.js

@@ -2,9 +2,9 @@ import { usePlasmicCanvasContext } from '@plasmicapp/host';
 import { mergeProps } from '@react-aria/utils';
 import React, { useEffect } from 'react';
 import { PopoverContext, Popover } from 'react-aria-components';
-import { C as COMMON_STYLES, b as getCommonOverlayProps } from './common-10d1b069.esm.js';
+import { C as COMMON_STYLES, b as getCommonOverlayProps } from './common-616eb178.esm.js';
 import { a as PlasmicPopoverTriggerContext } from './contexts-5cb81c2f.esm.js';
-import { m as makeComponentName, r as registerComponentHelper } from './utils-59f72eb9.esm.js';
+import { m as makeComponentName, r as registerComponentHelper } from './utils-fd88ad47.esm.js';
 import { p as pickAriaComponentVariants } from './variant-utils-4405ebb0.esm.js';
 import '@plasmicapp/host/registerComponent';
 

package/skinny/registerPopover.stories.cjs.js

@@ -4,20 +4,49 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var test = require('@storybook/test');
 var React = require('react');
+var registerOverlayArrow = require('./registerOverlayArrow.cjs.js');
 var registerPopover = require('./registerPopover.cjs.js');
-require('@plasmicapp/host');
-require('@react-aria/utils');
 require('react-aria-components');
-require('./common-c8beb360.cjs.js');
-require('./utils-91eee672.cjs.js');
+require('./common-45acb83c.cjs.js');
+require('./utils-fc1ddd7c.cjs.js');
+require('@plasmicapp/host');
 require('@plasmicapp/host/registerComponent');
-require('./contexts-6d0cb2b1.cjs.js');
 require('./variant-utils-0ad70db8.cjs.js');
+require('@react-aria/utils');
+require('./contexts-6d0cb2b1.cjs.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefault(React);
 
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
 const meta = {
   title: "Components/BasePopover",
   component: registerPopover.BasePopover,
@@ -36,7 +65,38 @@ const Standalone = {
     test.expect(args.onOpenChange).not.toHaveBeenCalled();
   }
 };
+const WithArrow = {
+  render: (_a) => {
+    var _b = _a, { children } = _b, args = __objRest(_b, ["children"]);
+    return /* @__PURE__ */ React__default.default.createElement(registerPopover.BasePopover, __spreadValues({}, args), /* @__PURE__ */ React__default.default.createElement(
+      "style",
+      {
+        dangerouslySetInnerHTML: {
+          __html: `
+       .triangle-up {
+          width: 1px;
+          height: 1px;
+          border-left: 10px solid transparent;
+          border-right: 10px solid transparent;
+          border-bottom: 10px solid black;
+        }
+     `
+        }
+      }
+    ), /* @__PURE__ */ React__default.default.createElement(registerOverlayArrow.BaseOverlayArrow, { className: "triangle-up" }), children);
+  },
+  play: async ({ args }) => {
+    const doc = test.within(document.body);
+    await test.waitFor(() => {
+      test.expect(doc.getByTestId("popover-content")).toBeInTheDocument();
+      test.expect(document.querySelector(".triangle-up")).toBeInTheDocument();
+    });
+    await test.userEvent.click(document.body);
+    test.expect(args.onOpenChange).not.toHaveBeenCalled();
+  }
+};
 
 exports.Standalone = Standalone;
+exports.WithArrow = WithArrow;
 exports.default = meta;
 //# sourceMappingURL=registerPopover.stories.cjs.js.map

package/skinny/registerPopover.stories.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"registerPopover.stories.cjs.js","sources":["../src/registerPopover.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport { expect, fn, userEvent, waitFor, within } from \"@storybook/test\";\nimport React from \"react\";\nimport { BasePopover } from \"./registerPopover\";\n\nconst meta: Meta<typeof BasePopover> = {\n  title: \"Components/BasePopover\",\n  component: BasePopover,\n  args: {\n    onOpenChange: fn(),\n    children: (\n      <div data-testid=\"popover-content\">\n        <h2>Standalone Popover</h2>\n        <p>This popover is rendered without a trigger</p>\n      </div>\n    ),\n  },\n};\n\nexport default meta;\ntype Story = StoryObj<typeof BasePopover>;\n\n// Standalone popover should always remain open, because we assume that popover is always going to be controlled by a parent like Select, Combobox, DialogTrigger, etc, and its only really standalone in component view\nexport const Standalone: Story = {\n  play: async ({ args }) => {\n    const doc = within(document.body);\n\n    // Verify popover is visible\n    await waitFor(() => {\n      expect(doc.getByTestId(\"popover-content\")).toBeInTheDocument();\n    });\n    // Click outside should not dismiss popover\n    await userEvent.click(document.body);\n    expect(args.onOpenChange).not.toHaveBeenCalled();\n  },\n};\n"],"names":["BasePopover","fn","React","within","waitFor","expect","userEvent"],"mappings":";;;;;;;;;;;;;;;;;;;;AAKA,MAAM,IAAiC,GAAA;AAAA,EACrC,KAAO,EAAA,wBAAA;AAAA,EACP,SAAW,EAAAA,2BAAA;AAAA,EACX,IAAM,EAAA;AAAA,IACJ,cAAcC,OAAG,EAAA;AAAA,IACjB,QACE,kBAAAC,sBAAA,CAAA,aAAA,CAAC,KAAI,EAAA,EAAA,aAAA,EAAY,iBACf,EAAA,kBAAAA,sBAAA,CAAA,aAAA,CAAC,IAAG,EAAA,IAAA,EAAA,oBAAkB,CACtB,kBAAAA,sBAAA,CAAA,aAAA,CAAC,GAAE,EAAA,IAAA,EAAA,4CAA0C,CAC/C,CAAA;AAAA,GAEJ;AACF,EAAA;AAMO,MAAM,UAAoB,GAAA;AAAA,EAC/B,IAAM,EAAA,OAAO,EAAE,IAAA,EAAW,KAAA;AACxB,IAAM,MAAA,GAAA,GAAMC,WAAO,CAAA,QAAA,CAAS,IAAI,CAAA,CAAA;AAGhC,IAAA,MAAMC,aAAQ,MAAM;AAClB,MAAAC,WAAA,CAAO,GAAI,CAAA,WAAA,CAAY,iBAAiB,CAAC,EAAE,iBAAkB,EAAA,CAAA;AAAA,KAC9D,CAAA,CAAA;AAED,IAAM,MAAAC,cAAA,CAAU,KAAM,CAAA,QAAA,CAAS,IAAI,CAAA,CAAA;AACnC,IAAAD,WAAA,CAAO,IAAK,CAAA,YAAY,CAAE,CAAA,GAAA,CAAI,gBAAiB,EAAA,CAAA;AAAA,GACjD;AACF;;;;;"}
+{"version":3,"file":"registerPopover.stories.cjs.js","sources":["../src/registerPopover.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport { expect, fn, userEvent, waitFor, within } from \"@storybook/test\";\nimport React from \"react\";\nimport { BaseOverlayArrow } from \"./registerOverlayArrow\";\nimport { BasePopover } from \"./registerPopover\";\n\nconst meta: Meta<typeof BasePopover> = {\n  title: \"Components/BasePopover\",\n  component: BasePopover,\n  args: {\n    onOpenChange: fn(),\n    children: (\n      <div data-testid=\"popover-content\">\n        <h2>Standalone Popover</h2>\n        <p>This popover is rendered without a trigger</p>\n      </div>\n    ),\n  },\n};\n\nexport default meta;\ntype Story = StoryObj<typeof BasePopover>;\n\n// Standalone popover should always remain open, because we assume that popover is always going to be controlled by a parent like Select, Combobox, DialogTrigger, etc, and its only really standalone in component view\nexport const Standalone: Story = {\n  play: async ({ args }) => {\n    const doc = within(document.body);\n\n    // Verify popover is visible\n    await waitFor(() => {\n      expect(doc.getByTestId(\"popover-content\")).toBeInTheDocument();\n    });\n    // Click outside should not dismiss popover\n    await userEvent.click(document.body);\n    expect(args.onOpenChange).not.toHaveBeenCalled();\n  },\n};\n\nexport const WithArrow: Story = {\n  render: ({ children, ...args }) => (\n    <BasePopover {...args}>\n      <style\n        dangerouslySetInnerHTML={{\n          __html: `\n       .triangle-up {\n          width: 1px;\n          height: 1px;\n          border-left: 10px solid transparent;\n          border-right: 10px solid transparent;\n          border-bottom: 10px solid black;\n        }\n     `,\n        }}\n      />\n      <BaseOverlayArrow className={\"triangle-up\"} />\n      {children}\n    </BasePopover>\n  ),\n  play: async ({ args }) => {\n    const doc = within(document.body);\n\n    // Verify popover is visible\n    await waitFor(() => {\n      expect(doc.getByTestId(\"popover-content\")).toBeInTheDocument();\n      expect(document.querySelector(\".triangle-up\")).toBeInTheDocument();\n    });\n    // Click outside should not dismiss popover\n    await userEvent.click(document.body);\n    expect(args.onOpenChange).not.toHaveBeenCalled();\n  },\n};\n"],"names":["BasePopover","fn","React","within","waitFor","expect","userEvent","BaseOverlayArrow"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,MAAM,IAAiC,GAAA;AAAA,EACrC,KAAO,EAAA,wBAAA;AAAA,EACP,SAAW,EAAAA,2BAAA;AAAA,EACX,IAAM,EAAA;AAAA,IACJ,cAAcC,OAAG,EAAA;AAAA,IACjB,QACE,kBAAAC,sBAAA,CAAA,aAAA,CAAC,KAAI,EAAA,EAAA,aAAA,EAAY,iBACf,EAAA,kBAAAA,sBAAA,CAAA,aAAA,CAAC,IAAG,EAAA,IAAA,EAAA,oBAAkB,CACtB,kBAAAA,sBAAA,CAAA,aAAA,CAAC,GAAE,EAAA,IAAA,EAAA,4CAA0C,CAC/C,CAAA;AAAA,GAEJ;AACF,EAAA;AAMO,MAAM,UAAoB,GAAA;AAAA,EAC/B,IAAM,EAAA,OAAO,EAAE,IAAA,EAAW,KAAA;AACxB,IAAM,MAAA,GAAA,GAAMC,WAAO,CAAA,QAAA,CAAS,IAAI,CAAA,CAAA;AAGhC,IAAA,MAAMC,aAAQ,MAAM;AAClB,MAAAC,WAAA,CAAO,GAAI,CAAA,WAAA,CAAY,iBAAiB,CAAC,EAAE,iBAAkB,EAAA,CAAA;AAAA,KAC9D,CAAA,CAAA;AAED,IAAM,MAAAC,cAAA,CAAU,KAAM,CAAA,QAAA,CAAS,IAAI,CAAA,CAAA;AACnC,IAAAD,WAAA,CAAO,IAAK,CAAA,YAAY,CAAE,CAAA,GAAA,CAAI,gBAAiB,EAAA,CAAA;AAAA,GACjD;AACF,EAAA;AAEO,MAAM,SAAmB,GAAA;AAAA,EAC9B,MAAA,EAAQ,CAAC,EAAuB,KAAA;AAAvB,IAAA,IAAA,EAAA,GAAA,EAAA,EAAE,EAvCb,QAAA,EAAA,GAuCW,EAAe,EAAA,IAAA,GAAA,SAAA,CAAf,IAAe,CAAb,UAAA,CAAA,CAAA,CAAA;AACT,IAAA,uBAAAH,sBAAA,CAAA,aAAA,CAACF,gDAAgB,IACf,CAAA,kBAAAE,sBAAA,CAAA,aAAA;AAAA,MAAC,OAAA;AAAA,MAAA;AAAA,QACC,uBAAyB,EAAA;AAAA,UACvB,MAAQ,EAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAAA,CAAA;AAAA,SASV;AAAA,OAAA;AAAA,uBAEDA,sBAAA,CAAA,aAAA,CAAAK,qCAAA,EAAA,EAAiB,SAAW,EAAA,aAAA,EAAe,GAC3C,QACH,CAAA,CAAA;AAAA,GAAA;AAAA,EAEF,IAAM,EAAA,OAAO,EAAE,IAAA,EAAW,KAAA;AACxB,IAAM,MAAA,GAAA,GAAMJ,WAAO,CAAA,QAAA,CAAS,IAAI,CAAA,CAAA;AAGhC,IAAA,MAAMC,aAAQ,MAAM;AAClB,MAAAC,WAAA,CAAO,GAAI,CAAA,WAAA,CAAY,iBAAiB,CAAC,EAAE,iBAAkB,EAAA,CAAA;AAC7D,MAAAA,WAAA,CAAO,QAAS,CAAA,aAAA,CAAc,cAAc,CAAC,EAAE,iBAAkB,EAAA,CAAA;AAAA,KAClE,CAAA,CAAA;AAED,IAAM,MAAAC,cAAA,CAAU,KAAM,CAAA,QAAA,CAAS,IAAI,CAAA,CAAA;AACnC,IAAAD,WAAA,CAAO,IAAK,CAAA,YAAY,CAAE,CAAA,GAAA,CAAI,gBAAiB,EAAA,CAAA;AAAA,GACjD;AACF;;;;;;"}