@plasmicpkgs/react-aria 0.0.113 → 0.0.114

package/skinny/registerModal.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"registerModal.esm.js","sources":["../src/registerModal.tsx"],"sourcesContent":["import {\n  PlasmicElement,\n  usePlasmicCanvasComponentInfo,\n  usePlasmicCanvasContext,\n} from \"@plasmicapp/host\";\nimport React, { forwardRef, useImperativeHandle } from \"react\";\nimport { mergeProps } from \"react-aria\";\nimport { Modal, ModalOverlay, ModalOverlayProps } from \"react-aria-components\";\nimport { hasParent } from \"./common\";\nimport { PlasmicDialogTriggerContext } from \"./contexts\";\nimport {\n  CodeComponentMetaOverrides,\n  HasControlContextData,\n  makeComponentName,\n  Registerable,\n  registerComponentHelper,\n  WithPlasmicCanvasComponentInfo,\n} from \"./utils\";\n\nexport interface BaseModalProps\n  extends ModalOverlayProps,\n    WithPlasmicCanvasComponentInfo,\n    HasControlContextData {\n  modalOverlayClass?: string;\n  resetClassName?: string;\n  children?: React.ReactNode;\n  className?: string;\n}\n\nexport interface BaseModalActions {\n  close(): void;\n  open(): void;\n}\n\nexport const BaseModal = forwardRef<BaseModalActions, BaseModalProps>(\n  function BaseModalInner(props, ref) {\n    const {\n      children,\n      modalOverlayClass,\n      className,\n      isOpen,\n      resetClassName,\n      setControlContextData,\n      isDismissable,\n      ...rest\n    } = props;\n\n    const canvasCtx = usePlasmicCanvasContext();\n    const isEditMode = canvasCtx && canvasCtx.interactive === false;\n    const isSelected =\n      usePlasmicCanvasComponentInfo?.(props)?.isSelected ?? false;\n\n    const contextProps = React.useContext(PlasmicDialogTriggerContext);\n    const isStandalone = !contextProps;\n    const mergedProps = mergeProps(rest, {\n      isOpen: isStandalone ? isSelected || isOpen : contextProps.isOpen,\n      /*\n        isDismissable on canvas (non-interactive mode) causes the following two issues:\n        1. Clicking anywhere inside the modal dismisses it\n        2. If the modal is auto-opened due to selection in outline tab, the modal stays open despite issue #1, but the text elements inside the modal are no longer selectable, and therefore the text or headings inside the modal are not editable.\n\n        To fix the above issue, we set an interim isDismissable state to false in edit mode, because it only matters in interactive mode.\n      */\n      isDismissable: isEditMode ? false : isDismissable,\n    });\n\n    setControlContextData?.({\n      parent: isStandalone ? undefined : {},\n    });\n\n    // Expose close operation using useImperativeHandle\n    useImperativeHandle(ref, () => ({\n      close: () => {\n        mergedProps.onOpenChange?.(false);\n      },\n      open: () => {\n        mergedProps.onOpenChange?.(true);\n      },\n    }));\n\n    return (\n      <ModalOverlay\n        {...mergedProps}\n        className={`${resetClassName} ${modalOverlayClass}`}\n      >\n        <Modal className={className}>{children}</Modal>\n      </ModalOverlay>\n    );\n  }\n);\n\nexport const MODAL_COMPONENT_NAME = makeComponentName(\"modal\");\n\nexport const MODAL_DEFAULT_SLOT_CONTENT: PlasmicElement = {\n  type: \"vbox\",\n  styles: {\n    width: \"stretch\",\n    padding: 0,\n    gap: \"10px\",\n    justifyContent: \"flex-start\",\n    alignItems: \"flex-start\",\n  },\n  children: [\n    {\n      type: \"text\",\n      value: \"Heading\",\n      tag: \"h2\",\n    },\n    {\n      type: \"text\",\n      value: \"This is a Modal!\",\n    },\n    {\n      type: \"text\",\n      value: \"You can put anything you can imagine here!\",\n      styles: {\n        fontWeight: 500,\n      },\n    },\n    {\n      type: \"text\",\n      value:\n        \"Use it in a `Aria Dialog Trigger` component to trigger it on a button click!\",\n    },\n  ],\n};\n\nexport function registerModal(\n  loader?: Registerable,\n  overrides?: CodeComponentMetaOverrides<typeof BaseModal>\n) {\n  registerComponentHelper(\n    loader,\n    BaseModal,\n    {\n      name: MODAL_COMPONENT_NAME,\n      displayName: \"Aria Modal\",\n      importPath: \"@plasmicpkgs/react-aria/skinny/registerModal\",\n      importName: \"BaseModal\",\n      styleSections: true,\n      defaultStyles: {\n        // centering the modal on the page by default\n        position: \"fixed\",\n        top: \"10%\",\n        left: \"50%\",\n        width: \"50%\",\n        transform: \"translateX(-50%)\",\n        borderWidth: \"1px\",\n        borderStyle: \"solid\",\n        borderColor: \"black\",\n        padding: \"20px\",\n        maxWidth: \"300px\",\n        backgroundColor: \"#FDE3C3\",\n      },\n      refActions: {\n        open: {\n          description: \"Open the modal\",\n          argTypes: [],\n        },\n        close: {\n          description: \"Close the modal\",\n          argTypes: [],\n        },\n      },\n      props: {\n        children: {\n          type: \"slot\",\n          mergeWithParent: true,\n          defaultValue: MODAL_DEFAULT_SLOT_CONTENT,\n        },\n        modalOverlayClass: {\n          type: \"class\",\n          displayName: \"Modal Overlay\",\n        },\n        isOpen: {\n          type: \"boolean\",\n          editOnly: true,\n          uncontrolledProp: \"defaultOpen\",\n          defaultValueHint: true,\n          defaultValue: true,\n          hidden: hasParent,\n        },\n        isDismissable: {\n          type: \"boolean\",\n          description:\n            \"Whether to close the modal when the user interacts outside it.\",\n        },\n        isKeyboardDismissDisabled: {\n          type: \"boolean\",\n          description:\n            \"Whether pressing the escape key to close the modal should be disabled.\",\n        },\n        onOpenChange: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"isOpen\", type: \"boolean\" }],\n        },\n        resetClassName: {\n          type: \"themeResetClass\",\n        },\n      },\n      states: {\n        isOpen: {\n          type: \"writable\",\n          valueProp: \"isOpen\",\n          onChangeProp: \"onOpenChange\",\n          variableType: \"boolean\",\n          hidden: hasParent,\n        },\n      },\n      trapsFocus: true,\n    },\n    overrides\n  );\n}\n"],"names":["_a"],"mappings":"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"}
+{"version":3,"file":"registerModal.esm.js","sources":["../src/registerModal.tsx"],"sourcesContent":["import { PlasmicElement, usePlasmicCanvasContext } from \"@plasmicapp/host\";\nimport React, { forwardRef, useImperativeHandle } from \"react\";\nimport { mergeProps } from \"react-aria\";\nimport { Modal, ModalOverlay, ModalOverlayProps } from \"react-aria-components\";\nimport { hasParent } from \"./common\";\nimport { PlasmicDialogTriggerContext } from \"./contexts\";\nimport {\n  CodeComponentMetaOverrides,\n  HasControlContextData,\n  makeComponentName,\n  Registerable,\n  registerComponentHelper,\n  useIsOpen,\n  WithPlasmicCanvasComponentInfo,\n} from \"./utils\";\n\nexport interface BaseModalProps\n  extends ModalOverlayProps,\n    WithPlasmicCanvasComponentInfo,\n    HasControlContextData {\n  modalOverlayClass?: string;\n  resetClassName?: string;\n  children?: React.ReactNode;\n  className?: string;\n}\n\nexport interface BaseModalActions {\n  close(): void;\n  open(): void;\n}\n\nexport const BaseModal = forwardRef<BaseModalActions, BaseModalProps>(\n  function BaseModalInner(props, ref) {\n    const {\n      children,\n      modalOverlayClass,\n      className,\n      isOpen,\n      resetClassName,\n      setControlContextData,\n      isDismissable,\n      defaultOpen,\n      __plasmic_selection_prop__,\n      ...rest\n    } = props;\n\n    const canvasCtx = usePlasmicCanvasContext();\n    const isEditMode = canvasCtx && canvasCtx.interactive === false;\n\n    const contextProps = React.useContext(PlasmicDialogTriggerContext);\n    const isStandalone = !contextProps;\n    const isOpen2 = useIsOpen({ isOpen, __plasmic_selection_prop__ });\n\n    const mergedProps = mergeProps(rest, {\n      // Since open/defaultOpen props are hidden when the modal is inside dialogTrigger, we also unset them here.\n      isOpen: isStandalone ? isOpen2 : undefined,\n      defaultOpen: isStandalone ? defaultOpen : undefined,\n\n      // isDismissable on canvas (non-interactive mode) causes the following two issues:\n      // 1. Clicking anywhere inside the modal dismisses it\n      // 2. If the modal is auto-opened due to selection in outline tab, the modal stays open despite issue #1, but the text elements inside the modal are no longer selectable, and therefore the text or headings inside the modal are not editable.\n      //\n      // To fix the above issue, we set an interim isDismissable state to false in edit mode, because it only matters in interactive mode.\n      isDismissable: isEditMode ? false : isDismissable,\n    });\n\n    setControlContextData?.({\n      parent: isStandalone ? undefined : {},\n    });\n\n    // Expose close operation using useImperativeHandle\n    useImperativeHandle(ref, () => ({\n      close: () => {\n        mergedProps.onOpenChange?.(false);\n      },\n      open: () => {\n        mergedProps.onOpenChange?.(true);\n      },\n    }));\n\n    return (\n      <ModalOverlay\n        {...mergedProps}\n        className={`${resetClassName} ${modalOverlayClass}`}\n      >\n        <Modal className={className}>{children}</Modal>\n      </ModalOverlay>\n    );\n  }\n);\n\nexport const MODAL_COMPONENT_NAME = makeComponentName(\"modal\");\n\nexport const MODAL_DEFAULT_SLOT_CONTENT: PlasmicElement = {\n  type: \"vbox\",\n  styles: {\n    width: \"stretch\",\n    padding: 0,\n    gap: \"10px\",\n    justifyContent: \"flex-start\",\n    alignItems: \"flex-start\",\n  },\n  children: [\n    {\n      type: \"text\",\n      value: \"Heading\",\n      tag: \"h2\",\n    },\n    {\n      type: \"text\",\n      value: \"This is a Modal!\",\n    },\n    {\n      type: \"text\",\n      value: \"You can put anything you can imagine here!\",\n      styles: {\n        fontWeight: 500,\n      },\n    },\n    {\n      type: \"text\",\n      value:\n        \"Use it in a `Aria Dialog Trigger` component to trigger it on a button click!\",\n    },\n  ],\n};\n\nexport function registerModal(\n  loader?: Registerable,\n  overrides?: CodeComponentMetaOverrides<typeof BaseModal>\n) {\n  registerComponentHelper(\n    loader,\n    BaseModal,\n    {\n      name: MODAL_COMPONENT_NAME,\n      displayName: \"Aria Modal\",\n      importPath: \"@plasmicpkgs/react-aria/skinny/registerModal\",\n      importName: \"BaseModal\",\n      styleSections: true,\n      defaultStyles: {\n        // centering the modal on the page by default\n        position: \"fixed\",\n        top: \"10%\",\n        left: \"50%\",\n        width: \"50%\",\n        transform: \"translateX(-50%)\",\n        borderWidth: \"1px\",\n        borderStyle: \"solid\",\n        borderColor: \"black\",\n        padding: \"20px\",\n        maxWidth: \"300px\",\n        backgroundColor: \"#FDE3C3\",\n      },\n      refActions: {\n        open: {\n          description: \"Open the modal\",\n          argTypes: [],\n        },\n        close: {\n          description: \"Close the modal\",\n          argTypes: [],\n        },\n      },\n      props: {\n        children: {\n          type: \"slot\",\n          mergeWithParent: true,\n          defaultValue: MODAL_DEFAULT_SLOT_CONTENT,\n        },\n        modalOverlayClass: {\n          type: \"class\",\n          displayName: \"Modal Overlay\",\n        },\n        isOpen: {\n          type: \"boolean\",\n          editOnly: true,\n          uncontrolledProp: \"defaultOpen\",\n          // standalone Modals should default to open so that they are visible when inserted\n          defaultValueHint: true,\n          defaultValue: true,\n          hidden: hasParent,\n        },\n        isDismissable: {\n          type: \"boolean\",\n          description:\n            \"Whether to close the modal when the user interacts outside it.\",\n        },\n        isKeyboardDismissDisabled: {\n          type: \"boolean\",\n          description:\n            \"Whether pressing the escape key to close the modal should be disabled.\",\n        },\n        onOpenChange: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"isOpen\", type: \"boolean\" }],\n        },\n        resetClassName: {\n          type: \"themeResetClass\",\n        },\n      },\n      states: {\n        isOpen: {\n          type: \"writable\",\n          valueProp: \"isOpen\",\n          onChangeProp: \"onOpenChange\",\n          variableType: \"boolean\",\n          hidden: hasParent,\n        },\n      },\n      trapsFocus: true,\n    },\n    overrides\n  );\n}\n"],"names":["_a"],"mappings":"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"}

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-b3b54c72.cjs.js');
-require('./utils-7d000fa4.cjs.js');
+require('./common-c8beb360.cjs.js');
+require('./utils-91eee672.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-ceebbaea.esm.js';
-import './utils-5d1b4c6b.esm.js';
+import './common-10d1b069.esm.js';
+import './utils-59f72eb9.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-b3b54c72.cjs.js');
-var utils = require('./utils-7d000fa4.cjs.js');
+var common = require('./common-c8beb360.cjs.js');
+var utils = require('./utils-91eee672.cjs.js');
 var variantUtils = require('./variant-utils-0ad70db8.cjs.js');
 require('@plasmicapp/host');
 require('@plasmicapp/host/registerComponent');

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-ceebbaea.esm.js';
-import { m as makeComponentName, r as registerComponentHelper } from './utils-5d1b4c6b.esm.js';
+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 { p as pickAriaComponentVariants } from './variant-utils-4405ebb0.esm.js';
 import '@plasmicapp/host';
 import '@plasmicapp/host/registerComponent';

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-b3b54c72.cjs.js');
+var common = require('./common-c8beb360.cjs.js');
 var contexts = require('./contexts-6d0cb2b1.cjs.js');
-var utils$1 = require('./utils-7d000fa4.cjs.js');
+var utils$1 = require('./utils-91eee672.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-ceebbaea.esm.js';
+import { C as COMMON_STYLES, b as getCommonOverlayProps } from './common-10d1b069.esm.js';
 import { a as PlasmicPopoverTriggerContext } from './contexts-5cb81c2f.esm.js';
-import { m as makeComponentName, r as registerComponentHelper } from './utils-5d1b4c6b.esm.js';
+import { m as makeComponentName, r as registerComponentHelper } from './utils-59f72eb9.esm.js';
 import { p as pickAriaComponentVariants } from './variant-utils-4405ebb0.esm.js';
 import '@plasmicapp/host/registerComponent';
 

package/skinny/registerPopover.stories.cjs.js

@@ -8,8 +8,8 @@ var registerPopover = require('./registerPopover.cjs.js');
 require('@plasmicapp/host');
 require('@react-aria/utils');
 require('react-aria-components');
-require('./common-b3b54c72.cjs.js');
-require('./utils-7d000fa4.cjs.js');
+require('./common-c8beb360.cjs.js');
+require('./utils-91eee672.cjs.js');
 require('@plasmicapp/host/registerComponent');
 require('./contexts-6d0cb2b1.cjs.js');
 require('./variant-utils-0ad70db8.cjs.js');

package/skinny/registerPopover.stories.esm.js

@@ -4,8 +4,8 @@ import { BasePopover } from './registerPopover.esm.js';
 import '@plasmicapp/host';
 import '@react-aria/utils';
 import 'react-aria-components';
-import './common-ceebbaea.esm.js';
-import './utils-5d1b4c6b.esm.js';
+import './common-10d1b069.esm.js';
+import './utils-59f72eb9.esm.js';
 import '@plasmicapp/host/registerComponent';
 import './contexts-5cb81c2f.esm.js';
 import './variant-utils-4405ebb0.esm.js';

package/skinny/registerRadio.cjs.js

@@ -2,10 +2,10 @@
 
 var React = require('react');
 var reactAriaComponents = require('react-aria-components');
-var common = require('./common-b3b54c72.cjs.js');
+var common = require('./common-c8beb360.cjs.js');
 var contexts = require('./contexts-6d0cb2b1.cjs.js');
 var registerLabel = require('./registerLabel.cjs.js');
-var utils = require('./utils-7d000fa4.cjs.js');
+var utils = require('./utils-91eee672.cjs.js');
 var variantUtils = require('./variant-utils-0ad70db8.cjs.js');
 require('@plasmicapp/host');
 require('@plasmicapp/host/registerComponent');

package/skinny/registerRadio.esm.js

@@ -1,9 +1,9 @@
 import React, { useState, useEffect } from 'react';
 import { Radio, RadioGroup } from 'react-aria-components';
-import { g as getCommonProps, C as COMMON_STYLES } from './common-ceebbaea.esm.js';
+import { g as getCommonProps, C as COMMON_STYLES } from './common-10d1b069.esm.js';
 import { e as PlasmicRadioGroupContext } from './contexts-5cb81c2f.esm.js';
 import { LABEL_COMPONENT_NAME } from './registerLabel.esm.js';
-import { r as registerComponentHelper, m as makeComponentName } from './utils-5d1b4c6b.esm.js';
+import { r as registerComponentHelper, m as makeComponentName } from './utils-59f72eb9.esm.js';
 import { p as pickAriaComponentVariants } from './variant-utils-4405ebb0.esm.js';
 import '@plasmicapp/host';
 import '@plasmicapp/host/registerComponent';

package/skinny/registerRadioGroup.cjs.js

@@ -2,13 +2,13 @@
 
 var React = require('react');
 var reactAriaComponents = require('react-aria-components');
-var common = require('./common-b3b54c72.cjs.js');
+var common = require('./common-c8beb360.cjs.js');
 var contexts = require('./contexts-6d0cb2b1.cjs.js');
 var OptionsItemIdManager = require('./OptionsItemIdManager-a89a28b9.cjs.js');
 var registerDescription = require('./registerDescription.cjs.js');
 var registerLabel = require('./registerLabel.cjs.js');
 var registerRadio = require('./registerRadio.cjs.js');
-var utils = require('./utils-7d000fa4.cjs.js');
+var utils = require('./utils-91eee672.cjs.js');
 var variantUtils = require('./variant-utils-0ad70db8.cjs.js');
 require('./registerText.cjs.js');
 require('@plasmicapp/host');

package/skinny/registerRadioGroup.esm.js

@@ -1,12 +1,12 @@
 import React, { useState, useMemo, useEffect } from 'react';
 import { RadioGroup } from 'react-aria-components';
-import { g as getCommonProps, C as COMMON_STYLES } from './common-ceebbaea.esm.js';
+import { g as getCommonProps, C as COMMON_STYLES } from './common-10d1b069.esm.js';
 import { e as PlasmicRadioGroupContext } from './contexts-5cb81c2f.esm.js';
 import { O as OptionsItemIdManager } from './OptionsItemIdManager-832b8cfe.esm.js';
 import { DESCRIPTION_COMPONENT_NAME } from './registerDescription.esm.js';
 import { LABEL_COMPONENT_NAME } from './registerLabel.esm.js';
 import { registerRadio, makeDefaultRadioChildren } from './registerRadio.esm.js';
-import { a as makeChildComponentName, r as registerComponentHelper, m as makeComponentName } from './utils-5d1b4c6b.esm.js';
+import { b as makeChildComponentName, r as registerComponentHelper, m as makeComponentName } from './utils-59f72eb9.esm.js';
 import { p as pickAriaComponentVariants } from './variant-utils-4405ebb0.esm.js';
 import './registerText.esm.js';
 import '@plasmicapp/host';

package/skinny/registerRadioGroup.stories.cjs.js

@@ -7,8 +7,8 @@ var React = require('react');
 var registerRadio = require('./registerRadio.cjs.js');
 var registerRadioGroup = require('./registerRadioGroup.cjs.js');
 require('react-aria-components');
-require('./common-b3b54c72.cjs.js');
-require('./utils-7d000fa4.cjs.js');
+require('./common-c8beb360.cjs.js');
+require('./utils-91eee672.cjs.js');
 require('@plasmicapp/host');
 require('@plasmicapp/host/registerComponent');
 require('./contexts-6d0cb2b1.cjs.js');

package/skinny/registerRadioGroup.stories.esm.js

@@ -3,8 +3,8 @@ import React from 'react';
 import { BaseRadio } from './registerRadio.esm.js';
 import { BaseRadioGroup } from './registerRadioGroup.esm.js';
 import 'react-aria-components';
-import './common-ceebbaea.esm.js';
-import './utils-5d1b4c6b.esm.js';
+import './common-10d1b069.esm.js';
+import './utils-59f72eb9.esm.js';
 import '@plasmicapp/host';
 import '@plasmicapp/host/registerComponent';
 import './contexts-5cb81c2f.esm.js';

package/skinny/registerSection.cjs.js

@@ -2,10 +2,10 @@
 
 require('react');
 require('react-aria-components');
-require('./common-b3b54c72.cjs.js');
+require('./common-c8beb360.cjs.js');
 require('./contexts-6d0cb2b1.cjs.js');
-var registerSection = require('./registerListBox-a99736df.cjs.js');
-require('./utils-7d000fa4.cjs.js');
+var registerSection = require('./registerListBox-87d0e61a.cjs.js');
+require('./utils-91eee672.cjs.js');
 require('./OptionsItemIdManager-a89a28b9.cjs.js');
 require('./registerListBoxItem.cjs.js');
 require('./registerDescription.cjs.js');

package/skinny/registerSection.esm.js

@@ -1,9 +1,9 @@
 import 'react';
 import 'react-aria-components';
-import './common-ceebbaea.esm.js';
+import './common-10d1b069.esm.js';
 import './contexts-5cb81c2f.esm.js';
-export { a as BaseSection, r as registerSection } from './registerListBox-49626f55.esm.js';
-import './utils-5d1b4c6b.esm.js';
+export { a as BaseSection, r as registerSection } from './registerListBox-a5fd72be.esm.js';
+import './utils-59f72eb9.esm.js';
 import './OptionsItemIdManager-832b8cfe.esm.js';
 import './registerListBoxItem.esm.js';
 import './registerDescription.esm.js';

package/skinny/registerSelect.cjs.js

@@ -2,14 +2,14 @@
 
 var React = require('react');
 var reactAriaComponents = require('react-aria-components');
-var common = require('./common-b3b54c72.cjs.js');
+var common = require('./common-c8beb360.cjs.js');
 var contexts = require('./contexts-6d0cb2b1.cjs.js');
 var OptionsItemIdManager = require('./OptionsItemIdManager-a89a28b9.cjs.js');
 var registerButton = require('./registerButton.cjs.js');
 var registerLabel = require('./registerLabel.cjs.js');
-var registerSection = require('./registerListBox-a99736df.cjs.js');
+var registerSection = require('./registerListBox-87d0e61a.cjs.js');
 var registerPopover = require('./registerPopover.cjs.js');
-var utils = require('./utils-7d000fa4.cjs.js');
+var utils = require('./utils-91eee672.cjs.js');
 var variantUtils = require('./variant-utils-0ad70db8.cjs.js');
 require('@plasmicapp/host');
 require('react-aria');

package/skinny/registerSelect.esm.js

@@ -1,13 +1,13 @@
 import React, { useMemo, useEffect, useCallback } from 'react';
 import { SelectValue, Select, SelectStateContext } from 'react-aria-components';
-import { C as COMMON_STYLES, a as arrowDown, g as getCommonProps } from './common-ceebbaea.esm.js';
+import { C as COMMON_STYLES, a as arrowDown, g as getCommonProps } from './common-10d1b069.esm.js';
 import { a as PlasmicPopoverTriggerContext, b as PlasmicListBoxContext } from './contexts-5cb81c2f.esm.js';
 import { O as OptionsItemIdManager } from './OptionsItemIdManager-832b8cfe.esm.js';
 import { BUTTON_COMPONENT_NAME } from './registerButton.esm.js';
 import { LABEL_COMPONENT_NAME } from './registerLabel.esm.js';
-import { L as LIST_BOX_COMPONENT_NAME } from './registerListBox-49626f55.esm.js';
+import { L as LIST_BOX_COMPONENT_NAME } from './registerListBox-a5fd72be.esm.js';
 import { POPOVER_COMPONENT_NAME } from './registerPopover.esm.js';
-import { e as extractPlasmicDataProps, r as registerComponentHelper, u as useAutoOpen, m as makeComponentName } from './utils-5d1b4c6b.esm.js';
+import { e as extractPlasmicDataProps, r as registerComponentHelper, u as useAutoOpen, m as makeComponentName } from './utils-59f72eb9.esm.js';
 import { p as pickAriaComponentVariants } from './variant-utils-4405ebb0.esm.js';
 import '@plasmicapp/host';
 import 'react-aria';

package/skinny/registerSelect.stories.cjs.js

@@ -6,14 +6,14 @@ var host = require('@plasmicapp/host');
 var test = require('@storybook/test');
 var React = require('react');
 var registerButton = require('./registerButton.cjs.js');
-var registerSection = require('./registerListBox-a99736df.cjs.js');
+var registerSection = require('./registerListBox-87d0e61a.cjs.js');
 var registerListBoxItem = require('./registerListBoxItem.cjs.js');
 var registerPopover = require('./registerPopover.cjs.js');
 var registerSelect = require('./registerSelect.cjs.js');
 require('react-aria');
 require('react-aria-components');
-require('./common-b3b54c72.cjs.js');
-require('./utils-7d000fa4.cjs.js');
+require('./common-c8beb360.cjs.js');
+require('./utils-91eee672.cjs.js');
 require('@plasmicapp/host/registerComponent');
 require('./variant-utils-0ad70db8.cjs.js');
 require('./contexts-6d0cb2b1.cjs.js');

package/skinny/registerSelect.stories.esm.js

@@ -2,14 +2,14 @@ import { PlasmicCanvasContext } from '@plasmicapp/host';
 import { fn, within, expect, userEvent, waitFor } from '@storybook/test';
 import React, { useState, useEffect } from 'react';
 import { BaseButton } from './registerButton.esm.js';
-import { B as BaseListBox } from './registerListBox-49626f55.esm.js';
+import { B as BaseListBox } from './registerListBox-a5fd72be.esm.js';
 import { BaseListBoxItem } from './registerListBoxItem.esm.js';
 import { BasePopover } from './registerPopover.esm.js';
 import { BaseSelect, BaseSelectValue } from './registerSelect.esm.js';
 import 'react-aria';
 import 'react-aria-components';
-import './common-ceebbaea.esm.js';
-import './utils-5d1b4c6b.esm.js';
+import './common-10d1b069.esm.js';
+import './utils-59f72eb9.esm.js';
 import '@plasmicapp/host/registerComponent';
 import './variant-utils-4405ebb0.esm.js';
 import './contexts-5cb81c2f.esm.js';

package/skinny/registerSlider.cjs.js

@@ -2,13 +2,13 @@
 
 var React = require('react');
 var reactAriaComponents = require('react-aria-components');
-var common = require('./common-b3b54c72.cjs.js');
+var common = require('./common-c8beb360.cjs.js');
 var contexts = require('./contexts-6d0cb2b1.cjs.js');
 var registerLabel = require('./registerLabel.cjs.js');
 var registerSliderOutput = require('./registerSliderOutput.cjs.js');
 var registerSliderThumb = require('./registerSliderThumb.cjs.js');
 var registerSliderTrack = require('./registerSliderTrack.cjs.js');
-var utils = require('./utils-7d000fa4.cjs.js');
+var utils = require('./utils-91eee672.cjs.js');
 var variantUtils = require('./variant-utils-0ad70db8.cjs.js');
 require('react-keyed-flatten-children');
 require('@plasmicapp/host');

package/skinny/registerSlider.esm.js

@@ -1,12 +1,12 @@
 import React from 'react';
 import { Slider } from 'react-aria-components';
-import { g as getCommonProps, C as COMMON_STYLES } from './common-ceebbaea.esm.js';
+import { g as getCommonProps, C as COMMON_STYLES } from './common-10d1b069.esm.js';
 import { f as PlasmicSliderContext } from './contexts-5cb81c2f.esm.js';
 import { LABEL_COMPONENT_NAME } from './registerLabel.esm.js';
 import { registerSliderOutput } from './registerSliderOutput.esm.js';
 import { registerSliderThumb } from './registerSliderThumb.esm.js';
 import { registerSliderTrack } from './registerSliderTrack.esm.js';
-import { r as registerComponentHelper, m as makeComponentName } from './utils-5d1b4c6b.esm.js';
+import { r as registerComponentHelper, m as makeComponentName } from './utils-59f72eb9.esm.js';
 import { p as pickAriaComponentVariants } from './variant-utils-4405ebb0.esm.js';
 import 'react-keyed-flatten-children';
 import '@plasmicapp/host';

package/skinny/registerSlider.stories.cjs.js

@@ -10,8 +10,8 @@ var registerSliderOutput = require('./registerSliderOutput.cjs.js');
 var registerSliderThumb = require('./registerSliderThumb.cjs.js');
 var registerSliderTrack = require('./registerSliderTrack.cjs.js');
 require('react-aria-components');
-require('./common-b3b54c72.cjs.js');
-require('./utils-7d000fa4.cjs.js');
+require('./common-c8beb360.cjs.js');
+require('./utils-91eee672.cjs.js');
 require('@plasmicapp/host');
 require('@plasmicapp/host/registerComponent');
 require('./contexts-6d0cb2b1.cjs.js');

package/skinny/registerSlider.stories.esm.js

@@ -6,8 +6,8 @@ import { BaseSliderOutput } from './registerSliderOutput.esm.js';
 import { BaseSliderThumb } from './registerSliderThumb.esm.js';
 import { BaseSliderTrack } from './registerSliderTrack.esm.js';
 import 'react-aria-components';
-import './common-ceebbaea.esm.js';
-import './utils-5d1b4c6b.esm.js';
+import './common-10d1b069.esm.js';
+import './utils-59f72eb9.esm.js';
 import '@plasmicapp/host';
 import '@plasmicapp/host/registerComponent';
 import './contexts-5cb81c2f.esm.js';

package/skinny/registerSliderOutput.cjs.js

@@ -2,8 +2,8 @@
 
 var React = require('react');
 var reactAriaComponents = require('react-aria-components');
-var common = require('./common-b3b54c72.cjs.js');
-var utils = require('./utils-7d000fa4.cjs.js');
+var common = require('./common-c8beb360.cjs.js');
+var utils = require('./utils-91eee672.cjs.js');
 var variantUtils = require('./variant-utils-0ad70db8.cjs.js');
 require('@plasmicapp/host');
 require('@plasmicapp/host/registerComponent');

package/skinny/registerSliderOutput.esm.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { SliderOutput } from 'react-aria-components';
-import { C as COMMON_STYLES } from './common-ceebbaea.esm.js';
-import { m as makeComponentName, r as registerComponentHelper } from './utils-5d1b4c6b.esm.js';
+import { C as COMMON_STYLES } from './common-10d1b069.esm.js';
+import { m as makeComponentName, r as registerComponentHelper } from './utils-59f72eb9.esm.js';
 import { p as pickAriaComponentVariants } from './variant-utils-4405ebb0.esm.js';
 import '@plasmicapp/host';
 import '@plasmicapp/host/registerComponent';

package/skinny/registerSliderThumb.cjs.js

@@ -2,8 +2,8 @@
 
 var React = require('react');
 var reactAriaComponents = require('react-aria-components');
-var common = require('./common-b3b54c72.cjs.js');
-var utils = require('./utils-7d000fa4.cjs.js');
+var common = require('./common-c8beb360.cjs.js');
+var utils = require('./utils-91eee672.cjs.js');
 var variantUtils = require('./variant-utils-0ad70db8.cjs.js');
 require('@plasmicapp/host');
 require('@plasmicapp/host/registerComponent');

package/skinny/registerSliderThumb.esm.js

@@ -1,7 +1,7 @@
 import React, { Component } from 'react';
 import { SliderThumb, Slider, SliderTrack } from 'react-aria-components';
-import { g as getCommonProps, C as COMMON_STYLES } from './common-ceebbaea.esm.js';
-import { m as makeComponentName, r as registerComponentHelper } from './utils-5d1b4c6b.esm.js';
+import { g as getCommonProps, C as COMMON_STYLES } from './common-10d1b069.esm.js';
+import { m as makeComponentName, r as registerComponentHelper } from './utils-59f72eb9.esm.js';
 import { p as pickAriaComponentVariants } from './variant-utils-4405ebb0.esm.js';
 import '@plasmicapp/host';
 import '@plasmicapp/host/registerComponent';

package/skinny/registerSliderTrack.cjs.js

@@ -3,9 +3,9 @@
 var React = require('react');
 var reactAriaComponents = require('react-aria-components');
 var flattenChildren = require('react-keyed-flatten-children');
-var common = require('./common-b3b54c72.cjs.js');
+var common = require('./common-c8beb360.cjs.js');
 var contexts = require('./contexts-6d0cb2b1.cjs.js');
-var utils = require('./utils-7d000fa4.cjs.js');
+var utils = require('./utils-91eee672.cjs.js');
 var variantUtils = require('./variant-utils-0ad70db8.cjs.js');
 require('@plasmicapp/host');
 require('@plasmicapp/host/registerComponent');

package/skinny/registerSliderTrack.esm.js

@@ -1,9 +1,9 @@
 import React, { useMemo } from 'react';
 import { SliderTrack, Slider } from 'react-aria-components';
 import flattenChildren from 'react-keyed-flatten-children';
-import { C as COMMON_STYLES } from './common-ceebbaea.esm.js';
+import { C as COMMON_STYLES } from './common-10d1b069.esm.js';
 import { f as PlasmicSliderContext } from './contexts-5cb81c2f.esm.js';
-import { m as makeComponentName, r as registerComponentHelper, i as isDefined } from './utils-5d1b4c6b.esm.js';
+import { m as makeComponentName, r as registerComponentHelper, i as isDefined } from './utils-59f72eb9.esm.js';
 import { p as pickAriaComponentVariants } from './variant-utils-4405ebb0.esm.js';
 import '@plasmicapp/host';
 import '@plasmicapp/host/registerComponent';

package/skinny/registerSwitch.cjs.js

@@ -2,10 +2,10 @@
 
 var React = require('react');
 var reactAriaComponents = require('react-aria-components');
-var common = require('./common-b3b54c72.cjs.js');
+var common = require('./common-c8beb360.cjs.js');
 var registerDescription = require('./registerDescription.cjs.js');
 var registerLabel = require('./registerLabel.cjs.js');
-var utils = require('./utils-7d000fa4.cjs.js');
+var utils = require('./utils-91eee672.cjs.js');
 var variantUtils = require('./variant-utils-0ad70db8.cjs.js');
 require('./registerText.cjs.js');
 require('@plasmicapp/host');

package/skinny/registerSwitch.esm.js

@@ -1,9 +1,9 @@
 import React from 'react';
 import { Switch } from 'react-aria-components';
-import { g as getCommonProps, C as COMMON_STYLES } from './common-ceebbaea.esm.js';
+import { g as getCommonProps, C as COMMON_STYLES } from './common-10d1b069.esm.js';
 import { DESCRIPTION_COMPONENT_NAME } from './registerDescription.esm.js';
 import { LABEL_COMPONENT_NAME } from './registerLabel.esm.js';
-import { r as registerComponentHelper, m as makeComponentName } from './utils-5d1b4c6b.esm.js';
+import { r as registerComponentHelper, m as makeComponentName } from './utils-59f72eb9.esm.js';
 import { p as pickAriaComponentVariants } from './variant-utils-4405ebb0.esm.js';
 import './registerText.esm.js';
 import '@plasmicapp/host';

package/skinny/registerSwitch.stories.cjs.js

@@ -6,8 +6,8 @@ var test = require('@storybook/test');
 var React = require('react');
 var registerSwitch = require('./registerSwitch.cjs.js');
 require('react-aria-components');
-require('./common-b3b54c72.cjs.js');
-require('./utils-7d000fa4.cjs.js');
+require('./common-c8beb360.cjs.js');
+require('./utils-91eee672.cjs.js');
 require('@plasmicapp/host');
 require('@plasmicapp/host/registerComponent');
 require('./registerDescription.cjs.js');

package/skinny/registerSwitch.stories.esm.js

@@ -2,8 +2,8 @@ import { fn, within, expect, userEvent, waitFor } from '@storybook/test';
 import React, { useState } from 'react';
 import { BaseSwitch } from './registerSwitch.esm.js';
 import 'react-aria-components';
-import './common-ceebbaea.esm.js';
-import './utils-5d1b4c6b.esm.js';
+import './common-10d1b069.esm.js';
+import './utils-59f72eb9.esm.js';
 import '@plasmicapp/host';
 import '@plasmicapp/host/registerComponent';
 import './registerDescription.esm.js';

package/skinny/registerText.cjs.js

@@ -2,8 +2,8 @@
 
 var React = require('react');
 var reactAriaComponents = require('react-aria-components');
-var common = require('./common-b3b54c72.cjs.js');
-var utils = require('./utils-7d000fa4.cjs.js');
+var common = require('./common-c8beb360.cjs.js');
+var utils = require('./utils-91eee672.cjs.js');
 require('@plasmicapp/host');
 require('@plasmicapp/host/registerComponent');
 

package/skinny/registerText.esm.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { Text } from 'react-aria-components';
-import { C as COMMON_STYLES } from './common-ceebbaea.esm.js';
-import { e as extractPlasmicDataProps, m as makeComponentName, r as registerComponentHelper } from './utils-5d1b4c6b.esm.js';
+import { C as COMMON_STYLES } from './common-10d1b069.esm.js';
+import { e as extractPlasmicDataProps, m as makeComponentName, r as registerComponentHelper } from './utils-59f72eb9.esm.js';
 import '@plasmicapp/host';
 import '@plasmicapp/host/registerComponent';
 

package/skinny/registerTextArea.cjs.js

@@ -3,9 +3,9 @@
 var React = require('react');
 var reactAria = require('react-aria');
 var reactAriaComponents = require('react-aria-components');
-var common = require('./common-b3b54c72.cjs.js');
+var common = require('./common-c8beb360.cjs.js');
 var contexts = require('./contexts-6d0cb2b1.cjs.js');
-var utils = require('./utils-7d000fa4.cjs.js');
+var utils = require('./utils-91eee672.cjs.js');
 var variantUtils = require('./variant-utils-0ad70db8.cjs.js');
 require('@plasmicapp/host');
 require('@plasmicapp/host/registerComponent');

package/skinny/registerTextArea.esm.js

@@ -1,9 +1,9 @@
 import React, { useCallback } from 'react';
 import { mergeProps } from 'react-aria';
 import { TextArea } from 'react-aria-components';
-import { g as getCommonProps, C as COMMON_STYLES } from './common-ceebbaea.esm.js';
+import { g as getCommonProps, C as COMMON_STYLES } from './common-10d1b069.esm.js';
 import { g as PlasmicTextFieldContext } from './contexts-5cb81c2f.esm.js';
-import { r as registerComponentHelper, m as makeComponentName } from './utils-5d1b4c6b.esm.js';
+import { r as registerComponentHelper, m as makeComponentName } from './utils-59f72eb9.esm.js';
 import { p as pickAriaComponentVariants } from './variant-utils-4405ebb0.esm.js';
 import '@plasmicapp/host';
 import '@plasmicapp/host/registerComponent';

package/skinny/registerTextField-common-stories.cjs.js

@@ -5,8 +5,8 @@ var React = require('react');
 var registerLabel = require('./registerLabel.cjs.js');
 var registerTextField = require('./registerTextField.cjs.js');
 require('react-aria-components');
-require('./common-b3b54c72.cjs.js');
-require('./utils-7d000fa4.cjs.js');
+require('./common-c8beb360.cjs.js');
+require('./utils-91eee672.cjs.js');
 require('@plasmicapp/host');
 require('@plasmicapp/host/registerComponent');
 require('./contexts-6d0cb2b1.cjs.js');

package/skinny/registerTextField-common-stories.esm.js

@@ -3,8 +3,8 @@ import React, { useState } from 'react';
 import { BaseLabel } from './registerLabel.esm.js';
 import { BaseTextField } from './registerTextField.esm.js';
 import 'react-aria-components';
-import './common-ceebbaea.esm.js';
-import './utils-5d1b4c6b.esm.js';
+import './common-10d1b069.esm.js';
+import './utils-59f72eb9.esm.js';
 import '@plasmicapp/host';
 import '@plasmicapp/host/registerComponent';
 import './contexts-5cb81c2f.esm.js';