@plasmicpkgs/react-aria 0.0.193 → 0.0.195

package/skinny/registerComboBox.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"registerComboBox.esm.js","sources":["../src/registerComboBox.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport {\n  ComboBox,\n  ComboBoxProps,\n  ComboBoxStateContext,\n} from \"react-aria-components\";\nimport { useIdManager } from \"./OptionsItemIdManager\";\nimport {\n  COMMON_STYLES,\n  arrowDown,\n  createAriaLabelProp,\n  createDisabledProp,\n  createIdProp,\n  createNameProp,\n} from \"./common\";\nimport {\n  PlasmicInputContext,\n  PlasmicListBoxContext,\n  PlasmicPopoverTriggerContext,\n} from \"./contexts\";\nimport { BUTTON_COMPONENT_NAME } from \"./registerButton\";\nimport { INPUT_COMPONENT_NAME } from \"./registerInput\";\nimport { LABEL_COMPONENT_NAME } from \"./registerLabel\";\nimport { LIST_BOX_COMPONENT_NAME } from \"./registerListBox\";\nimport { POPOVER_COMPONENT_NAME } from \"./registerPopover\";\nimport {\n  BaseControlContextDataForLists,\n  HasControlContextData,\n  PlasmicCanvasProps,\n  Registerable,\n  makeComponentName,\n  registerComponentHelper,\n  useAutoOpen,\n} from \"./utils\";\nimport {\n  VariantUpdater,\n  WithVariants,\n  pickAriaComponentVariants,\n} from \"./variant-utils\";\n\nconst COMBOBOX_NAME = makeComponentName(\"combobox\");\n\nconst COMBOBOX_VARIANTS = [\"disabled\" as const];\n\nconst { variants: COMBOBOX_VARIANTS_DATA } =\n  pickAriaComponentVariants(COMBOBOX_VARIANTS);\n\nexport interface BaseComboboxProps\n  extends ComboBoxProps<{}>,\n    PlasmicCanvasProps,\n    WithVariants<typeof COMBOBOX_VARIANTS>,\n    HasControlContextData<BaseControlContextDataForLists> {\n  children?: React.ReactNode;\n  isOpen?: boolean;\n  className?: string;\n}\n\n/*\n  This React Hook is used to help with auto-opening the combobox when the canvas component is selected.\n  Currently, there is a bug in react-aria combobox (https://github.com/adobe/react-spectrum/issues/7149) where, when the combobox's popover is auto-opened, it is unable to render any listbox items.\n  Setting popover's open state to true in not enough unless, unless it has previously been opened via user interaction with combobox.\n  Also, <Combobox> does not support an `isOpen` prop either.\n\n  So, we use this custom hook to access the combobox's internal state via ComboBoxStateContext and change the `open` state manually via the available `open` method.\n\n  Note: It cannot be used as a hook like useAutoOpen() within the BaseSelect component\n  because it needs access to SelectStateContext, which is only created in the BaseSelect component's render function.\n  */\nfunction ComboboxAutoOpen(props: PlasmicCanvasProps) {\n  const { open, close } = React.useContext(ComboBoxStateContext) ?? {};\n\n  useAutoOpen({ props, open, close });\n\n  return null;\n}\n\nexport function BaseComboBox(props: BaseComboboxProps) {\n  const {\n    children,\n    setControlContextData,\n    plasmicUpdateVariant,\n    __plasmic_selection_prop__,\n    plasmicNotifyAutoOpenedContent,\n    isOpen: _isOpen, // uncontrolled if not selected in canvas/edit mode\n    ...rest\n  } = props;\n\n  const updateIds = useCallback(\n    (ids: string[]) => {\n      setControlContextData?.({\n        itemIds: ids,\n      });\n    },\n    [setControlContextData]\n  );\n\n  const idManager = useIdManager(updateIds);\n\n  return (\n    <ComboBox {...rest} style={COMMON_STYLES}>\n      {({ isDisabled }) => (\n        <>\n          <VariantUpdater\n            changes={{ disabled: isDisabled }}\n            updateVariant={plasmicUpdateVariant}\n          />\n          {/* PlasmicPopoverTriggerContext is used by BasePopover */}\n          <PlasmicPopoverTriggerContext.Provider value={true}>\n            {/* PlasmicListBoxContext is used by\n          - BaseListBox\n          - BaseListBoxItem\n          - BaseSection\n        */}\n            <PlasmicListBoxContext.Provider\n              value={{\n                idManager,\n              }}\n            >\n              {/* PlasmicInputContext is used by BaseInput */}\n              <PlasmicInputContext.Provider value={{ isUncontrolled: true }}>\n                <ComboboxAutoOpen\n                  __plasmic_selection_prop__={__plasmic_selection_prop__}\n                  plasmicNotifyAutoOpenedContent={\n                    plasmicNotifyAutoOpenedContent\n                  }\n                />\n                {children}\n              </PlasmicInputContext.Provider>\n            </PlasmicListBoxContext.Provider>\n          </PlasmicPopoverTriggerContext.Provider>\n        </>\n      )}\n    </ComboBox>\n  );\n}\n\nexport function registerComboBox(loader?: Registerable) {\n  registerComponentHelper(loader, BaseComboBox, {\n    name: COMBOBOX_NAME,\n    displayName: \"Aria ComboBox\",\n    importPath: \"@plasmicpkgs/react-aria/skinny/registerComboBox\",\n    importName: \"BaseComboBox\",\n    variants: COMBOBOX_VARIANTS_DATA,\n    props: {\n      id: createIdProp(\"ComboBox\"),\n      name: createNameProp(),\n      isDisabled: createDisabledProp(\"ComboBox\"),\n      \"aria-label\": createAriaLabelProp(\"ComboBox\"),\n      selectedKey: {\n        type: \"choice\",\n        editOnly: true,\n        uncontrolledProp: \"defaultSelectedKey\",\n        displayName: \"Initial selected item\",\n        options: (_props, ctx) => (ctx?.itemIds ? Array.from(ctx.itemIds) : []),\n        // React Aria ComboBox do not support multiple selections yet\n        multiSelect: false,\n      },\n      disabledKeys: {\n        type: \"choice\",\n        displayName: \"Disabled values\",\n        description:\n          \"The items that are disabled. These items cannot be selected, focused, or otherwise interacted with.\",\n        options: (_props, ctx) => (ctx?.itemIds ? Array.from(ctx.itemIds) : []),\n        multiSelect: true,\n        advanced: true,\n      },\n      isOpen: {\n        type: \"boolean\",\n        defaultValue: false,\n        // It doesn't make sense to make isOpen prop editable (it's controlled by user interaction and always closed by default), so we keep this prop hidden. We have listed the prop here in the meta only so we can expose a writeable state for it.\n        hidden: () => true,\n      },\n      onSelectionChange: {\n        type: \"eventHandler\",\n        argTypes: [{ name: \"selectedValue\", type: \"string\" }],\n      },\n      onOpenChange: {\n        type: \"eventHandler\",\n        argTypes: [{ name: \"isOpen\", type: \"boolean\" }],\n      },\n\n      children: {\n        type: \"slot\",\n        defaultValue: [\n          {\n            type: \"vbox\",\n            styles: {\n              justifyContent: \"flex-start\",\n              alignItems: \"flex-start\",\n              width: \"300px\",\n              padding: 0,\n            },\n            children: [\n              {\n                type: \"component\",\n                name: LABEL_COMPONENT_NAME,\n                props: {\n                  children: {\n                    type: \"text\",\n                    value: \"Label\",\n                  },\n                },\n              },\n              {\n                type: \"hbox\",\n                styles: {\n                  padding: 0,\n                },\n                children: [\n                  {\n                    type: \"component\",\n                    name: INPUT_COMPONENT_NAME,\n                    styles: {\n                      width: \"100%\",\n                      borderRightWidth: 0,\n                    },\n                  },\n                  {\n                    type: \"component\",\n                    name: BUTTON_COMPONENT_NAME,\n                    props: {\n                      children: arrowDown,\n                    },\n                  },\n                ],\n              },\n              {\n                type: \"component\",\n                name: POPOVER_COMPONENT_NAME,\n                styles: {\n                  backgroundColor: \"white\",\n                  padding: \"10px\",\n                  overflow: \"scroll\",\n                  width: \"unset\",\n                },\n                props: {\n                  offset: 0,\n                  children: [\n                    {\n                      type: \"component\",\n                      name: LIST_BOX_COMPONENT_NAME,\n                      props: {\n                        selectionMode: \"single\",\n                      },\n                      styles: {\n                        borderWidth: 0,\n                        width: \"stretch\",\n                      },\n                    },\n                  ],\n                },\n              },\n            ],\n          },\n        ],\n      },\n    },\n    states: {\n      selectedValue: {\n        type: \"writable\",\n        valueProp: \"selectedKey\",\n        onChangeProp: \"onSelectionChange\",\n        variableType: \"text\",\n      },\n      isOpen: {\n        type: \"writable\",\n        valueProp: \"isOpen\",\n        onChangeProp: \"onOpenChange\",\n        variableType: \"boolean\",\n      },\n    },\n    trapsFocus: true,\n  });\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"registerComboBox.esm.js","sources":["../src/registerComboBox.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport {\n  ComboBox,\n  ComboBoxProps,\n  ComboBoxStateContext,\n} from \"react-aria-components\";\nimport { useIdManager } from \"./OptionsItemIdManager\";\nimport {\n  COMMON_STYLES,\n  arrowDown,\n  createAriaLabelProp,\n  createDisabledProp,\n  createIdProp,\n  createNameProp,\n  focusEventHandlerProps,\n} from \"./common\";\nimport {\n  PlasmicInputContext,\n  PlasmicListBoxContext,\n  PlasmicPopoverTriggerContext,\n} from \"./contexts\";\nimport { BUTTON_COMPONENT_NAME } from \"./registerButton\";\nimport { INPUT_COMPONENT_NAME } from \"./registerInput\";\nimport { LABEL_COMPONENT_NAME } from \"./registerLabel\";\nimport { LIST_BOX_COMPONENT_NAME } from \"./registerListBox\";\nimport { POPOVER_COMPONENT_NAME } from \"./registerPopover\";\nimport {\n  BaseControlContextDataForLists,\n  HasControlContextData,\n  PlasmicCanvasProps,\n  Registerable,\n  makeComponentName,\n  registerComponentHelper,\n  useAutoOpen,\n} from \"./utils\";\nimport {\n  VariantUpdater,\n  WithVariants,\n  pickAriaComponentVariants,\n} from \"./variant-utils\";\n\nconst COMBOBOX_NAME = makeComponentName(\"combobox\");\n\nconst COMBOBOX_VARIANTS = [\"disabled\" as const];\n\nconst { variants: COMBOBOX_VARIANTS_DATA } =\n  pickAriaComponentVariants(COMBOBOX_VARIANTS);\n\nexport interface BaseComboboxProps\n  extends ComboBoxProps<{}>,\n    PlasmicCanvasProps,\n    WithVariants<typeof COMBOBOX_VARIANTS>,\n    HasControlContextData<BaseControlContextDataForLists> {\n  children?: React.ReactNode;\n  isOpen?: boolean;\n  className?: string;\n}\n\n/*\n  This React Hook is used to help with auto-opening the combobox when the canvas component is selected.\n  Currently, there is a bug in react-aria combobox (https://github.com/adobe/react-spectrum/issues/7149) where, when the combobox's popover is auto-opened, it is unable to render any listbox items.\n  Setting popover's open state to true in not enough unless, unless it has previously been opened via user interaction with combobox.\n  Also, <Combobox> does not support an `isOpen` prop either.\n\n  So, we use this custom hook to access the combobox's internal state via ComboBoxStateContext and change the `open` state manually via the available `open` method.\n\n  Note: It cannot be used as a hook like useAutoOpen() within the BaseSelect component\n  because it needs access to SelectStateContext, which is only created in the BaseSelect component's render function.\n  */\nfunction ComboboxAutoOpen(props: PlasmicCanvasProps) {\n  const { open, close } = React.useContext(ComboBoxStateContext) ?? {};\n\n  useAutoOpen({ props, open, close });\n\n  return null;\n}\n\nexport function BaseComboBox(props: BaseComboboxProps) {\n  const {\n    children,\n    setControlContextData,\n    plasmicUpdateVariant,\n    __plasmic_selection_prop__,\n    plasmicNotifyAutoOpenedContent,\n    isOpen: _isOpen, // uncontrolled if not selected in canvas/edit mode\n    ...rest\n  } = props;\n\n  const updateIds = useCallback(\n    (ids: string[]) => {\n      setControlContextData?.({\n        itemIds: ids,\n      });\n    },\n    [setControlContextData]\n  );\n\n  const idManager = useIdManager(updateIds);\n\n  return (\n    <ComboBox {...rest} style={COMMON_STYLES}>\n      {({ isDisabled }) => (\n        <>\n          <VariantUpdater\n            changes={{ disabled: isDisabled }}\n            updateVariant={plasmicUpdateVariant}\n          />\n          {/* PlasmicPopoverTriggerContext is used by BasePopover */}\n          <PlasmicPopoverTriggerContext.Provider value={true}>\n            {/* PlasmicListBoxContext is used by\n          - BaseListBox\n          - BaseListBoxItem\n          - BaseSection\n        */}\n            <PlasmicListBoxContext.Provider\n              value={{\n                idManager,\n              }}\n            >\n              {/* PlasmicInputContext is used by BaseInput */}\n              <PlasmicInputContext.Provider value={{ isUncontrolled: true }}>\n                <ComboboxAutoOpen\n                  __plasmic_selection_prop__={__plasmic_selection_prop__}\n                  plasmicNotifyAutoOpenedContent={\n                    plasmicNotifyAutoOpenedContent\n                  }\n                />\n                {children}\n              </PlasmicInputContext.Provider>\n            </PlasmicListBoxContext.Provider>\n          </PlasmicPopoverTriggerContext.Provider>\n        </>\n      )}\n    </ComboBox>\n  );\n}\n\nexport function registerComboBox(loader?: Registerable) {\n  registerComponentHelper(loader, BaseComboBox, {\n    name: COMBOBOX_NAME,\n    displayName: \"Aria ComboBox\",\n    importPath: \"@plasmicpkgs/react-aria/skinny/registerComboBox\",\n    importName: \"BaseComboBox\",\n    variants: COMBOBOX_VARIANTS_DATA,\n    props: {\n      id: createIdProp(\"ComboBox\"),\n      name: createNameProp(),\n      isDisabled: createDisabledProp(\"ComboBox\"),\n      \"aria-label\": createAriaLabelProp(\"ComboBox\"),\n      selectedKey: {\n        type: \"choice\",\n        editOnly: true,\n        uncontrolledProp: \"defaultSelectedKey\",\n        displayName: \"Initial selected item\",\n        options: (_props, ctx) => (ctx?.itemIds ? Array.from(ctx.itemIds) : []),\n        // React Aria ComboBox do not support multiple selections yet\n        multiSelect: false,\n      },\n      disabledKeys: {\n        type: \"choice\",\n        displayName: \"Disabled values\",\n        description:\n          \"The items that are disabled. These items cannot be selected, focused, or otherwise interacted with.\",\n        options: (_props, ctx) => (ctx?.itemIds ? Array.from(ctx.itemIds) : []),\n        multiSelect: true,\n        advanced: true,\n      },\n      isOpen: {\n        type: \"boolean\",\n        defaultValue: false,\n        // It doesn't make sense to make isOpen prop editable (it's controlled by user interaction and always closed by default), so we keep this prop hidden. We have listed the prop here in the meta only so we can expose a writeable state for it.\n        hidden: () => true,\n      },\n      onSelectionChange: {\n        type: \"eventHandler\",\n        argTypes: [{ name: \"selectedValue\", type: \"string\" }],\n      },\n      onOpenChange: {\n        type: \"eventHandler\",\n        argTypes: [{ name: \"isOpen\", type: \"boolean\" }],\n      },\n      ...focusEventHandlerProps(),\n\n      children: {\n        type: \"slot\",\n        defaultValue: [\n          {\n            type: \"vbox\",\n            styles: {\n              justifyContent: \"flex-start\",\n              alignItems: \"flex-start\",\n              width: \"300px\",\n              padding: 0,\n            },\n            children: [\n              {\n                type: \"component\",\n                name: LABEL_COMPONENT_NAME,\n                props: {\n                  children: {\n                    type: \"text\",\n                    value: \"Label\",\n                  },\n                },\n              },\n              {\n                type: \"hbox\",\n                styles: {\n                  padding: 0,\n                },\n                children: [\n                  {\n                    type: \"component\",\n                    name: INPUT_COMPONENT_NAME,\n                    styles: {\n                      width: \"100%\",\n                      borderRightWidth: 0,\n                    },\n                  },\n                  {\n                    type: \"component\",\n                    name: BUTTON_COMPONENT_NAME,\n                    props: {\n                      children: arrowDown,\n                    },\n                  },\n                ],\n              },\n              {\n                type: \"component\",\n                name: POPOVER_COMPONENT_NAME,\n                styles: {\n                  backgroundColor: \"white\",\n                  padding: \"10px\",\n                  overflow: \"scroll\",\n                  width: \"unset\",\n                },\n                props: {\n                  offset: 0,\n                  children: [\n                    {\n                      type: \"component\",\n                      name: LIST_BOX_COMPONENT_NAME,\n                      props: {\n                        selectionMode: \"single\",\n                      },\n                      styles: {\n                        borderWidth: 0,\n                        width: \"stretch\",\n                      },\n                    },\n                  ],\n                },\n              },\n            ],\n          },\n        ],\n      },\n    },\n    states: {\n      selectedValue: {\n        type: \"writable\",\n        valueProp: \"selectedKey\",\n        onChangeProp: \"onSelectionChange\",\n        variableType: \"text\",\n      },\n      isOpen: {\n        type: \"writable\",\n        valueProp: \"isOpen\",\n        onChangeProp: \"onOpenChange\",\n        variableType: \"boolean\",\n      },\n    },\n    trapsFocus: true,\n  });\n}\n"],"names":[],"mappings":"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"}

package/skinny/registerDescription.cjs.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var registerText = require('./registerText.cjs.js');
-var common = require('./common-44638169.cjs.js');
+var common = require('./common-e9872bf5.cjs.js');
 require('react');
 require('react-aria-components');
 require('@plasmicapp/host');

package/skinny/registerDescription.esm.js

@@ -1,5 +1,5 @@
 import { registerText } from './registerText.esm.js';
-import { m as makeComponentName } from './common-9574ac48.esm.js';
+import { m as makeComponentName } from './common-5a3610e7.esm.js';
 import 'react';
 import 'react-aria-components';
 import '@plasmicapp/host';

package/skinny/registerDialog.cjs.js

@@ -3,7 +3,7 @@
 var host = require('@plasmicapp/host');
 var React = require('react');
 var reactAriaComponents = require('react-aria-components');
-var common = require('./common-44638169.cjs.js');
+var common = require('./common-e9872bf5.cjs.js');
 require('@plasmicapp/host/registerComponent');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }

package/skinny/registerDialog.esm.js

@@ -1,7 +1,7 @@
 import { usePlasmicCanvasContext } from '@plasmicapp/host';
 import React from 'react';
 import { Dialog } from 'react-aria-components';
-import { C as COMMON_STYLES, m as makeComponentName, r as registerComponentHelper, c as createIdProp, f as createAriaLabelProp } from './common-9574ac48.esm.js';
+import { C as COMMON_STYLES, m as makeComponentName, r as registerComponentHelper, c as createIdProp, g as createAriaLabelProp } from './common-5a3610e7.esm.js';
 import '@plasmicapp/host/registerComponent';
 
 var __defProp = Object.defineProperty;

package/skinny/registerDialogTrigger.cjs.js

@@ -3,7 +3,7 @@
 var React = require('react');
 var reactAria = require('react-aria');
 var reactAriaComponents = require('react-aria-components');
-var common = require('./common-44638169.cjs.js');
+var common = require('./common-e9872bf5.cjs.js');
 var contexts = require('./contexts-6d0cb2b1.cjs.js');
 var registerButton = require('./registerButton.cjs.js');
 var registerDialog = require('./registerDialog.cjs.js');

package/skinny/registerDialogTrigger.esm.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { useButton, mergeProps } from 'react-aria';
 import { DialogTrigger } from 'react-aria-components';
-import { C as COMMON_STYLES, j as useIsOpen, r as registerComponentHelper, m as makeComponentName, c as createIdProp } from './common-9574ac48.esm.js';
+import { C as COMMON_STYLES, k as useIsOpen, r as registerComponentHelper, m as makeComponentName, c as createIdProp } from './common-5a3610e7.esm.js';
 import { d as PlasmicDialogTriggerContext } from './contexts-5cb81c2f.esm.js';
 import { BUTTON_COMPONENT_NAME } from './registerButton.esm.js';
 import { DIALOG_COMPONENT_NAME } from './registerDialog.esm.js';

package/skinny/registerFieldError.cjs.js

@@ -2,7 +2,7 @@
 
 var React = require('react');
 var reactAriaComponents = require('react-aria-components');
-var common = require('./common-44638169.cjs.js');
+var common = require('./common-e9872bf5.cjs.js');
 require('@plasmicapp/host');
 require('@plasmicapp/host/registerComponent');
 

package/skinny/registerFieldError.esm.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { FieldError } from 'react-aria-components';
-import { r as registerComponentHelper, m as makeComponentName, c as createIdProp } from './common-9574ac48.esm.js';
+import { r as registerComponentHelper, m as makeComponentName, c as createIdProp } from './common-5a3610e7.esm.js';
 import '@plasmicapp/host';
 import '@plasmicapp/host/registerComponent';
 

package/skinny/registerForm.cjs.js

@@ -2,7 +2,7 @@
 
 var React = require('react');
 var reactAriaComponents = require('react-aria-components');
-var common = require('./common-44638169.cjs.js');
+var common = require('./common-e9872bf5.cjs.js');
 require('@plasmicapp/host');
 require('@plasmicapp/host/registerComponent');
 

package/skinny/registerForm.esm.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Form } from 'react-aria-components';
-import { r as registerComponentHelper, m as makeComponentName, c as createIdProp } from './common-9574ac48.esm.js';
+import { r as registerComponentHelper, m as makeComponentName, c as createIdProp } from './common-5a3610e7.esm.js';
 import '@plasmicapp/host';
 import '@plasmicapp/host/registerComponent';
 

package/skinny/registerHeading.cjs.js

@@ -2,7 +2,7 @@
 
 var React = require('react');
 var reactAriaComponents = require('react-aria-components');
-var common = require('./common-44638169.cjs.js');
+var common = require('./common-e9872bf5.cjs.js');
 require('@plasmicapp/host');
 require('@plasmicapp/host/registerComponent');
 

package/skinny/registerHeading.esm.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Heading } from 'react-aria-components';
-import { r as registerComponentHelper, C as COMMON_STYLES, c as createIdProp, m as makeComponentName } from './common-9574ac48.esm.js';
+import { r as registerComponentHelper, C as COMMON_STYLES, c as createIdProp, m as makeComponentName } from './common-5a3610e7.esm.js';
 import '@plasmicapp/host';
 import '@plasmicapp/host/registerComponent';
 

package/skinny/registerInput.cjs.js

@@ -3,7 +3,7 @@
 var React = require('react');
 var reactAria = require('react-aria');
 var reactAriaComponents = require('react-aria-components');
-var common = require('./common-44638169.cjs.js');
+var common = require('./common-e9872bf5.cjs.js');
 var contexts = require('./contexts-6d0cb2b1.cjs.js');
 var variantUtils = require('./variant-utils-d46df529.cjs.js');
 require('@plasmicapp/host');

package/skinny/registerInput.esm.js

@@ -1,7 +1,7 @@
 import React, { useEffect } from 'react';
 import { useHover, useFocusRing, mergeProps } from 'react-aria';
 import { useContextProps, InputContext } from 'react-aria-components';
-import { s as filterHoverProps, C as COMMON_STYLES, q as isDefined, A as resolveAutoComplete, m as makeComponentName, r as registerComponentHelper, t as commonInputEventHandlerProps, c as createIdProp, a as createNameProp, v as createPlaceholderProp, w as createInitialValueProp, B as createInputTypeProp, g as createAutoFocusProp, b as createDisabledProp, d as createReadOnlyProp, e as createRequiredProp, E as createPatternProp, z as createInputModeProp, D as createAutoCompleteProp, x as createMaxLengthProp, y as createMinLengthProp, f as createAriaLabelProp } from './common-9574ac48.esm.js';
+import { t as filterHoverProps, C as COMMON_STYLES, s as isDefined, B as resolveAutoComplete, m as makeComponentName, r as registerComponentHelper, v as commonInputEventHandlerProps, c as createIdProp, a as createNameProp, w as createPlaceholderProp, x as createInitialValueProp, D as createInputTypeProp, i as createAutoFocusProp, b as createDisabledProp, d as createReadOnlyProp, e as createRequiredProp, F as createPatternProp, A as createInputModeProp, E as createAutoCompleteProp, y as createMaxLengthProp, z as createMinLengthProp, g as createAriaLabelProp } from './common-5a3610e7.esm.js';
 import { g as PlasmicTextFieldContext, c as PlasmicInputContext } from './contexts-5cb81c2f.esm.js';
 import { p as pickAriaComponentVariants } from './variant-utils-65364e9b.esm.js';
 import '@plasmicapp/host';

package/skinny/registerLabel.cjs.js

@@ -2,7 +2,7 @@
 
 var React = require('react');
 var reactAriaComponents = require('react-aria-components');
-var common = require('./common-44638169.cjs.js');
+var common = require('./common-e9872bf5.cjs.js');
 require('@plasmicapp/host');
 require('@plasmicapp/host/registerComponent');
 

package/skinny/registerLabel.esm.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Label } from 'react-aria-components';
-import { l as extractPlasmicDataProps, m as makeComponentName, r as registerComponentHelper, C as COMMON_STYLES, c as createIdProp, f as createAriaLabelProp } from './common-9574ac48.esm.js';
+import { n as extractPlasmicDataProps, m as makeComponentName, r as registerComponentHelper, C as COMMON_STYLES, c as createIdProp, g as createAriaLabelProp } from './common-5a3610e7.esm.js';
 import '@plasmicapp/host';
 import '@plasmicapp/host/registerComponent';
 

package/skinny/{registerListBox-be002653.esm.js → registerListBox-020ce7b4.esm.js}

@@ -2,8 +2,8 @@ import { usePlasmicCanvasContext } from '@plasmicapp/host';
 import React, { useState, useEffect } from 'react';
 import { mergeProps } from 'react-aria';
 import { ListBoxSection, Header, ListBox } from 'react-aria-components';
-import { u as useIdManager } from './OptionsItemIdManager-144c0ec2.esm.js';
-import { r as registerComponentHelper, C as COMMON_STYLES, m as makeComponentName, f as createAriaLabelProp, c as createIdProp } from './common-9574ac48.esm.js';
+import { u as useIdManager } from './OptionsItemIdManager-abecfd79.esm.js';
+import { r as registerComponentHelper, C as COMMON_STYLES, m as makeComponentName, g as createAriaLabelProp, c as createIdProp, f as focusEventHandlerProps } from './common-5a3610e7.esm.js';
 import { b as PlasmicListBoxContext } from './contexts-5cb81c2f.esm.js';
 import { registerListBoxItem, makeDefaultListBoxItemChildren } from './registerListBoxItem.esm.js';
 import { p as pickAriaComponentVariants } from './variant-utils-65364e9b.esm.js';
@@ -255,7 +255,7 @@ function registerListBox(loader, overrides) {
         borderStyle: "solid",
         borderColor: "black"
       },
-      props: {
+      props: __spreadValues({
         id: createIdProp("List Box"),
         "aria-label": createAriaLabelProp("List Box"),
         children: {
@@ -333,7 +333,7 @@ function registerListBox(loader, overrides) {
           type: "eventHandler",
           argTypes: [{ name: "selectedValues", type: "object" }]
         }
-      },
+      }, focusEventHandlerProps()),
       states: {
         selectedValue: __spreadValues({
           type: "writable",
@@ -355,4 +355,4 @@ function registerListBox(loader, overrides) {
 }
 
 export { BaseSection as B, LIST_BOX_COMPONENT_NAME as L, BaseListBox as a, registerListBox as b, listboxHelpers as l, registerSection as r };
-//# sourceMappingURL=registerListBox-be002653.esm.js.map
+//# sourceMappingURL=registerListBox-020ce7b4.esm.js.map

package/skinny/registerListBox-020ce7b4.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"registerListBox-020ce7b4.esm.js","sources":["../src/registerSection.tsx","../src/registerListBox.tsx"],"sourcesContent":["import React from \"react\";\nimport { Header, ListBoxSection } from \"react-aria-components\";\nimport { COMMON_STYLES, createAriaLabelProp } from \"./common\";\nimport { PlasmicListBoxContext } from \"./contexts\";\nimport { BaseListBox } from \"./registerListBox\";\nimport {\n  CodeComponentMetaOverrides,\n  Registerable,\n  Styleable,\n  makeComponentName,\n  registerComponentHelper,\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    <ListBoxSection {...rest} style={COMMON_STYLES}>\n      <Header>{header}</Header>\n      {items}\n    </ListBoxSection>\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        \"aria-label\": createAriaLabelProp(\"Section\"),\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 { usePlasmicCanvasContext } from \"@plasmicapp/host\";\nimport React, { useEffect, useState } from \"react\";\nimport { mergeProps } from \"react-aria\";\nimport { Key, ListBox } from \"react-aria-components\";\nimport { useIdManager } from \"./OptionsItemIdManager\";\nimport {\n  COMMON_STYLES,\n  createAriaLabelProp,\n  createIdProp,\n  focusEventHandlerProps,\n} from \"./common\";\nimport { PlasmicListBoxContext } from \"./contexts\";\nimport {\n  makeDefaultListBoxItemChildren,\n  registerListBoxItem,\n} from \"./registerListBoxItem\";\nimport { registerSection } from \"./registerSection\";\nimport {\n  BaseControlContextDataForLists,\n  CodeComponentMetaOverrides,\n  HasControlContextData,\n  Registerable,\n  makeComponentName,\n  registerComponentHelper,\n} from \"./utils\";\nimport { WithVariants, pickAriaComponentVariants } from \"./variant-utils\";\n\nexport interface BaseListBoxControlContextData\n  extends BaseControlContextDataForLists {\n  isStandalone: boolean;\n}\n\nconst LISTBOX_VARIANTS = [\"focused\" as const];\n\nconst { variants: LISTBOX_VARIANTS_DATA } =\n  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    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 inEditor = usePlasmicCanvasContext();\n\n  const idManager = useIdManager(setIds, context?.idManager);\n\n  const mergedProps = mergeProps(rest, {\n    onFocusChange: (focused: boolean) => {\n      plasmicUpdateVariant?.({ focused });\n    },\n    // `shouldUseVirtualFocus` is not part of the ListBox prop types, but it's passed through to useListBox, which does support it.\n    // In editor, we use virtual focus to prevent the listbox from stealing focus\n    ...(inEditor ? { shouldUseVirtualFocus: true } : {}),\n    style: COMMON_STYLES,\n    selectedKeys: normalizeSelectedKeys(selectedKeys),\n    defaultSelectedKeys: normalizeSelectedKeys(defaultSelectedKeys),\n  });\n\n  useEffect(() => {\n    setControlContextData?.({\n      itemIds: ids,\n      isStandalone,\n    });\n  }, [ids, isStandalone, setControlContextData]);\n\n  const listbox = <ListBox {...mergedProps}>{children}</ListBox>;\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: LISTBOX_VARIANTS_DATA,\n      defaultStyles: {\n        width: \"250px\",\n        borderWidth: \"1px\",\n        borderStyle: \"solid\",\n        borderColor: \"black\",\n      },\n      props: {\n        id: createIdProp(\"List Box\"),\n        \"aria-label\": createAriaLabelProp(\"List Box\"),\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        ...focusEventHandlerProps(),\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","__spreadProps","__spreadValues"],"mappings":"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"}

package/skinny/{registerListBox-9d951610.cjs.js → registerListBox-d2c459cc.cjs.js}

@@ -4,8 +4,8 @@ var host = require('@plasmicapp/host');
 var React = require('react');
 var reactAria = require('react-aria');
 var reactAriaComponents = require('react-aria-components');
-var OptionsItemIdManager = require('./OptionsItemIdManager-b907e7cf.cjs.js');
-var common = require('./common-44638169.cjs.js');
+var OptionsItemIdManager = require('./OptionsItemIdManager-d01901ad.cjs.js');
+var common = require('./common-e9872bf5.cjs.js');
 var contexts = require('./contexts-6d0cb2b1.cjs.js');
 var registerListBoxItem = require('./registerListBoxItem.cjs.js');
 var variantUtils = require('./variant-utils-d46df529.cjs.js');
@@ -261,7 +261,7 @@ function registerListBox(loader, overrides) {
         borderStyle: "solid",
         borderColor: "black"
       },
-      props: {
+      props: __spreadValues({
         id: common.createIdProp("List Box"),
         "aria-label": common.createAriaLabelProp("List Box"),
         children: {
@@ -339,7 +339,7 @@ function registerListBox(loader, overrides) {
           type: "eventHandler",
           argTypes: [{ name: "selectedValues", type: "object" }]
         }
-      },
+      }, common.focusEventHandlerProps()),
       states: {
         selectedValue: __spreadValues({
           type: "writable",
@@ -366,4 +366,4 @@ exports.LIST_BOX_COMPONENT_NAME = LIST_BOX_COMPONENT_NAME;
 exports.listboxHelpers = listboxHelpers;
 exports.registerListBox = registerListBox;
 exports.registerSection = registerSection;
-//# sourceMappingURL=registerListBox-9d951610.cjs.js.map
+//# sourceMappingURL=registerListBox-d2c459cc.cjs.js.map

package/skinny/registerListBox-d2c459cc.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"registerListBox-d2c459cc.cjs.js","sources":["../src/registerSection.tsx","../src/registerListBox.tsx"],"sourcesContent":["import React from \"react\";\nimport { Header, ListBoxSection } from \"react-aria-components\";\nimport { COMMON_STYLES, createAriaLabelProp } from \"./common\";\nimport { PlasmicListBoxContext } from \"./contexts\";\nimport { BaseListBox } from \"./registerListBox\";\nimport {\n  CodeComponentMetaOverrides,\n  Registerable,\n  Styleable,\n  makeComponentName,\n  registerComponentHelper,\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    <ListBoxSection {...rest} style={COMMON_STYLES}>\n      <Header>{header}</Header>\n      {items}\n    </ListBoxSection>\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        \"aria-label\": createAriaLabelProp(\"Section\"),\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 { usePlasmicCanvasContext } from \"@plasmicapp/host\";\nimport React, { useEffect, useState } from \"react\";\nimport { mergeProps } from \"react-aria\";\nimport { Key, ListBox } from \"react-aria-components\";\nimport { useIdManager } from \"./OptionsItemIdManager\";\nimport {\n  COMMON_STYLES,\n  createAriaLabelProp,\n  createIdProp,\n  focusEventHandlerProps,\n} from \"./common\";\nimport { PlasmicListBoxContext } from \"./contexts\";\nimport {\n  makeDefaultListBoxItemChildren,\n  registerListBoxItem,\n} from \"./registerListBoxItem\";\nimport { registerSection } from \"./registerSection\";\nimport {\n  BaseControlContextDataForLists,\n  CodeComponentMetaOverrides,\n  HasControlContextData,\n  Registerable,\n  makeComponentName,\n  registerComponentHelper,\n} from \"./utils\";\nimport { WithVariants, pickAriaComponentVariants } from \"./variant-utils\";\n\nexport interface BaseListBoxControlContextData\n  extends BaseControlContextDataForLists {\n  isStandalone: boolean;\n}\n\nconst LISTBOX_VARIANTS = [\"focused\" as const];\n\nconst { variants: LISTBOX_VARIANTS_DATA } =\n  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    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 inEditor = usePlasmicCanvasContext();\n\n  const idManager = useIdManager(setIds, context?.idManager);\n\n  const mergedProps = mergeProps(rest, {\n    onFocusChange: (focused: boolean) => {\n      plasmicUpdateVariant?.({ focused });\n    },\n    // `shouldUseVirtualFocus` is not part of the ListBox prop types, but it's passed through to useListBox, which does support it.\n    // In editor, we use virtual focus to prevent the listbox from stealing focus\n    ...(inEditor ? { shouldUseVirtualFocus: true } : {}),\n    style: COMMON_STYLES,\n    selectedKeys: normalizeSelectedKeys(selectedKeys),\n    defaultSelectedKeys: normalizeSelectedKeys(defaultSelectedKeys),\n  });\n\n  useEffect(() => {\n    setControlContextData?.({\n      itemIds: ids,\n      isStandalone,\n    });\n  }, [ids, isStandalone, setControlContextData]);\n\n  const listbox = <ListBox {...mergedProps}>{children}</ListBox>;\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: LISTBOX_VARIANTS_DATA,\n      defaultStyles: {\n        width: \"250px\",\n        borderWidth: \"1px\",\n        borderStyle: \"solid\",\n        borderColor: \"black\",\n      },\n      props: {\n        id: createIdProp(\"List Box\"),\n        \"aria-label\": createAriaLabelProp(\"List Box\"),\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        ...focusEventHandlerProps(),\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","React","PlasmicListBoxContext","ListBoxSection","__spreadProps","__spreadValues","COMMON_STYLES","Header","registerComponentHelper","makeComponentName","createAriaLabelProp","pickAriaComponentVariants","useState","usePlasmicCanvasContext","useIdManager","mergeProps","useEffect","ListBox","registerListBoxItem","makeDefaultListBoxItemChildren","createIdProp","focusEventHandlerProps"],"mappings":"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"}

package/skinny/registerListBox.cjs.js

@@ -4,11 +4,11 @@ require('@plasmicapp/host');
 require('react');
 require('react-aria');
 require('react-aria-components');
-require('./OptionsItemIdManager-b907e7cf.cjs.js');
-require('./common-44638169.cjs.js');
+require('./OptionsItemIdManager-d01901ad.cjs.js');
+require('./common-e9872bf5.cjs.js');
 require('./contexts-6d0cb2b1.cjs.js');
 require('./registerListBoxItem.cjs.js');
-var registerSection = require('./registerListBox-9d951610.cjs.js');
+var registerSection = require('./registerListBox-d2c459cc.cjs.js');
 require('./variant-utils-d46df529.cjs.js');
 require('@plasmicapp/host/registerComponent');
 require('./registerDescription.cjs.js');

package/skinny/registerListBox.esm.js

@@ -2,11 +2,11 @@ import '@plasmicapp/host';
 import 'react';
 import 'react-aria';
 import 'react-aria-components';
-import './OptionsItemIdManager-144c0ec2.esm.js';
-import './common-9574ac48.esm.js';
+import './OptionsItemIdManager-abecfd79.esm.js';
+import './common-5a3610e7.esm.js';
 import './contexts-5cb81c2f.esm.js';
 import './registerListBoxItem.esm.js';
-export { a as BaseListBox, L as LIST_BOX_COMPONENT_NAME, l as listboxHelpers, b as registerListBox } from './registerListBox-be002653.esm.js';
+export { a as BaseListBox, L as LIST_BOX_COMPONENT_NAME, l as listboxHelpers, b as registerListBox } from './registerListBox-020ce7b4.esm.js';
 import './variant-utils-65364e9b.esm.js';
 import '@plasmicapp/host/registerComponent';
 import './registerDescription.esm.js';

package/skinny/registerListBoxItem.cjs.js

@@ -2,8 +2,8 @@
 
 var React = require('react');
 var reactAriaComponents = require('react-aria-components');
-var OptionsItemIdManager = require('./OptionsItemIdManager-b907e7cf.cjs.js');
-var common = require('./common-44638169.cjs.js');
+var OptionsItemIdManager = require('./OptionsItemIdManager-d01901ad.cjs.js');
+var common = require('./common-e9872bf5.cjs.js');
 var contexts = require('./contexts-6d0cb2b1.cjs.js');
 var registerDescription = require('./registerDescription.cjs.js');
 var registerText = require('./registerText.cjs.js');

package/skinny/registerListBoxItem.esm.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { ListBoxItem, ListBox } from 'react-aria-components';
-import { a as useOptionsItemId } from './OptionsItemIdManager-144c0ec2.esm.js';
-import { r as registerComponentHelper, C as COMMON_STYLES, m as makeComponentName } from './common-9574ac48.esm.js';
+import { a as useOptionsItemId } from './OptionsItemIdManager-abecfd79.esm.js';
+import { r as registerComponentHelper, C as COMMON_STYLES, m as makeComponentName } from './common-5a3610e7.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';

package/skinny/registerModal.cjs.js

@@ -4,7 +4,7 @@ var host = require('@plasmicapp/host');
 var React = require('react');
 var reactAria = require('react-aria');
 var reactAriaComponents = require('react-aria-components');
-var common = require('./common-44638169.cjs.js');
+var common = require('./common-e9872bf5.cjs.js');
 var contexts = require('./contexts-6d0cb2b1.cjs.js');
 require('@plasmicapp/host/registerComponent');
 

package/skinny/registerModal.esm.js

@@ -2,7 +2,7 @@ import { usePlasmicCanvasContext } from '@plasmicapp/host';
 import React, { forwardRef, useImperativeHandle } from 'react';
 import { mergeProps } from 'react-aria';
 import { ModalOverlay, Modal } from 'react-aria-components';
-import { j as useIsOpen, m as makeComponentName, r as registerComponentHelper, c as createIdProp, h as hasParent } from './common-9574ac48.esm.js';
+import { k as useIsOpen, m as makeComponentName, r as registerComponentHelper, c as createIdProp, h as hasParent } from './common-5a3610e7.esm.js';
 import { d as PlasmicDialogTriggerContext } from './contexts-5cb81c2f.esm.js';
 import '@plasmicapp/host/registerComponent';
 

package/skinny/registerOverlayArrow.cjs.js

@@ -2,7 +2,7 @@
 
 var React = require('react');
 var reactAriaComponents = require('react-aria-components');
-var common = require('./common-44638169.cjs.js');
+var common = require('./common-e9872bf5.cjs.js');
 var variantUtils = require('./variant-utils-d46df529.cjs.js');
 require('@plasmicapp/host');
 require('@plasmicapp/host/registerComponent');

package/skinny/registerOverlayArrow.esm.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { PopoverContext, TooltipTriggerStateContext, OverlayArrow } from 'react-aria-components';
-import { m as makeComponentName, r as registerComponentHelper, C as COMMON_STYLES, c as createIdProp, i as arrowDown } from './common-9574ac48.esm.js';
+import { m as makeComponentName, r as registerComponentHelper, C as COMMON_STYLES, c as createIdProp, j as arrowDown } from './common-5a3610e7.esm.js';
 import { p as pickAriaComponentVariants, V as VariantUpdater } from './variant-utils-65364e9b.esm.js';
 import '@plasmicapp/host';
 import '@plasmicapp/host/registerComponent';

package/skinny/registerPopover.cjs.js

@@ -4,7 +4,7 @@ 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-44638169.cjs.js');
+var common = require('./common-e9872bf5.cjs.js');
 var contexts = require('./contexts-6d0cb2b1.cjs.js');
 require('@plasmicapp/host/registerComponent');
 

package/skinny/registerPopover.esm.js

@@ -2,7 +2,7 @@ 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, m as makeComponentName, r as registerComponentHelper, n as getCommonOverlayProps, c as createIdProp } from './common-9574ac48.esm.js';
+import { C as COMMON_STYLES, m as makeComponentName, r as registerComponentHelper, o as getCommonOverlayProps, c as createIdProp } from './common-5a3610e7.esm.js';
 import { a as PlasmicPopoverTriggerContext } from './contexts-5cb81c2f.esm.js';
 import '@plasmicapp/host/registerComponent';
 

package/skinny/registerRadio.cjs.js

@@ -2,8 +2,8 @@
 
 var React = require('react');
 var reactAriaComponents = require('react-aria-components');
-var OptionsItemIdManager = require('./OptionsItemIdManager-b907e7cf.cjs.js');
-var common = require('./common-44638169.cjs.js');
+var OptionsItemIdManager = require('./OptionsItemIdManager-d01901ad.cjs.js');
+var common = require('./common-e9872bf5.cjs.js');
 var contexts = require('./contexts-6d0cb2b1.cjs.js');
 var registerLabel = require('./registerLabel.cjs.js');
 var variantUtils = require('./variant-utils-d46df529.cjs.js');
@@ -156,7 +156,7 @@ function registerRadio(loader, overrides) {
       importPath: "@plasmicpkgs/react-aria/skinny/registerRadio",
       importName: "BaseRadio",
       variants,
-      props: {
+      props: __spreadValues({
         id: common.createIdProp("Radio"),
         isDisabled: common.createDisabledProp("Radio"),
         autoFocus: common.createAutoFocusProp("Radio"),
@@ -176,7 +176,7 @@ function registerRadio(loader, overrides) {
             return true;
           }
         }
-      },
+      }, common.focusEventHandlerProps()),
       trapsFocus: true
     },
     overrides

package/skinny/registerRadio.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"registerRadio.cjs.js","sources":["../src/registerRadio.tsx"],"sourcesContent":["import { PlasmicElement } from \"@plasmicapp/host\";\nimport React from \"react\";\nimport type { RadioProps } from \"react-aria-components\";\nimport { Radio, RadioGroup } from \"react-aria-components\";\nimport { useOptionsItemId } from \"./OptionsItemIdManager\";\nimport {\n  COMMON_STYLES,\n  createAriaLabelProp,\n  createAutoFocusProp,\n  createDisabledProp,\n  createIdProp,\n} from \"./common\";\nimport { PlasmicRadioGroupContext } from \"./contexts\";\nimport { LABEL_COMPONENT_NAME } from \"./registerLabel\";\nimport {\n  BaseControlContextData,\n  CodeComponentMetaOverrides,\n  HasControlContextData,\n  Registerable,\n  makeComponentName,\n  registerComponentHelper,\n} from \"./utils\";\nimport {\n  VariantUpdater,\n  WithVariants,\n  pickAriaComponentVariants,\n} from \"./variant-utils\";\n\nconst RADIO_VARIANTS = [\n  \"selected\" as const,\n  \"hovered\" as const,\n  \"pressed\" as const,\n  \"focused\" as const,\n  \"focusVisible\" as const,\n  \"disabled\" as const,\n  \"readonly\" as const,\n  \"selected\" as const,\n];\n\nexport interface BaseRadioControlContextData extends BaseControlContextData {\n  idError?: string;\n}\n\nexport interface BaseRadioProps\n  extends RadioProps,\n    HasControlContextData<BaseRadioControlContextData>,\n    WithVariants<typeof RADIO_VARIANTS> {\n  children: React.ReactNode;\n}\n\nconst { variants } = pickAriaComponentVariants(RADIO_VARIANTS);\n\nexport function BaseRadio(props: BaseRadioProps) {\n  const {\n    children,\n    setControlContextData,\n    plasmicUpdateVariant,\n    value,\n    ...rest\n  } = props;\n  const contextProps = React.useContext(PlasmicRadioGroupContext);\n  const isStandalone = !contextProps;\n  const { registeredId, idError } = useOptionsItemId(\n    value,\n    contextProps?.idManager\n  );\n\n  setControlContextData?.({\n    parent: contextProps,\n    idError,\n  });\n\n  const radio = (\n    <Radio\n      {...rest}\n      value={registeredId ?? \"\"}\n      key={registeredId}\n      style={COMMON_STYLES}\n    >\n      {({\n        isHovered,\n        isPressed,\n        isFocused,\n        isFocusVisible,\n        isSelected,\n        isDisabled,\n        isReadOnly,\n      }) => (\n        <>\n          <VariantUpdater\n            changes={{\n              hovered: isHovered,\n              pressed: isPressed,\n              focused: isFocused,\n              focusVisible: isFocusVisible,\n              selected: isSelected,\n              disabled: isDisabled,\n              readonly: isReadOnly,\n            }}\n            updateVariant={plasmicUpdateVariant}\n          />\n          {children}\n        </>\n      )}\n    </Radio>\n  );\n\n  if (isStandalone) {\n    return <RadioGroup>{radio}</RadioGroup>;\n  }\n\n  return radio;\n}\n\nexport const makeDefaultRadioChildren = (label: string): PlasmicElement => ({\n  type: \"hbox\",\n  styles: {\n    display: \"flex\",\n    alignItems: \"center\",\n    gap: \"10px\",\n    padding: 0,\n  },\n  children: [\n    {\n      type: \"box\",\n      styles: {\n        width: \"7px\",\n        height: \"7px\",\n        borderRadius: \"100%\",\n        borderWidth: \"1px\",\n        borderStyle: \"solid\",\n        borderColor: \"black\",\n      },\n    },\n    {\n      type: \"component\",\n      name: LABEL_COMPONENT_NAME,\n      props: {\n        children: {\n          type: \"text\",\n          value: label,\n        },\n      },\n    },\n  ],\n});\n\nexport function registerRadio(\n  loader?: Registerable,\n  overrides?: CodeComponentMetaOverrides<typeof BaseRadio>\n) {\n  return registerComponentHelper(\n    loader,\n    BaseRadio,\n    {\n      name: makeComponentName(\"radio\"),\n      displayName: \"Aria Radio\",\n      importPath: \"@plasmicpkgs/react-aria/skinny/registerRadio\",\n      importName: \"BaseRadio\",\n      variants,\n      props: {\n        id: createIdProp(\"Radio\"),\n        isDisabled: createDisabledProp(\"Radio\"),\n        autoFocus: createAutoFocusProp(\"Radio\"),\n        \"aria-label\": createAriaLabelProp(\"Radio\"),\n        children: {\n          type: \"slot\",\n          mergeWithParent: true,\n          defaultValue: makeDefaultRadioChildren(\"Radio\"),\n        },\n        value: {\n          type: \"string\",\n          description:\n            \"The value of the input element, used when submitting an HTML form.\",\n          validator: (_value, _props, ctx) => {\n            if (ctx?.idError) {\n              return ctx.idError;\n            }\n            return true;\n          },\n        },\n      },\n      trapsFocus: true,\n    },\n    overrides\n  );\n}\n"],"names":["pickAriaComponentVariants","React","PlasmicRadioGroupContext","useOptionsItemId","Radio","COMMON_STYLES","VariantUpdater","RadioGroup","LABEL_COMPONENT_NAME","registerComponentHelper","makeComponentName","createIdProp","createDisabledProp","createAutoFocusProp","createAriaLabelProp"],"mappings":"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"}
+{"version":3,"file":"registerRadio.cjs.js","sources":["../src/registerRadio.tsx"],"sourcesContent":["import { PlasmicElement } from \"@plasmicapp/host\";\nimport React from \"react\";\nimport type { RadioProps } from \"react-aria-components\";\nimport { Radio, RadioGroup } from \"react-aria-components\";\nimport { useOptionsItemId } from \"./OptionsItemIdManager\";\nimport {\n  COMMON_STYLES,\n  createAriaLabelProp,\n  createAutoFocusProp,\n  createDisabledProp,\n  createIdProp,\n  focusEventHandlerProps,\n} from \"./common\";\nimport { PlasmicRadioGroupContext } from \"./contexts\";\nimport { LABEL_COMPONENT_NAME } from \"./registerLabel\";\nimport {\n  BaseControlContextData,\n  CodeComponentMetaOverrides,\n  HasControlContextData,\n  Registerable,\n  makeComponentName,\n  registerComponentHelper,\n} from \"./utils\";\nimport {\n  VariantUpdater,\n  WithVariants,\n  pickAriaComponentVariants,\n} from \"./variant-utils\";\n\nconst RADIO_VARIANTS = [\n  \"selected\" as const,\n  \"hovered\" as const,\n  \"pressed\" as const,\n  \"focused\" as const,\n  \"focusVisible\" as const,\n  \"disabled\" as const,\n  \"readonly\" as const,\n  \"selected\" as const,\n];\n\nexport interface BaseRadioControlContextData extends BaseControlContextData {\n  idError?: string;\n}\n\nexport interface BaseRadioProps\n  extends RadioProps,\n    HasControlContextData<BaseRadioControlContextData>,\n    WithVariants<typeof RADIO_VARIANTS> {\n  children: React.ReactNode;\n}\n\nconst { variants } = pickAriaComponentVariants(RADIO_VARIANTS);\n\nexport function BaseRadio(props: BaseRadioProps) {\n  const {\n    children,\n    setControlContextData,\n    plasmicUpdateVariant,\n    value,\n    ...rest\n  } = props;\n  const contextProps = React.useContext(PlasmicRadioGroupContext);\n  const isStandalone = !contextProps;\n  const { registeredId, idError } = useOptionsItemId(\n    value,\n    contextProps?.idManager\n  );\n\n  setControlContextData?.({\n    parent: contextProps,\n    idError,\n  });\n\n  const radio = (\n    <Radio\n      {...rest}\n      value={registeredId ?? \"\"}\n      key={registeredId}\n      style={COMMON_STYLES}\n    >\n      {({\n        isHovered,\n        isPressed,\n        isFocused,\n        isFocusVisible,\n        isSelected,\n        isDisabled,\n        isReadOnly,\n      }) => (\n        <>\n          <VariantUpdater\n            changes={{\n              hovered: isHovered,\n              pressed: isPressed,\n              focused: isFocused,\n              focusVisible: isFocusVisible,\n              selected: isSelected,\n              disabled: isDisabled,\n              readonly: isReadOnly,\n            }}\n            updateVariant={plasmicUpdateVariant}\n          />\n          {children}\n        </>\n      )}\n    </Radio>\n  );\n\n  if (isStandalone) {\n    return <RadioGroup>{radio}</RadioGroup>;\n  }\n\n  return radio;\n}\n\nexport const makeDefaultRadioChildren = (label: string): PlasmicElement => ({\n  type: \"hbox\",\n  styles: {\n    display: \"flex\",\n    alignItems: \"center\",\n    gap: \"10px\",\n    padding: 0,\n  },\n  children: [\n    {\n      type: \"box\",\n      styles: {\n        width: \"7px\",\n        height: \"7px\",\n        borderRadius: \"100%\",\n        borderWidth: \"1px\",\n        borderStyle: \"solid\",\n        borderColor: \"black\",\n      },\n    },\n    {\n      type: \"component\",\n      name: LABEL_COMPONENT_NAME,\n      props: {\n        children: {\n          type: \"text\",\n          value: label,\n        },\n      },\n    },\n  ],\n});\n\nexport function registerRadio(\n  loader?: Registerable,\n  overrides?: CodeComponentMetaOverrides<typeof BaseRadio>\n) {\n  return registerComponentHelper(\n    loader,\n    BaseRadio,\n    {\n      name: makeComponentName(\"radio\"),\n      displayName: \"Aria Radio\",\n      importPath: \"@plasmicpkgs/react-aria/skinny/registerRadio\",\n      importName: \"BaseRadio\",\n      variants,\n      props: {\n        id: createIdProp(\"Radio\"),\n        isDisabled: createDisabledProp(\"Radio\"),\n        autoFocus: createAutoFocusProp(\"Radio\"),\n        \"aria-label\": createAriaLabelProp(\"Radio\"),\n        children: {\n          type: \"slot\",\n          mergeWithParent: true,\n          defaultValue: makeDefaultRadioChildren(\"Radio\"),\n        },\n        value: {\n          type: \"string\",\n          description:\n            \"The value of the input element, used when submitting an HTML form.\",\n          validator: (_value, _props, ctx) => {\n            if (ctx?.idError) {\n              return ctx.idError;\n            }\n            return true;\n          },\n        },\n        ...focusEventHandlerProps(),\n      },\n      trapsFocus: true,\n    },\n    overrides\n  );\n}\n"],"names":["pickAriaComponentVariants","React","PlasmicRadioGroupContext","useOptionsItemId","Radio","COMMON_STYLES","VariantUpdater","RadioGroup","LABEL_COMPONENT_NAME","registerComponentHelper","makeComponentName","createIdProp","createDisabledProp","createAutoFocusProp","createAriaLabelProp","focusEventHandlerProps"],"mappings":"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"}