@plasmicpkgs/react-aria 0.0.13 → 0.0.15

package/skinny/registerComboBox.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"registerComboBox.cjs.js","sources":["../src/registerComboBox.tsx"],"sourcesContent":["import { useFilter } from \"@react-aria/i18n\";\nimport React from \"react\";\nimport { ComboBox, ComboBoxStateContext, Key } from \"react-aria-components\";\nimport { PlasmicInputContext, PlasmicListBoxContext } from \"./contexts\";\nimport {\n  flattenOptions,\n  HasOptions,\n  makeOptionsPropType,\n  makeValuePropType,\n  StrictItemType,\n  StrictOptionType,\n  useStrictOptions,\n} from \"./option-utils\";\nimport {\n  extractPlasmicDataProps,\n  makeComponentName,\n  Registerable,\n  registerComponentHelper,\n  Styleable,\n  withoutNils,\n} from \"./utils\";\n\nexport interface BaseComboBoxProps<T extends object>\n  extends HasOptions<T>,\n    Styleable {\n  placeholder?: string;\n  isDisabled?: boolean;\n  menuTrigger?: React.ComponentProps<typeof ComboBox>[\"menuTrigger\"];\n\n  valueType?: \"value\" | \"text\";\n  allowsCustomValue?: boolean;\n\n  value?: Key;\n  onChange?: (value: Key) => void;\n\n  filterValue?: string;\n  onFilterValueChange?: (value: string) => void;\n\n  previewOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n\n  structure?: React.ReactNode;\n\n  name?: string;\n}\n\nexport function BaseComboBox<T extends object>(props: BaseComboBoxProps<T>) {\n  const {\n    value,\n    onChange,\n    menuTrigger,\n    filterValue,\n    onFilterValueChange,\n    valueType,\n    allowsCustomValue,\n    placeholder,\n    previewOpen,\n    onOpenChange,\n    isDisabled,\n    className,\n    style,\n    structure,\n    name,\n  } = props;\n\n  const { options, optionText } = useStrictOptions(props);\n  const { contains } = useFilter({ sensitivity: \"base\" });\n  const [showAllOptions, setShowAllOptions] = React.useState(false);\n\n  const filteredOptions = React.useMemo(() => {\n    if (!filterValue || filterValue.trim().length === 0) {\n      return options;\n    }\n    if (!options) {\n      return options;\n    }\n    const filterOptions = (\n      options: StrictOptionType[]\n    ): StrictOptionType[] | undefined => {\n      return withoutNils(\n        options.map((op) => {\n          if (op.type === \"section\") {\n            return {\n              ...op,\n              items: op.items\n                ? (filterOptions(op.items) as StrictItemType[])\n                : undefined,\n            };\n          } else {\n            if (contains(optionText(op), filterValue)) {\n              return op;\n            } else {\n              return undefined;\n            }\n          }\n        })\n      );\n    };\n    return filterOptions(options);\n  }, [options, filterValue, contains]);\n\n  const flattenedOptions = React.useMemo(\n    () => flattenOptions(options),\n    [options]\n  );\n\n  const disabledKeys = flattenedOptions\n    .filter((op) => op.isDisabled)\n    .map((op) => op.value);\n\n  const onSelectionChange = React.useCallback(\n    (key: Key) => {\n      const selectedOption = flattenedOptions?.find((op) => op.value === key);\n      if (valueType === \"text\") {\n        if (selectedOption) {\n          onChange?.(optionText(selectedOption));\n        }\n      } else {\n        onChange?.(key);\n      }\n      if (selectedOption) {\n        onFilterValueChange?.(optionText(selectedOption));\n      }\n    },\n    [onChange, onFilterValueChange, flattenedOptions, optionText]\n  );\n\n  const onInputValueChange = React.useCallback(\n    (newValue: string) => {\n      onFilterValueChange?.(newValue);\n      setShowAllOptions(false);\n      if (valueType === \"text\") {\n        if (allowsCustomValue) {\n          onChange?.(newValue);\n        } else {\n          const matchingOption = flattenedOptions?.find(\n            (op) => optionText(op) === newValue\n          );\n          if (matchingOption) {\n            onChange?.(optionText(matchingOption));\n          }\n        }\n      }\n    },\n    [\n      onFilterValueChange,\n      onChange,\n      flattenedOptions,\n      optionText,\n      valueType,\n      allowsCustomValue,\n    ]\n  );\n\n  const onBlur = React.useCallback(() => {\n    // If we don't allow custom value, then on blur, reset the filter value\n    // to the selected option\n    if (!allowsCustomValue) {\n      const selectedOption = flattenedOptions?.find((op) =>\n        valueType === \"text\" ? optionText(op) === value : op.value === value\n      );\n      if (selectedOption) {\n        const selectedOptionText = optionText(selectedOption);\n        if (selectedOptionText !== filterValue) {\n          onFilterValueChange?.(selectedOptionText);\n        }\n      }\n    }\n  }, [\n    allowsCustomValue,\n    valueType,\n    flattenedOptions,\n    value,\n    optionText,\n    onFilterValueChange,\n  ]);\n\n  return (\n    <ComboBox\n      selectedKey={value}\n      onSelectionChange={onSelectionChange}\n      isDisabled={isDisabled}\n      className={className}\n      style={style}\n      items={showAllOptions ? options : filteredOptions}\n      menuTrigger={menuTrigger}\n      inputValue={filterValue}\n      onInputChange={onInputValueChange}\n      allowsCustomValue={allowsCustomValue}\n      disabledKeys={disabledKeys}\n      onOpenChange={(isOpen, trigger) => {\n        if (isOpen && trigger === \"manual\") {\n          setShowAllOptions(true);\n        } else {\n          setShowAllOptions(false);\n        }\n        onOpenChange?.(isOpen);\n      }}\n      onBlur={onBlur}\n      formValue={valueType === \"text\" ? \"text\" : \"key\"}\n      name={name}\n      {...extractPlasmicDataProps(props)}\n    >\n      <PlasmicListBoxContext.Provider\n        value={{\n          makeItemProps: (item) => ({\n            key: item.value,\n            textValue: optionText(item),\n            children: optionText(item),\n          }),\n          makeSectionProps: (section) => ({\n            section,\n            key: section.key,\n          }),\n          getItemType: (option) =>\n            option.type === \"section\" ? \"section\" : \"item\",\n        }}\n      >\n        <PlasmicInputContext.Provider value={{ placeholder }}>\n          {structure}\n        </PlasmicInputContext.Provider>\n      </PlasmicListBoxContext.Provider>\n      <BaseComboBoxEffects previewOpen={previewOpen} />\n    </ComboBox>\n  );\n}\n\nfunction BaseComboBoxEffects(\n  props: Pick<BaseComboBoxProps<any>, \"previewOpen\">\n) {\n  const { previewOpen } = props;\n  const comboBoxState = React.useContext(ComboBoxStateContext);\n\n  const prevPreviewOpenRef = React.useRef(previewOpen);\n  React.useEffect(() => {\n    // comboBoxState can be undefined if we are in `<Hidden/>`\n    if (comboBoxState) {\n      // There's no \"isOpen\" controlled state for ComboBox, so we use\n      // sync comboBoxState with previewOpen prop instead\n      if (previewOpen) {\n        comboBoxState.open(undefined, \"manual\");\n      } else if (prevPreviewOpenRef.current) {\n        // Was previously previewOpen, now preview close\n        comboBoxState.close();\n      }\n    }\n    prevPreviewOpenRef.current = previewOpen;\n  }, [previewOpen, comboBoxState, prevPreviewOpenRef]);\n\n  return null;\n}\n\nexport function registerComboBox(loader?: Registerable) {\n  const rootName = makeComponentName(\"combobox\");\n\n  registerComponentHelper(loader, BaseComboBox, {\n    name: rootName,\n    displayName: \"BaseComboBox\",\n    importPath: \"@plasmicpkgs/react-aria/registerComboBox\",\n    importName: \"BaseComboBox\",\n    props: {\n      options: makeOptionsPropType(),\n      value: makeValuePropType(),\n      onChange: {\n        type: \"eventHandler\",\n        argTypes: [{ name: \"value\", type: \"string\" }],\n      },\n      filterValue: {\n        type: \"string\",\n      },\n      onFilterValueChange: {\n        type: \"eventHandler\",\n        argTypes: [{ name: \"value\", type: \"string\" }],\n      },\n      isDisabled: {\n        type: \"boolean\",\n      },\n      valueType: {\n        displayName: \"`value` Type\",\n        type: \"choice\",\n        options: [\n          { value: \"value\", label: \"By option value\" },\n          { value: \"text\", label: \"By option text\" },\n        ],\n        defaultValueHint: \"value\",\n        description:\n          \"This controls whether `value` and `onChange` are option values or option text.  Choosing `text` allows you to optionally allow a custom value that's not in the provided list of options.\",\n        advanced: true,\n      },\n      allowsCustomValue: {\n        type: \"boolean\",\n        displayName: \"Allows custom value?\",\n        description: \"Allows entering a value that is not one of the options\",\n        hidden: (ps) => ps.valueType !== \"text\",\n        advanced: true,\n      },\n      onOpenChange: {\n        type: \"eventHandler\",\n        argTypes: [{ name: \"isOpen\", type: \"boolean\" }],\n      },\n      structure: {\n        type: \"slot\",\n      },\n      previewOpen: {\n        type: \"boolean\",\n        displayName: \"Preview opened?\",\n        description: \"Preview opened state while designing in Plasmic editor\",\n        editOnly: true,\n      },\n    },\n    states: {\n      value: {\n        type: \"writable\",\n        valueProp: \"value\",\n        onChangeProp: \"onChange\",\n        variableType: \"text\",\n      },\n      filterValue: {\n        type: \"writable\",\n        valueProp: \"filterValue\",\n        onChangeProp: \"onFilterValueChange\",\n        variableType: \"text\",\n      },\n      isOpen: {\n        type: \"readonly\",\n        onChangeProp: \"onOpenChange\",\n        variableType: \"boolean\",\n      },\n    },\n  });\n}\n"],"names":["useStrictOptions","useFilter","React","options","withoutNils","flattenOptions","ComboBox","extractPlasmicDataProps","PlasmicListBoxContext","PlasmicInputContext","ComboBoxStateContext","makeComponentName","registerComponentHelper","makeOptionsPropType","makeValuePropType"],"mappings":"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"}
+{"version":3,"file":"registerComboBox.cjs.js","sources":["../src/registerComboBox.tsx"],"sourcesContent":["import { useFilter } from \"@react-aria/i18n\";\nimport React from \"react\";\nimport { ComboBox, ComboBoxStateContext, Key } from \"react-aria-components\";\nimport { PlasmicInputContext, PlasmicListBoxContext } from \"./contexts\";\nimport {\n  flattenOptions,\n  HasOptions,\n  makeOptionsPropType,\n  makeValuePropType,\n  StrictItemType,\n  StrictOptionType,\n  useStrictOptions,\n} from \"./option-utils\";\nimport {\n  extractPlasmicDataProps,\n  makeComponentName,\n  Registerable,\n  registerComponentHelper,\n  Styleable,\n  withoutNils,\n} from \"./utils\";\n\nexport interface BaseComboBoxProps<T extends object>\n  extends HasOptions<T>,\n    Styleable {\n  placeholder?: string;\n  isDisabled?: boolean;\n  menuTrigger?: React.ComponentProps<typeof ComboBox>[\"menuTrigger\"];\n\n  valueType?: \"value\" | \"text\";\n  allowsCustomValue?: boolean;\n\n  value?: Key;\n  onChange?: (value: Key) => void;\n\n  filterValue?: string;\n  onFilterValueChange?: (value: string) => void;\n\n  previewOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n\n  structure?: React.ReactNode;\n\n  name?: string;\n}\n\nexport function BaseComboBox<T extends object>(props: BaseComboBoxProps<T>) {\n  const {\n    value,\n    onChange,\n    menuTrigger,\n    filterValue,\n    onFilterValueChange,\n    valueType,\n    allowsCustomValue,\n    placeholder,\n    previewOpen,\n    onOpenChange,\n    isDisabled,\n    className,\n    style,\n    structure,\n    name,\n  } = props;\n\n  const { options, optionText } = useStrictOptions(props);\n  const { contains } = useFilter({ sensitivity: \"base\" });\n  const [showAllOptions, setShowAllOptions] = React.useState(false);\n\n  const filteredOptions = React.useMemo(() => {\n    if (!filterValue || filterValue.trim().length === 0) {\n      return options;\n    }\n    if (!options) {\n      return options;\n    }\n    const filterOptions = (\n      opts: StrictOptionType[]\n    ): StrictOptionType[] | undefined => {\n      return withoutNils(\n        opts.map((op) => {\n          if (op.type === \"section\") {\n            return {\n              ...op,\n              items: op.items\n                ? (filterOptions(op.items) as StrictItemType[])\n                : undefined,\n            };\n          } else {\n            if (contains(optionText(op), filterValue)) {\n              return op;\n            } else {\n              return undefined;\n            }\n          }\n        })\n      );\n    };\n    return filterOptions(options);\n  }, [options, filterValue, contains]);\n\n  const flattenedOptions = React.useMemo(\n    () => flattenOptions(options),\n    [options]\n  );\n\n  const disabledKeys = flattenedOptions\n    .filter((op) => op.isDisabled)\n    .map((op) => op.value);\n\n  const onSelectionChange = React.useCallback(\n    (key: Key) => {\n      const selectedOption = flattenedOptions?.find((op) => op.value === key);\n      if (valueType === \"text\") {\n        if (selectedOption) {\n          onChange?.(optionText(selectedOption));\n        }\n      } else {\n        onChange?.(key);\n      }\n      if (selectedOption) {\n        onFilterValueChange?.(optionText(selectedOption));\n      }\n    },\n    [onChange, onFilterValueChange, flattenedOptions, optionText]\n  );\n\n  const onInputValueChange = React.useCallback(\n    (newValue: string) => {\n      onFilterValueChange?.(newValue);\n      setShowAllOptions(false);\n      if (valueType === \"text\") {\n        if (allowsCustomValue) {\n          onChange?.(newValue);\n        } else {\n          const matchingOption = flattenedOptions?.find(\n            (op) => optionText(op) === newValue\n          );\n          if (matchingOption) {\n            onChange?.(optionText(matchingOption));\n          }\n        }\n      }\n    },\n    [\n      onFilterValueChange,\n      onChange,\n      flattenedOptions,\n      optionText,\n      valueType,\n      allowsCustomValue,\n    ]\n  );\n\n  const onBlur = React.useCallback(() => {\n    // If we don't allow custom value, then on blur, reset the filter value\n    // to the selected option\n    if (!allowsCustomValue) {\n      const selectedOption = flattenedOptions?.find((op) =>\n        valueType === \"text\" ? optionText(op) === value : op.value === value\n      );\n      if (selectedOption) {\n        const selectedOptionText = optionText(selectedOption);\n        if (selectedOptionText !== filterValue) {\n          onFilterValueChange?.(selectedOptionText);\n        }\n      }\n    }\n  }, [\n    allowsCustomValue,\n    valueType,\n    flattenedOptions,\n    value,\n    optionText,\n    onFilterValueChange,\n  ]);\n\n  return (\n    <ComboBox\n      selectedKey={value}\n      onSelectionChange={onSelectionChange}\n      isDisabled={isDisabled}\n      className={className}\n      style={style}\n      items={showAllOptions ? options : filteredOptions}\n      menuTrigger={menuTrigger}\n      inputValue={filterValue}\n      onInputChange={onInputValueChange}\n      allowsCustomValue={allowsCustomValue}\n      disabledKeys={disabledKeys}\n      onOpenChange={(isOpen, trigger) => {\n        if (isOpen && trigger === \"manual\") {\n          setShowAllOptions(true);\n        } else {\n          setShowAllOptions(false);\n        }\n        onOpenChange?.(isOpen);\n      }}\n      onBlur={onBlur}\n      formValue={valueType === \"text\" ? \"text\" : \"key\"}\n      name={name}\n      {...extractPlasmicDataProps(props)}\n    >\n      <PlasmicListBoxContext.Provider\n        value={{\n          makeItemProps: (item) => ({\n            key: item.value,\n            textValue: optionText(item),\n            children: optionText(item),\n          }),\n          makeSectionProps: (section) => ({\n            section,\n            key: section.key,\n          }),\n          getItemType: (option) =>\n            option.type === \"section\" ? \"section\" : \"item\",\n        }}\n      >\n        <PlasmicInputContext.Provider value={{ placeholder }}>\n          {structure}\n        </PlasmicInputContext.Provider>\n      </PlasmicListBoxContext.Provider>\n      <BaseComboBoxEffects previewOpen={previewOpen} />\n    </ComboBox>\n  );\n}\n\nfunction BaseComboBoxEffects(\n  props: Pick<BaseComboBoxProps<any>, \"previewOpen\">\n) {\n  const { previewOpen } = props;\n  const comboBoxState = React.useContext(ComboBoxStateContext);\n\n  const prevPreviewOpenRef = React.useRef(previewOpen);\n  React.useEffect(() => {\n    // comboBoxState can be undefined if we are in `<Hidden/>`\n    if (comboBoxState) {\n      // There's no \"isOpen\" controlled state for ComboBox, so we use\n      // sync comboBoxState with previewOpen prop instead\n      if (previewOpen) {\n        comboBoxState.open(undefined, \"manual\");\n      } else if (prevPreviewOpenRef.current) {\n        // Was previously previewOpen, now preview close\n        comboBoxState.close();\n      }\n    }\n    prevPreviewOpenRef.current = previewOpen;\n  }, [previewOpen, comboBoxState, prevPreviewOpenRef]);\n\n  return null;\n}\n\nexport function registerComboBox(loader?: Registerable) {\n  const rootName = makeComponentName(\"combobox\");\n\n  registerComponentHelper(loader, BaseComboBox, {\n    name: rootName,\n    displayName: \"Aria ComboBox\",\n    importPath: \"@plasmicpkgs/react-aria/skinny/registerComboBox\",\n    importName: \"BaseComboBox\",\n    props: {\n      options: makeOptionsPropType(),\n      value: makeValuePropType(),\n      onChange: {\n        type: \"eventHandler\",\n        argTypes: [{ name: \"value\", type: \"string\" }],\n      },\n      filterValue: {\n        type: \"string\",\n      },\n      onFilterValueChange: {\n        type: \"eventHandler\",\n        argTypes: [{ name: \"value\", type: \"string\" }],\n      },\n      isDisabled: {\n        type: \"boolean\",\n      },\n      valueType: {\n        displayName: \"`value` Type\",\n        type: \"choice\",\n        options: [\n          { value: \"value\", label: \"By option value\" },\n          { value: \"text\", label: \"By option text\" },\n        ],\n        defaultValueHint: \"value\",\n        description:\n          \"This controls whether `value` and `onChange` are option values or option text.  Choosing `text` allows you to optionally allow a custom value that's not in the provided list of options.\",\n        advanced: true,\n      },\n      allowsCustomValue: {\n        type: \"boolean\",\n        displayName: \"Allows custom value?\",\n        description: \"Allows entering a value that is not one of the options\",\n        hidden: (ps) => ps.valueType !== \"text\",\n        advanced: true,\n      },\n      onOpenChange: {\n        type: \"eventHandler\",\n        argTypes: [{ name: \"isOpen\", type: \"boolean\" }],\n      },\n      structure: {\n        type: \"slot\",\n      },\n      previewOpen: {\n        type: \"boolean\",\n        displayName: \"Preview opened?\",\n        description: \"Preview opened state while designing in Plasmic editor\",\n        editOnly: true,\n      },\n    },\n    states: {\n      value: {\n        type: \"writable\",\n        valueProp: \"value\",\n        onChangeProp: \"onChange\",\n        variableType: \"text\",\n      },\n      filterValue: {\n        type: \"writable\",\n        valueProp: \"filterValue\",\n        onChangeProp: \"onFilterValueChange\",\n        variableType: \"text\",\n      },\n      isOpen: {\n        type: \"readonly\",\n        onChangeProp: \"onOpenChange\",\n        variableType: \"boolean\",\n      },\n    },\n  });\n}\n"],"names":["useStrictOptions","useFilter","React","withoutNils","flattenOptions","ComboBox","extractPlasmicDataProps","PlasmicListBoxContext","PlasmicInputContext","ComboBoxStateContext","makeComponentName","registerComponentHelper","makeOptionsPropType","makeValuePropType"],"mappings":"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"}

package/skinny/registerComboBox.esm.js

@@ -53,9 +53,9 @@ function BaseComboBox(props) {
     if (!options) {
       return options;
     }
-    const filterOptions = (options2) => {
+    const filterOptions = (opts) => {
       return withoutNils(
-        options2.map((op) => {
+        opts.map((op) => {
           if (op.type === "section") {
             return __spreadProps(__spreadValues({}, op), {
               items: op.items ? filterOptions(op.items) : void 0
@@ -206,8 +206,8 @@ function registerComboBox(loader) {
   const rootName = makeComponentName("combobox");
   registerComponentHelper(loader, BaseComboBox, {
     name: rootName,
-    displayName: "BaseComboBox",
-    importPath: "@plasmicpkgs/react-aria/registerComboBox",
+    displayName: "Aria ComboBox",
+    importPath: "@plasmicpkgs/react-aria/skinny/registerComboBox",
     importName: "BaseComboBox",
     props: {
       options: makeOptionsPropType(),

package/skinny/registerComboBox.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"registerComboBox.esm.js","sources":["../src/registerComboBox.tsx"],"sourcesContent":["import { useFilter } from \"@react-aria/i18n\";\nimport React from \"react\";\nimport { ComboBox, ComboBoxStateContext, Key } from \"react-aria-components\";\nimport { PlasmicInputContext, PlasmicListBoxContext } from \"./contexts\";\nimport {\n  flattenOptions,\n  HasOptions,\n  makeOptionsPropType,\n  makeValuePropType,\n  StrictItemType,\n  StrictOptionType,\n  useStrictOptions,\n} from \"./option-utils\";\nimport {\n  extractPlasmicDataProps,\n  makeComponentName,\n  Registerable,\n  registerComponentHelper,\n  Styleable,\n  withoutNils,\n} from \"./utils\";\n\nexport interface BaseComboBoxProps<T extends object>\n  extends HasOptions<T>,\n    Styleable {\n  placeholder?: string;\n  isDisabled?: boolean;\n  menuTrigger?: React.ComponentProps<typeof ComboBox>[\"menuTrigger\"];\n\n  valueType?: \"value\" | \"text\";\n  allowsCustomValue?: boolean;\n\n  value?: Key;\n  onChange?: (value: Key) => void;\n\n  filterValue?: string;\n  onFilterValueChange?: (value: string) => void;\n\n  previewOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n\n  structure?: React.ReactNode;\n\n  name?: string;\n}\n\nexport function BaseComboBox<T extends object>(props: BaseComboBoxProps<T>) {\n  const {\n    value,\n    onChange,\n    menuTrigger,\n    filterValue,\n    onFilterValueChange,\n    valueType,\n    allowsCustomValue,\n    placeholder,\n    previewOpen,\n    onOpenChange,\n    isDisabled,\n    className,\n    style,\n    structure,\n    name,\n  } = props;\n\n  const { options, optionText } = useStrictOptions(props);\n  const { contains } = useFilter({ sensitivity: \"base\" });\n  const [showAllOptions, setShowAllOptions] = React.useState(false);\n\n  const filteredOptions = React.useMemo(() => {\n    if (!filterValue || filterValue.trim().length === 0) {\n      return options;\n    }\n    if (!options) {\n      return options;\n    }\n    const filterOptions = (\n      options: StrictOptionType[]\n    ): StrictOptionType[] | undefined => {\n      return withoutNils(\n        options.map((op) => {\n          if (op.type === \"section\") {\n            return {\n              ...op,\n              items: op.items\n                ? (filterOptions(op.items) as StrictItemType[])\n                : undefined,\n            };\n          } else {\n            if (contains(optionText(op), filterValue)) {\n              return op;\n            } else {\n              return undefined;\n            }\n          }\n        })\n      );\n    };\n    return filterOptions(options);\n  }, [options, filterValue, contains]);\n\n  const flattenedOptions = React.useMemo(\n    () => flattenOptions(options),\n    [options]\n  );\n\n  const disabledKeys = flattenedOptions\n    .filter((op) => op.isDisabled)\n    .map((op) => op.value);\n\n  const onSelectionChange = React.useCallback(\n    (key: Key) => {\n      const selectedOption = flattenedOptions?.find((op) => op.value === key);\n      if (valueType === \"text\") {\n        if (selectedOption) {\n          onChange?.(optionText(selectedOption));\n        }\n      } else {\n        onChange?.(key);\n      }\n      if (selectedOption) {\n        onFilterValueChange?.(optionText(selectedOption));\n      }\n    },\n    [onChange, onFilterValueChange, flattenedOptions, optionText]\n  );\n\n  const onInputValueChange = React.useCallback(\n    (newValue: string) => {\n      onFilterValueChange?.(newValue);\n      setShowAllOptions(false);\n      if (valueType === \"text\") {\n        if (allowsCustomValue) {\n          onChange?.(newValue);\n        } else {\n          const matchingOption = flattenedOptions?.find(\n            (op) => optionText(op) === newValue\n          );\n          if (matchingOption) {\n            onChange?.(optionText(matchingOption));\n          }\n        }\n      }\n    },\n    [\n      onFilterValueChange,\n      onChange,\n      flattenedOptions,\n      optionText,\n      valueType,\n      allowsCustomValue,\n    ]\n  );\n\n  const onBlur = React.useCallback(() => {\n    // If we don't allow custom value, then on blur, reset the filter value\n    // to the selected option\n    if (!allowsCustomValue) {\n      const selectedOption = flattenedOptions?.find((op) =>\n        valueType === \"text\" ? optionText(op) === value : op.value === value\n      );\n      if (selectedOption) {\n        const selectedOptionText = optionText(selectedOption);\n        if (selectedOptionText !== filterValue) {\n          onFilterValueChange?.(selectedOptionText);\n        }\n      }\n    }\n  }, [\n    allowsCustomValue,\n    valueType,\n    flattenedOptions,\n    value,\n    optionText,\n    onFilterValueChange,\n  ]);\n\n  return (\n    <ComboBox\n      selectedKey={value}\n      onSelectionChange={onSelectionChange}\n      isDisabled={isDisabled}\n      className={className}\n      style={style}\n      items={showAllOptions ? options : filteredOptions}\n      menuTrigger={menuTrigger}\n      inputValue={filterValue}\n      onInputChange={onInputValueChange}\n      allowsCustomValue={allowsCustomValue}\n      disabledKeys={disabledKeys}\n      onOpenChange={(isOpen, trigger) => {\n        if (isOpen && trigger === \"manual\") {\n          setShowAllOptions(true);\n        } else {\n          setShowAllOptions(false);\n        }\n        onOpenChange?.(isOpen);\n      }}\n      onBlur={onBlur}\n      formValue={valueType === \"text\" ? \"text\" : \"key\"}\n      name={name}\n      {...extractPlasmicDataProps(props)}\n    >\n      <PlasmicListBoxContext.Provider\n        value={{\n          makeItemProps: (item) => ({\n            key: item.value,\n            textValue: optionText(item),\n            children: optionText(item),\n          }),\n          makeSectionProps: (section) => ({\n            section,\n            key: section.key,\n          }),\n          getItemType: (option) =>\n            option.type === \"section\" ? \"section\" : \"item\",\n        }}\n      >\n        <PlasmicInputContext.Provider value={{ placeholder }}>\n          {structure}\n        </PlasmicInputContext.Provider>\n      </PlasmicListBoxContext.Provider>\n      <BaseComboBoxEffects previewOpen={previewOpen} />\n    </ComboBox>\n  );\n}\n\nfunction BaseComboBoxEffects(\n  props: Pick<BaseComboBoxProps<any>, \"previewOpen\">\n) {\n  const { previewOpen } = props;\n  const comboBoxState = React.useContext(ComboBoxStateContext);\n\n  const prevPreviewOpenRef = React.useRef(previewOpen);\n  React.useEffect(() => {\n    // comboBoxState can be undefined if we are in `<Hidden/>`\n    if (comboBoxState) {\n      // There's no \"isOpen\" controlled state for ComboBox, so we use\n      // sync comboBoxState with previewOpen prop instead\n      if (previewOpen) {\n        comboBoxState.open(undefined, \"manual\");\n      } else if (prevPreviewOpenRef.current) {\n        // Was previously previewOpen, now preview close\n        comboBoxState.close();\n      }\n    }\n    prevPreviewOpenRef.current = previewOpen;\n  }, [previewOpen, comboBoxState, prevPreviewOpenRef]);\n\n  return null;\n}\n\nexport function registerComboBox(loader?: Registerable) {\n  const rootName = makeComponentName(\"combobox\");\n\n  registerComponentHelper(loader, BaseComboBox, {\n    name: rootName,\n    displayName: \"BaseComboBox\",\n    importPath: \"@plasmicpkgs/react-aria/registerComboBox\",\n    importName: \"BaseComboBox\",\n    props: {\n      options: makeOptionsPropType(),\n      value: makeValuePropType(),\n      onChange: {\n        type: \"eventHandler\",\n        argTypes: [{ name: \"value\", type: \"string\" }],\n      },\n      filterValue: {\n        type: \"string\",\n      },\n      onFilterValueChange: {\n        type: \"eventHandler\",\n        argTypes: [{ name: \"value\", type: \"string\" }],\n      },\n      isDisabled: {\n        type: \"boolean\",\n      },\n      valueType: {\n        displayName: \"`value` Type\",\n        type: \"choice\",\n        options: [\n          { value: \"value\", label: \"By option value\" },\n          { value: \"text\", label: \"By option text\" },\n        ],\n        defaultValueHint: \"value\",\n        description:\n          \"This controls whether `value` and `onChange` are option values or option text.  Choosing `text` allows you to optionally allow a custom value that's not in the provided list of options.\",\n        advanced: true,\n      },\n      allowsCustomValue: {\n        type: \"boolean\",\n        displayName: \"Allows custom value?\",\n        description: \"Allows entering a value that is not one of the options\",\n        hidden: (ps) => ps.valueType !== \"text\",\n        advanced: true,\n      },\n      onOpenChange: {\n        type: \"eventHandler\",\n        argTypes: [{ name: \"isOpen\", type: \"boolean\" }],\n      },\n      structure: {\n        type: \"slot\",\n      },\n      previewOpen: {\n        type: \"boolean\",\n        displayName: \"Preview opened?\",\n        description: \"Preview opened state while designing in Plasmic editor\",\n        editOnly: true,\n      },\n    },\n    states: {\n      value: {\n        type: \"writable\",\n        valueProp: \"value\",\n        onChangeProp: \"onChange\",\n        variableType: \"text\",\n      },\n      filterValue: {\n        type: \"writable\",\n        valueProp: \"filterValue\",\n        onChangeProp: \"onFilterValueChange\",\n        variableType: \"text\",\n      },\n      isOpen: {\n        type: \"readonly\",\n        onChangeProp: \"onOpenChange\",\n        variableType: \"boolean\",\n      },\n    },\n  });\n}\n"],"names":["options"],"mappings":"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"}
+{"version":3,"file":"registerComboBox.esm.js","sources":["../src/registerComboBox.tsx"],"sourcesContent":["import { useFilter } from \"@react-aria/i18n\";\nimport React from \"react\";\nimport { ComboBox, ComboBoxStateContext, Key } from \"react-aria-components\";\nimport { PlasmicInputContext, PlasmicListBoxContext } from \"./contexts\";\nimport {\n  flattenOptions,\n  HasOptions,\n  makeOptionsPropType,\n  makeValuePropType,\n  StrictItemType,\n  StrictOptionType,\n  useStrictOptions,\n} from \"./option-utils\";\nimport {\n  extractPlasmicDataProps,\n  makeComponentName,\n  Registerable,\n  registerComponentHelper,\n  Styleable,\n  withoutNils,\n} from \"./utils\";\n\nexport interface BaseComboBoxProps<T extends object>\n  extends HasOptions<T>,\n    Styleable {\n  placeholder?: string;\n  isDisabled?: boolean;\n  menuTrigger?: React.ComponentProps<typeof ComboBox>[\"menuTrigger\"];\n\n  valueType?: \"value\" | \"text\";\n  allowsCustomValue?: boolean;\n\n  value?: Key;\n  onChange?: (value: Key) => void;\n\n  filterValue?: string;\n  onFilterValueChange?: (value: string) => void;\n\n  previewOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n\n  structure?: React.ReactNode;\n\n  name?: string;\n}\n\nexport function BaseComboBox<T extends object>(props: BaseComboBoxProps<T>) {\n  const {\n    value,\n    onChange,\n    menuTrigger,\n    filterValue,\n    onFilterValueChange,\n    valueType,\n    allowsCustomValue,\n    placeholder,\n    previewOpen,\n    onOpenChange,\n    isDisabled,\n    className,\n    style,\n    structure,\n    name,\n  } = props;\n\n  const { options, optionText } = useStrictOptions(props);\n  const { contains } = useFilter({ sensitivity: \"base\" });\n  const [showAllOptions, setShowAllOptions] = React.useState(false);\n\n  const filteredOptions = React.useMemo(() => {\n    if (!filterValue || filterValue.trim().length === 0) {\n      return options;\n    }\n    if (!options) {\n      return options;\n    }\n    const filterOptions = (\n      opts: StrictOptionType[]\n    ): StrictOptionType[] | undefined => {\n      return withoutNils(\n        opts.map((op) => {\n          if (op.type === \"section\") {\n            return {\n              ...op,\n              items: op.items\n                ? (filterOptions(op.items) as StrictItemType[])\n                : undefined,\n            };\n          } else {\n            if (contains(optionText(op), filterValue)) {\n              return op;\n            } else {\n              return undefined;\n            }\n          }\n        })\n      );\n    };\n    return filterOptions(options);\n  }, [options, filterValue, contains]);\n\n  const flattenedOptions = React.useMemo(\n    () => flattenOptions(options),\n    [options]\n  );\n\n  const disabledKeys = flattenedOptions\n    .filter((op) => op.isDisabled)\n    .map((op) => op.value);\n\n  const onSelectionChange = React.useCallback(\n    (key: Key) => {\n      const selectedOption = flattenedOptions?.find((op) => op.value === key);\n      if (valueType === \"text\") {\n        if (selectedOption) {\n          onChange?.(optionText(selectedOption));\n        }\n      } else {\n        onChange?.(key);\n      }\n      if (selectedOption) {\n        onFilterValueChange?.(optionText(selectedOption));\n      }\n    },\n    [onChange, onFilterValueChange, flattenedOptions, optionText]\n  );\n\n  const onInputValueChange = React.useCallback(\n    (newValue: string) => {\n      onFilterValueChange?.(newValue);\n      setShowAllOptions(false);\n      if (valueType === \"text\") {\n        if (allowsCustomValue) {\n          onChange?.(newValue);\n        } else {\n          const matchingOption = flattenedOptions?.find(\n            (op) => optionText(op) === newValue\n          );\n          if (matchingOption) {\n            onChange?.(optionText(matchingOption));\n          }\n        }\n      }\n    },\n    [\n      onFilterValueChange,\n      onChange,\n      flattenedOptions,\n      optionText,\n      valueType,\n      allowsCustomValue,\n    ]\n  );\n\n  const onBlur = React.useCallback(() => {\n    // If we don't allow custom value, then on blur, reset the filter value\n    // to the selected option\n    if (!allowsCustomValue) {\n      const selectedOption = flattenedOptions?.find((op) =>\n        valueType === \"text\" ? optionText(op) === value : op.value === value\n      );\n      if (selectedOption) {\n        const selectedOptionText = optionText(selectedOption);\n        if (selectedOptionText !== filterValue) {\n          onFilterValueChange?.(selectedOptionText);\n        }\n      }\n    }\n  }, [\n    allowsCustomValue,\n    valueType,\n    flattenedOptions,\n    value,\n    optionText,\n    onFilterValueChange,\n  ]);\n\n  return (\n    <ComboBox\n      selectedKey={value}\n      onSelectionChange={onSelectionChange}\n      isDisabled={isDisabled}\n      className={className}\n      style={style}\n      items={showAllOptions ? options : filteredOptions}\n      menuTrigger={menuTrigger}\n      inputValue={filterValue}\n      onInputChange={onInputValueChange}\n      allowsCustomValue={allowsCustomValue}\n      disabledKeys={disabledKeys}\n      onOpenChange={(isOpen, trigger) => {\n        if (isOpen && trigger === \"manual\") {\n          setShowAllOptions(true);\n        } else {\n          setShowAllOptions(false);\n        }\n        onOpenChange?.(isOpen);\n      }}\n      onBlur={onBlur}\n      formValue={valueType === \"text\" ? \"text\" : \"key\"}\n      name={name}\n      {...extractPlasmicDataProps(props)}\n    >\n      <PlasmicListBoxContext.Provider\n        value={{\n          makeItemProps: (item) => ({\n            key: item.value,\n            textValue: optionText(item),\n            children: optionText(item),\n          }),\n          makeSectionProps: (section) => ({\n            section,\n            key: section.key,\n          }),\n          getItemType: (option) =>\n            option.type === \"section\" ? \"section\" : \"item\",\n        }}\n      >\n        <PlasmicInputContext.Provider value={{ placeholder }}>\n          {structure}\n        </PlasmicInputContext.Provider>\n      </PlasmicListBoxContext.Provider>\n      <BaseComboBoxEffects previewOpen={previewOpen} />\n    </ComboBox>\n  );\n}\n\nfunction BaseComboBoxEffects(\n  props: Pick<BaseComboBoxProps<any>, \"previewOpen\">\n) {\n  const { previewOpen } = props;\n  const comboBoxState = React.useContext(ComboBoxStateContext);\n\n  const prevPreviewOpenRef = React.useRef(previewOpen);\n  React.useEffect(() => {\n    // comboBoxState can be undefined if we are in `<Hidden/>`\n    if (comboBoxState) {\n      // There's no \"isOpen\" controlled state for ComboBox, so we use\n      // sync comboBoxState with previewOpen prop instead\n      if (previewOpen) {\n        comboBoxState.open(undefined, \"manual\");\n      } else if (prevPreviewOpenRef.current) {\n        // Was previously previewOpen, now preview close\n        comboBoxState.close();\n      }\n    }\n    prevPreviewOpenRef.current = previewOpen;\n  }, [previewOpen, comboBoxState, prevPreviewOpenRef]);\n\n  return null;\n}\n\nexport function registerComboBox(loader?: Registerable) {\n  const rootName = makeComponentName(\"combobox\");\n\n  registerComponentHelper(loader, BaseComboBox, {\n    name: rootName,\n    displayName: \"Aria ComboBox\",\n    importPath: \"@plasmicpkgs/react-aria/skinny/registerComboBox\",\n    importName: \"BaseComboBox\",\n    props: {\n      options: makeOptionsPropType(),\n      value: makeValuePropType(),\n      onChange: {\n        type: \"eventHandler\",\n        argTypes: [{ name: \"value\", type: \"string\" }],\n      },\n      filterValue: {\n        type: \"string\",\n      },\n      onFilterValueChange: {\n        type: \"eventHandler\",\n        argTypes: [{ name: \"value\", type: \"string\" }],\n      },\n      isDisabled: {\n        type: \"boolean\",\n      },\n      valueType: {\n        displayName: \"`value` Type\",\n        type: \"choice\",\n        options: [\n          { value: \"value\", label: \"By option value\" },\n          { value: \"text\", label: \"By option text\" },\n        ],\n        defaultValueHint: \"value\",\n        description:\n          \"This controls whether `value` and `onChange` are option values or option text.  Choosing `text` allows you to optionally allow a custom value that's not in the provided list of options.\",\n        advanced: true,\n      },\n      allowsCustomValue: {\n        type: \"boolean\",\n        displayName: \"Allows custom value?\",\n        description: \"Allows entering a value that is not one of the options\",\n        hidden: (ps) => ps.valueType !== \"text\",\n        advanced: true,\n      },\n      onOpenChange: {\n        type: \"eventHandler\",\n        argTypes: [{ name: \"isOpen\", type: \"boolean\" }],\n      },\n      structure: {\n        type: \"slot\",\n      },\n      previewOpen: {\n        type: \"boolean\",\n        displayName: \"Preview opened?\",\n        description: \"Preview opened state while designing in Plasmic editor\",\n        editOnly: true,\n      },\n    },\n    states: {\n      value: {\n        type: \"writable\",\n        valueProp: \"value\",\n        onChangeProp: \"onChange\",\n        variableType: \"text\",\n      },\n      filterValue: {\n        type: \"writable\",\n        valueProp: \"filterValue\",\n        onChangeProp: \"onFilterValueChange\",\n        variableType: \"text\",\n      },\n      isOpen: {\n        type: \"readonly\",\n        onChangeProp: \"onOpenChange\",\n        variableType: \"boolean\",\n      },\n    },\n  });\n}\n"],"names":[],"mappings":"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"}

package/skinny/registerDescription.cjs.js

@@ -27,7 +27,7 @@ var __spreadValues = (a, b) => {
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 function registerDescription(loader, overrides) {
   registerText.registerText(loader, __spreadProps(__spreadValues({}, overrides), {
-    displayName: "BaseDescription",
+    displayName: "Aria Description",
     props: {
       slot: { type: "string", hidden: () => true, defaultValue: "description" }
     }

package/skinny/registerDescription.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"registerDescription.cjs.js","sources":["../src/registerDescription.tsx"],"sourcesContent":["import { BaseText, registerText } from \"./registerText\";\nimport { CodeComponentMetaOverrides, Registerable } from \"./utils\";\n\nexport function registerDescription(\n  loader?: Registerable,\n  overrides?: CodeComponentMetaOverrides<typeof BaseText>\n) {\n  registerText(loader, {\n    ...overrides,\n    displayName: \"BaseDescription\",\n    props: {\n      slot: { type: \"string\", hidden: () => true, defaultValue: \"description\" },\n    },\n  });\n}\n"],"names":["registerText"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAGgB,SAAA,mBAAA,CACd,QACA,SACA,EAAA;AACA,EAAaA,yBAAA,CAAA,MAAA,EAAQ,iCAChB,SADgB,CAAA,EAAA;AAAA,IAEnB,WAAa,EAAA,iBAAA;AAAA,IACb,KAAO,EAAA;AAAA,MACL,IAAA,EAAM,EAAE,IAAM,EAAA,QAAA,EAAU,QAAQ,MAAM,IAAA,EAAM,cAAc,aAAc,EAAA;AAAA,KAC1E;AAAA,GACD,CAAA,CAAA,CAAA;AACH;;;;"}
+{"version":3,"file":"registerDescription.cjs.js","sources":["../src/registerDescription.tsx"],"sourcesContent":["import { BaseText, registerText } from \"./registerText\";\nimport { CodeComponentMetaOverrides, Registerable } from \"./utils\";\n\nexport function registerDescription(\n  loader?: Registerable,\n  overrides?: CodeComponentMetaOverrides<typeof BaseText>\n) {\n  registerText(loader, {\n    ...overrides,\n    displayName: \"Aria Description\",\n    props: {\n      slot: { type: \"string\", hidden: () => true, defaultValue: \"description\" },\n    },\n  });\n}\n"],"names":["registerText"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAGgB,SAAA,mBAAA,CACd,QACA,SACA,EAAA;AACA,EAAaA,yBAAA,CAAA,MAAA,EAAQ,iCAChB,SADgB,CAAA,EAAA;AAAA,IAEnB,WAAa,EAAA,kBAAA;AAAA,IACb,KAAO,EAAA;AAAA,MACL,IAAA,EAAM,EAAE,IAAM,EAAA,QAAA,EAAU,QAAQ,MAAM,IAAA,EAAM,cAAc,aAAc,EAAA;AAAA,KAC1E;AAAA,GACD,CAAA,CAAA,CAAA;AACH;;;;"}

package/skinny/registerDescription.esm.js

@@ -25,7 +25,7 @@ var __spreadValues = (a, b) => {
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 function registerDescription(loader, overrides) {
   registerText(loader, __spreadProps(__spreadValues({}, overrides), {
-    displayName: "BaseDescription",
+    displayName: "Aria Description",
     props: {
       slot: { type: "string", hidden: () => true, defaultValue: "description" }
     }

package/skinny/registerDescription.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"registerDescription.esm.js","sources":["../src/registerDescription.tsx"],"sourcesContent":["import { BaseText, registerText } from \"./registerText\";\nimport { CodeComponentMetaOverrides, Registerable } from \"./utils\";\n\nexport function registerDescription(\n  loader?: Registerable,\n  overrides?: CodeComponentMetaOverrides<typeof BaseText>\n) {\n  registerText(loader, {\n    ...overrides,\n    displayName: \"BaseDescription\",\n    props: {\n      slot: { type: \"string\", hidden: () => true, defaultValue: \"description\" },\n    },\n  });\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAGgB,SAAA,mBAAA,CACd,QACA,SACA,EAAA;AACA,EAAa,YAAA,CAAA,MAAA,EAAQ,iCAChB,SADgB,CAAA,EAAA;AAAA,IAEnB,WAAa,EAAA,iBAAA;AAAA,IACb,KAAO,EAAA;AAAA,MACL,IAAA,EAAM,EAAE,IAAM,EAAA,QAAA,EAAU,QAAQ,MAAM,IAAA,EAAM,cAAc,aAAc,EAAA;AAAA,KAC1E;AAAA,GACD,CAAA,CAAA,CAAA;AACH;;;;"}
+{"version":3,"file":"registerDescription.esm.js","sources":["../src/registerDescription.tsx"],"sourcesContent":["import { BaseText, registerText } from \"./registerText\";\nimport { CodeComponentMetaOverrides, Registerable } from \"./utils\";\n\nexport function registerDescription(\n  loader?: Registerable,\n  overrides?: CodeComponentMetaOverrides<typeof BaseText>\n) {\n  registerText(loader, {\n    ...overrides,\n    displayName: \"Aria Description\",\n    props: {\n      slot: { type: \"string\", hidden: () => true, defaultValue: \"description\" },\n    },\n  });\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAGgB,SAAA,mBAAA,CACd,QACA,SACA,EAAA;AACA,EAAa,YAAA,CAAA,MAAA,EAAQ,iCAChB,SADgB,CAAA,EAAA;AAAA,IAEnB,WAAa,EAAA,kBAAA;AAAA,IACb,KAAO,EAAA;AAAA,MACL,IAAA,EAAM,EAAE,IAAM,EAAA,QAAA,EAAU,QAAQ,MAAM,IAAA,EAAM,cAAc,aAAc,EAAA;AAAA,KAC1E;AAAA,GACD,CAAA,CAAA,CAAA;AACH;;;;"}

package/skinny/registerFieldError.cjs.js

@@ -101,8 +101,8 @@ function registerFieldError(loader, overrides) {
     BaseFieldError,
     {
       name: utils.makeComponentName("fielderror"),
-      displayName: "BaseFieldError",
-      importPath: "@plasmicpkgs/react-aria/registerFieldError",
+      displayName: "Aria Field Error",
+      importPath: "@plasmicpkgs/react-aria/skinny/registerFieldError",
       importName: "BaseFieldError",
       actions: [
         {

package/skinny/registerFieldError.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"registerFieldError.cjs.js","sources":["../src/registerFieldError.tsx"],"sourcesContent":["import React from \"react\";\nimport type { FieldErrorProps } from \"react-aria-components\";\nimport { FieldError } from \"react-aria-components\";\nimport {\n  CodeComponentMetaOverrides,\n  makeComponentName,\n  Registerable,\n  registerComponentHelper,\n} from \"./utils\";\n\ninterface BaseFieldErrorProps extends FieldErrorProps {\n  useBuiltInValidation: boolean;\n  badInput?: string;\n  customError?: string;\n  patternMismatch?: string;\n  rangeOverflow?: string;\n  rangeUnderflow?: string;\n  stepMismatch?: string;\n  tooLong?: string;\n  tooShort?: string;\n  typeMismatch?: string;\n  valueMissing?: string;\n}\n\nexport function BaseFieldError({\n  badInput,\n  customError,\n  patternMismatch,\n  rangeOverflow,\n  rangeUnderflow,\n  stepMismatch,\n  tooLong,\n  tooShort,\n  typeMismatch,\n  valueMissing,\n  ...rest\n}: BaseFieldErrorProps) {\n  return (\n    <FieldError {...rest}>\n      {({ validationDetails, validationErrors }) => {\n        if (validationDetails.badInput && badInput) return badInput;\n        if (validationDetails.customError && customError) return customError;\n        if (validationDetails.patternMismatch && patternMismatch)\n          return patternMismatch;\n        if (validationDetails.rangeOverflow && rangeOverflow)\n          return rangeOverflow;\n        if (validationDetails.rangeUnderflow && rangeUnderflow)\n          return rangeUnderflow;\n        if (validationDetails.stepMismatch && stepMismatch) return stepMismatch;\n        if (validationDetails.tooLong && tooLong) return tooLong;\n        if (validationDetails.tooShort && tooShort) return tooShort;\n        if (validationDetails.typeMismatch && typeMismatch) return typeMismatch;\n        if (validationDetails.valueMissing && valueMissing) return valueMissing;\n        return validationErrors;\n      }}\n    </FieldError>\n  );\n}\n\nfunction PropsDescription() {\n  return (\n    <div style={{ marginBottom: 20 }}>\n      <p>\n        You can customize the error messages for built-in validations by\n        utilizing the props below.\n      </p>\n      <p>\n        For further information on the specific conditions triggering each\n        error, please refer to the{\" \"}\n        <a\n          target=\"_blank\"\n          href=\"https://developer.mozilla.org/en-US/docs/Web/API/ValidityState#instance_properties\"\n        >\n          MDN Docs\n        </a>\n        .\n      </p>\n    </div>\n  );\n}\n\nexport function registerFieldError(\n  loader?: Registerable,\n  overrides?: CodeComponentMetaOverrides<typeof BaseFieldError>\n) {\n  registerComponentHelper(\n    loader,\n    BaseFieldError,\n    {\n      name: makeComponentName(\"fielderror\"),\n      displayName: \"BaseFieldError\",\n      importPath: \"@plasmicpkgs/react-aria/registerFieldError\",\n      importName: \"BaseFieldError\",\n      actions: [\n        {\n          type: \"custom-action\",\n          control: PropsDescription,\n        },\n      ],\n      props: {\n        badInput: {\n          type: \"string\",\n          description:\n            \"Error message if the user has provided input that the browser is unable to convert\",\n        },\n        customError: {\n          type: \"string\",\n          description: \"Error message for custom validations\",\n        },\n        patternMismatch: {\n          type: \"string\",\n          description:\n            \"Error message if the value does not match the specified pattern\",\n        },\n        rangeOverflow: {\n          type: \"string\",\n          description:\n            \"Error message if the value is greater than the maximum specified\",\n        },\n        rangeUnderflow: {\n          type: \"string\",\n          description:\n            \"Error message if the value is less than the minimum specified\",\n        },\n        stepMismatch: {\n          type: \"string\",\n          description:\n            \"Error message if the value is not evenly divisible by the step value\",\n        },\n        tooLong: {\n          type: \"string\",\n          description:\n            \"Error message if the value exceeds the specified maximum number of characters\",\n        },\n        tooShort: {\n          type: \"string\",\n          description:\n            \"Error message  if the value fails to meet the specified minimum number of characters\",\n        },\n        typeMismatch: {\n          type: \"string\",\n          description:\n            \"Error message if the value is not in the required syntax (when type is email or url)\",\n        },\n        valueMissing: {\n          type: \"string\",\n          description: \"Error message if a required field has no value\",\n        },\n      },\n      trapsFocus: true,\n    },\n    overrides\n  );\n}\n"],"names":["FieldError","React","registerComponentHelper","makeComponentName"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwBO,SAAS,eAAe,EAYP,EAAA;AAZO,EAC7B,IAAA,EAAA,GAAA,EAAA,EAAA;AAAA,IAAA,QAAA;AAAA,IACA,WAAA;AAAA,IACA,eAAA;AAAA,IACA,aAAA;AAAA,IACA,cAAA;AAAA,IACA,YAAA;AAAA,IACA,OAAA;AAAA,IACA,QAAA;AAAA,IACA,YAAA;AAAA,IACA,YAAA;AAAA,GAlCF,GAwB+B,EAW1B,EAAA,IAAA,GAAA,SAAA,CAX0B,EAW1B,EAAA;AAAA,IAVH,UAAA;AAAA,IACA,aAAA;AAAA,IACA,iBAAA;AAAA,IACA,eAAA;AAAA,IACA,gBAAA;AAAA,IACA,cAAA;AAAA,IACA,SAAA;AAAA,IACA,UAAA;AAAA,IACA,cAAA;AAAA,IACA,cAAA;AAAA,GAAA,CAAA,CAAA;AAGA,EAAA,4DACGA,8BAAe,EAAA,cAAA,CAAA,EAAA,EAAA,IAAA,CAAA,EACb,CAAC,EAAE,iBAAA,EAAmB,kBAAuB,KAAA;AAC5C,IAAA,IAAI,kBAAkB,QAAY,IAAA,QAAA;AAAU,MAAO,OAAA,QAAA,CAAA;AACnD,IAAA,IAAI,kBAAkB,WAAe,IAAA,WAAA;AAAa,MAAO,OAAA,WAAA,CAAA;AACzD,IAAA,IAAI,kBAAkB,eAAmB,IAAA,eAAA;AACvC,MAAO,OAAA,eAAA,CAAA;AACT,IAAA,IAAI,kBAAkB,aAAiB,IAAA,aAAA;AACrC,MAAO,OAAA,aAAA,CAAA;AACT,IAAA,IAAI,kBAAkB,cAAkB,IAAA,cAAA;AACtC,MAAO,OAAA,cAAA,CAAA;AACT,IAAA,IAAI,kBAAkB,YAAgB,IAAA,YAAA;AAAc,MAAO,OAAA,YAAA,CAAA;AAC3D,IAAA,IAAI,kBAAkB,OAAW,IAAA,OAAA;AAAS,MAAO,OAAA,OAAA,CAAA;AACjD,IAAA,IAAI,kBAAkB,QAAY,IAAA,QAAA;AAAU,MAAO,OAAA,QAAA,CAAA;AACnD,IAAA,IAAI,kBAAkB,YAAgB,IAAA,YAAA;AAAc,MAAO,OAAA,YAAA,CAAA;AAC3D,IAAA,IAAI,kBAAkB,YAAgB,IAAA,YAAA;AAAc,MAAO,OAAA,YAAA,CAAA;AAC3D,IAAO,OAAA,gBAAA,CAAA;AAAA,GAEX,CAAA,CAAA;AAEJ,CAAA;AAEA,SAAS,gBAAmB,GAAA;AAC1B,EAAA,uBACGC,sBAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAI,KAAO,EAAA,EAAE,cAAc,EAAG,EAAA,EAAA,kBAC5BA,sBAAA,CAAA,aAAA,CAAA,GAAA,EAAA,IAAA,EAAE,6FAGH,CAAA,kBACCA,sBAAA,CAAA,aAAA,CAAA,GAAA,EAAA,IAAA,EAAE,iGAE0B,GAC3B,kBAAAA,sBAAA,CAAA,aAAA;AAAA,IAAC,GAAA;AAAA,IAAA;AAAA,MACC,MAAO,EAAA,QAAA;AAAA,MACP,IAAK,EAAA,oFAAA;AAAA,KAAA;AAAA,IACN,UAAA;AAAA,GAED,EAAI,GAEN,CACF,CAAA,CAAA;AAEJ,CAAA;AAEgB,SAAA,kBAAA,CACd,QACA,SACA,EAAA;AACA,EAAAC,6BAAA;AAAA,IACE,MAAA;AAAA,IACA,cAAA;AAAA,IACA;AAAA,MACE,IAAA,EAAMC,wBAAkB,YAAY,CAAA;AAAA,MACpC,WAAa,EAAA,gBAAA;AAAA,MACb,UAAY,EAAA,4CAAA;AAAA,MACZ,UAAY,EAAA,gBAAA;AAAA,MACZ,OAAS,EAAA;AAAA,QACP;AAAA,UACE,IAAM,EAAA,eAAA;AAAA,UACN,OAAS,EAAA,gBAAA;AAAA,SACX;AAAA,OACF;AAAA,MACA,KAAO,EAAA;AAAA,QACL,QAAU,EAAA;AAAA,UACR,IAAM,EAAA,QAAA;AAAA,UACN,WACE,EAAA,oFAAA;AAAA,SACJ;AAAA,QACA,WAAa,EAAA;AAAA,UACX,IAAM,EAAA,QAAA;AAAA,UACN,WAAa,EAAA,sCAAA;AAAA,SACf;AAAA,QACA,eAAiB,EAAA;AAAA,UACf,IAAM,EAAA,QAAA;AAAA,UACN,WACE,EAAA,iEAAA;AAAA,SACJ;AAAA,QACA,aAAe,EAAA;AAAA,UACb,IAAM,EAAA,QAAA;AAAA,UACN,WACE,EAAA,kEAAA;AAAA,SACJ;AAAA,QACA,cAAgB,EAAA;AAAA,UACd,IAAM,EAAA,QAAA;AAAA,UACN,WACE,EAAA,+DAAA;AAAA,SACJ;AAAA,QACA,YAAc,EAAA;AAAA,UACZ,IAAM,EAAA,QAAA;AAAA,UACN,WACE,EAAA,sEAAA;AAAA,SACJ;AAAA,QACA,OAAS,EAAA;AAAA,UACP,IAAM,EAAA,QAAA;AAAA,UACN,WACE,EAAA,+EAAA;AAAA,SACJ;AAAA,QACA,QAAU,EAAA;AAAA,UACR,IAAM,EAAA,QAAA;AAAA,UACN,WACE,EAAA,sFAAA;AAAA,SACJ;AAAA,QACA,YAAc,EAAA;AAAA,UACZ,IAAM,EAAA,QAAA;AAAA,UACN,WACE,EAAA,sFAAA;AAAA,SACJ;AAAA,QACA,YAAc,EAAA;AAAA,UACZ,IAAM,EAAA,QAAA;AAAA,UACN,WAAa,EAAA,gDAAA;AAAA,SACf;AAAA,OACF;AAAA,MACA,UAAY,EAAA,IAAA;AAAA,KACd;AAAA,IACA,SAAA;AAAA,GACF,CAAA;AACF;;;;;"}
+{"version":3,"file":"registerFieldError.cjs.js","sources":["../src/registerFieldError.tsx"],"sourcesContent":["import React from \"react\";\nimport type { FieldErrorProps } from \"react-aria-components\";\nimport { FieldError } from \"react-aria-components\";\nimport {\n  CodeComponentMetaOverrides,\n  makeComponentName,\n  Registerable,\n  registerComponentHelper,\n} from \"./utils\";\n\ninterface BaseFieldErrorProps extends FieldErrorProps {\n  useBuiltInValidation: boolean;\n  badInput?: string;\n  customError?: string;\n  patternMismatch?: string;\n  rangeOverflow?: string;\n  rangeUnderflow?: string;\n  stepMismatch?: string;\n  tooLong?: string;\n  tooShort?: string;\n  typeMismatch?: string;\n  valueMissing?: string;\n}\n\nexport function BaseFieldError({\n  badInput,\n  customError,\n  patternMismatch,\n  rangeOverflow,\n  rangeUnderflow,\n  stepMismatch,\n  tooLong,\n  tooShort,\n  typeMismatch,\n  valueMissing,\n  ...rest\n}: BaseFieldErrorProps) {\n  return (\n    <FieldError {...rest}>\n      {({ validationDetails, validationErrors }) => {\n        if (validationDetails.badInput && badInput) return badInput;\n        if (validationDetails.customError && customError) return customError;\n        if (validationDetails.patternMismatch && patternMismatch)\n          return patternMismatch;\n        if (validationDetails.rangeOverflow && rangeOverflow)\n          return rangeOverflow;\n        if (validationDetails.rangeUnderflow && rangeUnderflow)\n          return rangeUnderflow;\n        if (validationDetails.stepMismatch && stepMismatch) return stepMismatch;\n        if (validationDetails.tooLong && tooLong) return tooLong;\n        if (validationDetails.tooShort && tooShort) return tooShort;\n        if (validationDetails.typeMismatch && typeMismatch) return typeMismatch;\n        if (validationDetails.valueMissing && valueMissing) return valueMissing;\n        return validationErrors;\n      }}\n    </FieldError>\n  );\n}\n\nfunction PropsDescription() {\n  return (\n    <div style={{ marginBottom: 20 }}>\n      <p>\n        You can customize the error messages for built-in validations by\n        utilizing the props below.\n      </p>\n      <p>\n        For further information on the specific conditions triggering each\n        error, please refer to the{\" \"}\n        <a\n          target=\"_blank\"\n          href=\"https://developer.mozilla.org/en-US/docs/Web/API/ValidityState#instance_properties\"\n        >\n          MDN Docs\n        </a>\n        .\n      </p>\n    </div>\n  );\n}\n\nexport function registerFieldError(\n  loader?: Registerable,\n  overrides?: CodeComponentMetaOverrides<typeof BaseFieldError>\n) {\n  registerComponentHelper(\n    loader,\n    BaseFieldError,\n    {\n      name: makeComponentName(\"fielderror\"),\n      displayName: \"Aria Field Error\",\n      importPath: \"@plasmicpkgs/react-aria/skinny/registerFieldError\",\n      importName: \"BaseFieldError\",\n      actions: [\n        {\n          type: \"custom-action\",\n          control: PropsDescription,\n        },\n      ],\n      props: {\n        badInput: {\n          type: \"string\",\n          description:\n            \"Error message if the user has provided input that the browser is unable to convert\",\n        },\n        customError: {\n          type: \"string\",\n          description: \"Error message for custom validations\",\n        },\n        patternMismatch: {\n          type: \"string\",\n          description:\n            \"Error message if the value does not match the specified pattern\",\n        },\n        rangeOverflow: {\n          type: \"string\",\n          description:\n            \"Error message if the value is greater than the maximum specified\",\n        },\n        rangeUnderflow: {\n          type: \"string\",\n          description:\n            \"Error message if the value is less than the minimum specified\",\n        },\n        stepMismatch: {\n          type: \"string\",\n          description:\n            \"Error message if the value is not evenly divisible by the step value\",\n        },\n        tooLong: {\n          type: \"string\",\n          description:\n            \"Error message if the value exceeds the specified maximum number of characters\",\n        },\n        tooShort: {\n          type: \"string\",\n          description:\n            \"Error message  if the value fails to meet the specified minimum number of characters\",\n        },\n        typeMismatch: {\n          type: \"string\",\n          description:\n            \"Error message if the value is not in the required syntax (when type is email or url)\",\n        },\n        valueMissing: {\n          type: \"string\",\n          description: \"Error message if a required field has no value\",\n        },\n      },\n      trapsFocus: true,\n    },\n    overrides\n  );\n}\n"],"names":["FieldError","React","registerComponentHelper","makeComponentName"],"mappings":"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"}

package/skinny/registerFieldError.esm.js

@@ -95,8 +95,8 @@ function registerFieldError(loader, overrides) {
     BaseFieldError,
     {
       name: makeComponentName("fielderror"),
-      displayName: "BaseFieldError",
-      importPath: "@plasmicpkgs/react-aria/registerFieldError",
+      displayName: "Aria Field Error",
+      importPath: "@plasmicpkgs/react-aria/skinny/registerFieldError",
       importName: "BaseFieldError",
       actions: [
         {

package/skinny/registerFieldError.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"registerFieldError.esm.js","sources":["../src/registerFieldError.tsx"],"sourcesContent":["import React from \"react\";\nimport type { FieldErrorProps } from \"react-aria-components\";\nimport { FieldError } from \"react-aria-components\";\nimport {\n  CodeComponentMetaOverrides,\n  makeComponentName,\n  Registerable,\n  registerComponentHelper,\n} from \"./utils\";\n\ninterface BaseFieldErrorProps extends FieldErrorProps {\n  useBuiltInValidation: boolean;\n  badInput?: string;\n  customError?: string;\n  patternMismatch?: string;\n  rangeOverflow?: string;\n  rangeUnderflow?: string;\n  stepMismatch?: string;\n  tooLong?: string;\n  tooShort?: string;\n  typeMismatch?: string;\n  valueMissing?: string;\n}\n\nexport function BaseFieldError({\n  badInput,\n  customError,\n  patternMismatch,\n  rangeOverflow,\n  rangeUnderflow,\n  stepMismatch,\n  tooLong,\n  tooShort,\n  typeMismatch,\n  valueMissing,\n  ...rest\n}: BaseFieldErrorProps) {\n  return (\n    <FieldError {...rest}>\n      {({ validationDetails, validationErrors }) => {\n        if (validationDetails.badInput && badInput) return badInput;\n        if (validationDetails.customError && customError) return customError;\n        if (validationDetails.patternMismatch && patternMismatch)\n          return patternMismatch;\n        if (validationDetails.rangeOverflow && rangeOverflow)\n          return rangeOverflow;\n        if (validationDetails.rangeUnderflow && rangeUnderflow)\n          return rangeUnderflow;\n        if (validationDetails.stepMismatch && stepMismatch) return stepMismatch;\n        if (validationDetails.tooLong && tooLong) return tooLong;\n        if (validationDetails.tooShort && tooShort) return tooShort;\n        if (validationDetails.typeMismatch && typeMismatch) return typeMismatch;\n        if (validationDetails.valueMissing && valueMissing) return valueMissing;\n        return validationErrors;\n      }}\n    </FieldError>\n  );\n}\n\nfunction PropsDescription() {\n  return (\n    <div style={{ marginBottom: 20 }}>\n      <p>\n        You can customize the error messages for built-in validations by\n        utilizing the props below.\n      </p>\n      <p>\n        For further information on the specific conditions triggering each\n        error, please refer to the{\" \"}\n        <a\n          target=\"_blank\"\n          href=\"https://developer.mozilla.org/en-US/docs/Web/API/ValidityState#instance_properties\"\n        >\n          MDN Docs\n        </a>\n        .\n      </p>\n    </div>\n  );\n}\n\nexport function registerFieldError(\n  loader?: Registerable,\n  overrides?: CodeComponentMetaOverrides<typeof BaseFieldError>\n) {\n  registerComponentHelper(\n    loader,\n    BaseFieldError,\n    {\n      name: makeComponentName(\"fielderror\"),\n      displayName: \"BaseFieldError\",\n      importPath: \"@plasmicpkgs/react-aria/registerFieldError\",\n      importName: \"BaseFieldError\",\n      actions: [\n        {\n          type: \"custom-action\",\n          control: PropsDescription,\n        },\n      ],\n      props: {\n        badInput: {\n          type: \"string\",\n          description:\n            \"Error message if the user has provided input that the browser is unable to convert\",\n        },\n        customError: {\n          type: \"string\",\n          description: \"Error message for custom validations\",\n        },\n        patternMismatch: {\n          type: \"string\",\n          description:\n            \"Error message if the value does not match the specified pattern\",\n        },\n        rangeOverflow: {\n          type: \"string\",\n          description:\n            \"Error message if the value is greater than the maximum specified\",\n        },\n        rangeUnderflow: {\n          type: \"string\",\n          description:\n            \"Error message if the value is less than the minimum specified\",\n        },\n        stepMismatch: {\n          type: \"string\",\n          description:\n            \"Error message if the value is not evenly divisible by the step value\",\n        },\n        tooLong: {\n          type: \"string\",\n          description:\n            \"Error message if the value exceeds the specified maximum number of characters\",\n        },\n        tooShort: {\n          type: \"string\",\n          description:\n            \"Error message  if the value fails to meet the specified minimum number of characters\",\n        },\n        typeMismatch: {\n          type: \"string\",\n          description:\n            \"Error message if the value is not in the required syntax (when type is email or url)\",\n        },\n        valueMissing: {\n          type: \"string\",\n          description: \"Error message if a required field has no value\",\n        },\n      },\n      trapsFocus: true,\n    },\n    overrides\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"registerFieldError.esm.js","sources":["../src/registerFieldError.tsx"],"sourcesContent":["import React from \"react\";\nimport type { FieldErrorProps } from \"react-aria-components\";\nimport { FieldError } from \"react-aria-components\";\nimport {\n  CodeComponentMetaOverrides,\n  makeComponentName,\n  Registerable,\n  registerComponentHelper,\n} from \"./utils\";\n\ninterface BaseFieldErrorProps extends FieldErrorProps {\n  useBuiltInValidation: boolean;\n  badInput?: string;\n  customError?: string;\n  patternMismatch?: string;\n  rangeOverflow?: string;\n  rangeUnderflow?: string;\n  stepMismatch?: string;\n  tooLong?: string;\n  tooShort?: string;\n  typeMismatch?: string;\n  valueMissing?: string;\n}\n\nexport function BaseFieldError({\n  badInput,\n  customError,\n  patternMismatch,\n  rangeOverflow,\n  rangeUnderflow,\n  stepMismatch,\n  tooLong,\n  tooShort,\n  typeMismatch,\n  valueMissing,\n  ...rest\n}: BaseFieldErrorProps) {\n  return (\n    <FieldError {...rest}>\n      {({ validationDetails, validationErrors }) => {\n        if (validationDetails.badInput && badInput) return badInput;\n        if (validationDetails.customError && customError) return customError;\n        if (validationDetails.patternMismatch && patternMismatch)\n          return patternMismatch;\n        if (validationDetails.rangeOverflow && rangeOverflow)\n          return rangeOverflow;\n        if (validationDetails.rangeUnderflow && rangeUnderflow)\n          return rangeUnderflow;\n        if (validationDetails.stepMismatch && stepMismatch) return stepMismatch;\n        if (validationDetails.tooLong && tooLong) return tooLong;\n        if (validationDetails.tooShort && tooShort) return tooShort;\n        if (validationDetails.typeMismatch && typeMismatch) return typeMismatch;\n        if (validationDetails.valueMissing && valueMissing) return valueMissing;\n        return validationErrors;\n      }}\n    </FieldError>\n  );\n}\n\nfunction PropsDescription() {\n  return (\n    <div style={{ marginBottom: 20 }}>\n      <p>\n        You can customize the error messages for built-in validations by\n        utilizing the props below.\n      </p>\n      <p>\n        For further information on the specific conditions triggering each\n        error, please refer to the{\" \"}\n        <a\n          target=\"_blank\"\n          href=\"https://developer.mozilla.org/en-US/docs/Web/API/ValidityState#instance_properties\"\n        >\n          MDN Docs\n        </a>\n        .\n      </p>\n    </div>\n  );\n}\n\nexport function registerFieldError(\n  loader?: Registerable,\n  overrides?: CodeComponentMetaOverrides<typeof BaseFieldError>\n) {\n  registerComponentHelper(\n    loader,\n    BaseFieldError,\n    {\n      name: makeComponentName(\"fielderror\"),\n      displayName: \"Aria Field Error\",\n      importPath: \"@plasmicpkgs/react-aria/skinny/registerFieldError\",\n      importName: \"BaseFieldError\",\n      actions: [\n        {\n          type: \"custom-action\",\n          control: PropsDescription,\n        },\n      ],\n      props: {\n        badInput: {\n          type: \"string\",\n          description:\n            \"Error message if the user has provided input that the browser is unable to convert\",\n        },\n        customError: {\n          type: \"string\",\n          description: \"Error message for custom validations\",\n        },\n        patternMismatch: {\n          type: \"string\",\n          description:\n            \"Error message if the value does not match the specified pattern\",\n        },\n        rangeOverflow: {\n          type: \"string\",\n          description:\n            \"Error message if the value is greater than the maximum specified\",\n        },\n        rangeUnderflow: {\n          type: \"string\",\n          description:\n            \"Error message if the value is less than the minimum specified\",\n        },\n        stepMismatch: {\n          type: \"string\",\n          description:\n            \"Error message if the value is not evenly divisible by the step value\",\n        },\n        tooLong: {\n          type: \"string\",\n          description:\n            \"Error message if the value exceeds the specified maximum number of characters\",\n        },\n        tooShort: {\n          type: \"string\",\n          description:\n            \"Error message  if the value fails to meet the specified minimum number of characters\",\n        },\n        typeMismatch: {\n          type: \"string\",\n          description:\n            \"Error message if the value is not in the required syntax (when type is email or url)\",\n        },\n        valueMissing: {\n          type: \"string\",\n          description: \"Error message if a required field has no value\",\n        },\n      },\n      trapsFocus: true,\n    },\n    overrides\n  );\n}\n"],"names":[],"mappings":"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"}

package/skinny/registerForm.cjs.js

@@ -69,8 +69,8 @@ function registerForm(loader, overrides) {
     BaseForm,
     {
       name: utils.makeComponentName("form"),
-      displayName: "BaseForm",
-      importPath: "@plasmicpkgs/react-aria/registerForm",
+      displayName: "Aria Form",
+      importPath: "@plasmicpkgs/react-aria/skinny/registerForm",
       importName: "BaseForm",
       props: {
         children: {

package/skinny/registerForm.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"registerForm.cjs.js","sources":["../src/registerForm.tsx"],"sourcesContent":["import React from \"react\";\nimport type { FormProps } from \"react-aria-components\";\nimport { Form } from \"react-aria-components\";\nimport {\n  CodeComponentMetaOverrides,\n  makeComponentName,\n  Registerable,\n  registerComponentHelper,\n} from \"./utils\";\n\ninterface BaseFormProps extends Omit<FormProps, \"onSubmit\"> {\n  onSubmit: (\n    data: Record<string, FormDataEntryValue | FormDataEntryValue[] | null>\n  ) => void;\n}\n\nexport function BaseForm(props: BaseFormProps) {\n  const { onSubmit, children, ...rest } = props;\n  return (\n    <Form\n      onSubmit={(e) => {\n        e.preventDefault();\n        const formData = new FormData(e.currentTarget);\n        const formValues: {\n          [key: string]: FormDataEntryValue | FormDataEntryValue[] | null;\n        } = {};\n        formData.forEach((value, key) => {\n          const field = e.currentTarget.elements.namedItem(key);\n          if (\n            field instanceof RadioNodeList &&\n            (Array.from(field.values()) as HTMLInputElement[]).every(\n              (f) => f.type === \"checkbox\"\n            )\n          ) {\n            formValues[key] = formData.getAll(key);\n          } else {\n            (field as HTMLInputElement).type;\n            formValues[key] = formData.get(key);\n          }\n        });\n        onSubmit?.(formValues);\n      }}\n      {...rest}\n    >\n      {children}\n    </Form>\n  );\n}\n\nexport function registerForm(\n  loader?: Registerable,\n  overrides?: CodeComponentMetaOverrides<typeof BaseForm>\n) {\n  registerComponentHelper(\n    loader,\n    BaseForm,\n    {\n      name: makeComponentName(\"form\"),\n      displayName: \"BaseForm\",\n      importPath: \"@plasmicpkgs/react-aria/registerForm\",\n      importName: \"BaseForm\",\n      props: {\n        children: {\n          type: \"slot\",\n        },\n        onSubmit: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"data\", type: \"object\" }],\n        } as any,\n        onReset: {\n          type: \"eventHandler\",\n          argTypes: [],\n        } as any,\n      },\n      trapsFocus: true,\n    },\n    overrides\n  );\n}\n"],"names":["React","Form","registerComponentHelper","makeComponentName"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgBO,SAAS,SAAS,KAAsB,EAAA;AAC7C,EAAwC,MAAA,EAAA,GAAA,KAAA,EAAhC,YAAU,QAjBpB,EAAA,GAiB0C,IAAT,IAAS,GAAA,SAAA,CAAA,EAAA,EAAT,CAAvB,UAAU,EAAA,UAAA,CAAA,CAAA,CAAA;AAClB,EACE,uBAAAA,sBAAA,CAAA,aAAA;AAAA,IAACC,wBAAA;AAAA,IAAA,cAAA,CAAA;AAAA,MACC,QAAA,EAAU,CAAC,CAAM,KAAA;AACf,QAAA,CAAA,CAAE,cAAe,EAAA,CAAA;AACjB,QAAA,MAAM,QAAW,GAAA,IAAI,QAAS,CAAA,CAAA,CAAE,aAAa,CAAA,CAAA;AAC7C,QAAA,MAAM,aAEF,EAAC,CAAA;AACL,QAAS,QAAA,CAAA,OAAA,CAAQ,CAAC,KAAA,EAAO,GAAQ,KAAA;AAC/B,UAAA,MAAM,KAAQ,GAAA,CAAA,CAAE,aAAc,CAAA,QAAA,CAAS,UAAU,GAAG,CAAA,CAAA;AACpD,UAAA,IACE,iBAAiB,aAChB,IAAA,KAAA,CAAM,KAAK,KAAM,CAAA,MAAA,EAAQ,CAAyB,CAAA,KAAA;AAAA,YACjD,CAAC,CAAM,KAAA,CAAA,CAAE,IAAS,KAAA,UAAA;AAAA,WAEpB,EAAA;AACA,YAAA,UAAA,CAAW,GAAG,CAAA,GAAI,QAAS,CAAA,MAAA,CAAO,GAAG,CAAA,CAAA;AAAA,WAChC,MAAA;AACL,YAAC,KAA2B,CAAA,IAAA,CAAA;AAC5B,YAAA,UAAA,CAAW,GAAG,CAAA,GAAI,QAAS,CAAA,GAAA,CAAI,GAAG,CAAA,CAAA;AAAA,WACpC;AAAA,SACD,CAAA,CAAA;AACD,QAAW,QAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,QAAA,CAAA,UAAA,CAAA,CAAA;AAAA,OACb;AAAA,KACI,EAAA,IAAA,CAAA;AAAA,IAEH,QAAA;AAAA,GACH,CAAA;AAEJ,CAAA;AAEgB,SAAA,YAAA,CACd,QACA,SACA,EAAA;AACA,EAAAC,6BAAA;AAAA,IACE,MAAA;AAAA,IACA,QAAA;AAAA,IACA;AAAA,MACE,IAAA,EAAMC,wBAAkB,MAAM,CAAA;AAAA,MAC9B,WAAa,EAAA,UAAA;AAAA,MACb,UAAY,EAAA,sCAAA;AAAA,MACZ,UAAY,EAAA,UAAA;AAAA,MACZ,KAAO,EAAA;AAAA,QACL,QAAU,EAAA;AAAA,UACR,IAAM,EAAA,MAAA;AAAA,SACR;AAAA,QACA,QAAU,EAAA;AAAA,UACR,IAAM,EAAA,cAAA;AAAA,UACN,UAAU,CAAC,EAAE,MAAM,MAAQ,EAAA,IAAA,EAAM,UAAU,CAAA;AAAA,SAC7C;AAAA,QACA,OAAS,EAAA;AAAA,UACP,IAAM,EAAA,cAAA;AAAA,UACN,UAAU,EAAC;AAAA,SACb;AAAA,OACF;AAAA,MACA,UAAY,EAAA,IAAA;AAAA,KACd;AAAA,IACA,SAAA;AAAA,GACF,CAAA;AACF;;;;;"}
+{"version":3,"file":"registerForm.cjs.js","sources":["../src/registerForm.tsx"],"sourcesContent":["import React from \"react\";\nimport type { FormProps } from \"react-aria-components\";\nimport { Form } from \"react-aria-components\";\nimport {\n  CodeComponentMetaOverrides,\n  makeComponentName,\n  Registerable,\n  registerComponentHelper,\n} from \"./utils\";\n\ninterface BaseFormProps extends Omit<FormProps, \"onSubmit\"> {\n  onSubmit: (\n    data: Record<string, FormDataEntryValue | FormDataEntryValue[] | null>\n  ) => void;\n}\n\nexport function BaseForm(props: BaseFormProps) {\n  const { onSubmit, children, ...rest } = props;\n  return (\n    <Form\n      onSubmit={(e) => {\n        e.preventDefault();\n        const formData = new FormData(e.currentTarget);\n        const formValues: {\n          [key: string]: FormDataEntryValue | FormDataEntryValue[] | null;\n        } = {};\n        formData.forEach((value, key) => {\n          const field = e.currentTarget.elements.namedItem(key);\n          if (\n            field instanceof RadioNodeList &&\n            (Array.from(field.values()) as HTMLInputElement[]).every(\n              (f) => f.type === \"checkbox\"\n            )\n          ) {\n            formValues[key] = formData.getAll(key);\n          } else {\n            (field as HTMLInputElement).type;\n            formValues[key] = formData.get(key);\n          }\n        });\n        onSubmit?.(formValues);\n      }}\n      {...rest}\n    >\n      {children}\n    </Form>\n  );\n}\n\nexport function registerForm(\n  loader?: Registerable,\n  overrides?: CodeComponentMetaOverrides<typeof BaseForm>\n) {\n  registerComponentHelper(\n    loader,\n    BaseForm,\n    {\n      name: makeComponentName(\"form\"),\n      displayName: \"Aria Form\",\n      importPath: \"@plasmicpkgs/react-aria/skinny/registerForm\",\n      importName: \"BaseForm\",\n      props: {\n        children: {\n          type: \"slot\",\n        },\n        onSubmit: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"data\", type: \"object\" }],\n        } as any,\n        onReset: {\n          type: \"eventHandler\",\n          argTypes: [],\n        } as any,\n      },\n      trapsFocus: true,\n    },\n    overrides\n  );\n}\n"],"names":["React","Form","registerComponentHelper","makeComponentName"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgBO,SAAS,SAAS,KAAsB,EAAA;AAC7C,EAAwC,MAAA,EAAA,GAAA,KAAA,EAAhC,YAAU,QAjBpB,EAAA,GAiB0C,IAAT,IAAS,GAAA,SAAA,CAAA,EAAA,EAAT,CAAvB,UAAU,EAAA,UAAA,CAAA,CAAA,CAAA;AAClB,EACE,uBAAAA,sBAAA,CAAA,aAAA;AAAA,IAACC,wBAAA;AAAA,IAAA,cAAA,CAAA;AAAA,MACC,QAAA,EAAU,CAAC,CAAM,KAAA;AACf,QAAA,CAAA,CAAE,cAAe,EAAA,CAAA;AACjB,QAAA,MAAM,QAAW,GAAA,IAAI,QAAS,CAAA,CAAA,CAAE,aAAa,CAAA,CAAA;AAC7C,QAAA,MAAM,aAEF,EAAC,CAAA;AACL,QAAS,QAAA,CAAA,OAAA,CAAQ,CAAC,KAAA,EAAO,GAAQ,KAAA;AAC/B,UAAA,MAAM,KAAQ,GAAA,CAAA,CAAE,aAAc,CAAA,QAAA,CAAS,UAAU,GAAG,CAAA,CAAA;AACpD,UAAA,IACE,iBAAiB,aAChB,IAAA,KAAA,CAAM,KAAK,KAAM,CAAA,MAAA,EAAQ,CAAyB,CAAA,KAAA;AAAA,YACjD,CAAC,CAAM,KAAA,CAAA,CAAE,IAAS,KAAA,UAAA;AAAA,WAEpB,EAAA;AACA,YAAA,UAAA,CAAW,GAAG,CAAA,GAAI,QAAS,CAAA,MAAA,CAAO,GAAG,CAAA,CAAA;AAAA,WAChC,MAAA;AACL,YAAC,KAA2B,CAAA,IAAA,CAAA;AAC5B,YAAA,UAAA,CAAW,GAAG,CAAA,GAAI,QAAS,CAAA,GAAA,CAAI,GAAG,CAAA,CAAA;AAAA,WACpC;AAAA,SACD,CAAA,CAAA;AACD,QAAW,QAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,QAAA,CAAA,UAAA,CAAA,CAAA;AAAA,OACb;AAAA,KACI,EAAA,IAAA,CAAA;AAAA,IAEH,QAAA;AAAA,GACH,CAAA;AAEJ,CAAA;AAEgB,SAAA,YAAA,CACd,QACA,SACA,EAAA;AACA,EAAAC,6BAAA;AAAA,IACE,MAAA;AAAA,IACA,QAAA;AAAA,IACA;AAAA,MACE,IAAA,EAAMC,wBAAkB,MAAM,CAAA;AAAA,MAC9B,WAAa,EAAA,WAAA;AAAA,MACb,UAAY,EAAA,6CAAA;AAAA,MACZ,UAAY,EAAA,UAAA;AAAA,MACZ,KAAO,EAAA;AAAA,QACL,QAAU,EAAA;AAAA,UACR,IAAM,EAAA,MAAA;AAAA,SACR;AAAA,QACA,QAAU,EAAA;AAAA,UACR,IAAM,EAAA,cAAA;AAAA,UACN,UAAU,CAAC,EAAE,MAAM,MAAQ,EAAA,IAAA,EAAM,UAAU,CAAA;AAAA,SAC7C;AAAA,QACA,OAAS,EAAA;AAAA,UACP,IAAM,EAAA,cAAA;AAAA,UACN,UAAU,EAAC;AAAA,SACb;AAAA,OACF;AAAA,MACA,UAAY,EAAA,IAAA;AAAA,KACd;AAAA,IACA,SAAA;AAAA,GACF,CAAA;AACF;;;;;"}

package/skinny/registerForm.esm.js

@@ -63,8 +63,8 @@ function registerForm(loader, overrides) {
     BaseForm,
     {
       name: makeComponentName("form"),
-      displayName: "BaseForm",
-      importPath: "@plasmicpkgs/react-aria/registerForm",
+      displayName: "Aria Form",
+      importPath: "@plasmicpkgs/react-aria/skinny/registerForm",
       importName: "BaseForm",
       props: {
         children: {

package/skinny/registerForm.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"registerForm.esm.js","sources":["../src/registerForm.tsx"],"sourcesContent":["import React from \"react\";\nimport type { FormProps } from \"react-aria-components\";\nimport { Form } from \"react-aria-components\";\nimport {\n  CodeComponentMetaOverrides,\n  makeComponentName,\n  Registerable,\n  registerComponentHelper,\n} from \"./utils\";\n\ninterface BaseFormProps extends Omit<FormProps, \"onSubmit\"> {\n  onSubmit: (\n    data: Record<string, FormDataEntryValue | FormDataEntryValue[] | null>\n  ) => void;\n}\n\nexport function BaseForm(props: BaseFormProps) {\n  const { onSubmit, children, ...rest } = props;\n  return (\n    <Form\n      onSubmit={(e) => {\n        e.preventDefault();\n        const formData = new FormData(e.currentTarget);\n        const formValues: {\n          [key: string]: FormDataEntryValue | FormDataEntryValue[] | null;\n        } = {};\n        formData.forEach((value, key) => {\n          const field = e.currentTarget.elements.namedItem(key);\n          if (\n            field instanceof RadioNodeList &&\n            (Array.from(field.values()) as HTMLInputElement[]).every(\n              (f) => f.type === \"checkbox\"\n            )\n          ) {\n            formValues[key] = formData.getAll(key);\n          } else {\n            (field as HTMLInputElement).type;\n            formValues[key] = formData.get(key);\n          }\n        });\n        onSubmit?.(formValues);\n      }}\n      {...rest}\n    >\n      {children}\n    </Form>\n  );\n}\n\nexport function registerForm(\n  loader?: Registerable,\n  overrides?: CodeComponentMetaOverrides<typeof BaseForm>\n) {\n  registerComponentHelper(\n    loader,\n    BaseForm,\n    {\n      name: makeComponentName(\"form\"),\n      displayName: \"BaseForm\",\n      importPath: \"@plasmicpkgs/react-aria/registerForm\",\n      importName: \"BaseForm\",\n      props: {\n        children: {\n          type: \"slot\",\n        },\n        onSubmit: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"data\", type: \"object\" }],\n        } as any,\n        onReset: {\n          type: \"eventHandler\",\n          argTypes: [],\n        } as any,\n      },\n      trapsFocus: true,\n    },\n    overrides\n  );\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgBO,SAAS,SAAS,KAAsB,EAAA;AAC7C,EAAwC,MAAA,EAAA,GAAA,KAAA,EAAhC,YAAU,QAjBpB,EAAA,GAiB0C,IAAT,IAAS,GAAA,SAAA,CAAA,EAAA,EAAT,CAAvB,UAAU,EAAA,UAAA,CAAA,CAAA,CAAA;AAClB,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,IAAA;AAAA,IAAA,cAAA,CAAA;AAAA,MACC,QAAA,EAAU,CAAC,CAAM,KAAA;AACf,QAAA,CAAA,CAAE,cAAe,EAAA,CAAA;AACjB,QAAA,MAAM,QAAW,GAAA,IAAI,QAAS,CAAA,CAAA,CAAE,aAAa,CAAA,CAAA;AAC7C,QAAA,MAAM,aAEF,EAAC,CAAA;AACL,QAAS,QAAA,CAAA,OAAA,CAAQ,CAAC,KAAA,EAAO,GAAQ,KAAA;AAC/B,UAAA,MAAM,KAAQ,GAAA,CAAA,CAAE,aAAc,CAAA,QAAA,CAAS,UAAU,GAAG,CAAA,CAAA;AACpD,UAAA,IACE,iBAAiB,aAChB,IAAA,KAAA,CAAM,KAAK,KAAM,CAAA,MAAA,EAAQ,CAAyB,CAAA,KAAA;AAAA,YACjD,CAAC,CAAM,KAAA,CAAA,CAAE,IAAS,KAAA,UAAA;AAAA,WAEpB,EAAA;AACA,YAAA,UAAA,CAAW,GAAG,CAAA,GAAI,QAAS,CAAA,MAAA,CAAO,GAAG,CAAA,CAAA;AAAA,WAChC,MAAA;AACL,YAAC,KAA2B,CAAA,IAAA,CAAA;AAC5B,YAAA,UAAA,CAAW,GAAG,CAAA,GAAI,QAAS,CAAA,GAAA,CAAI,GAAG,CAAA,CAAA;AAAA,WACpC;AAAA,SACD,CAAA,CAAA;AACD,QAAW,QAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,QAAA,CAAA,UAAA,CAAA,CAAA;AAAA,OACb;AAAA,KACI,EAAA,IAAA,CAAA;AAAA,IAEH,QAAA;AAAA,GACH,CAAA;AAEJ,CAAA;AAEgB,SAAA,YAAA,CACd,QACA,SACA,EAAA;AACA,EAAA,uBAAA;AAAA,IACE,MAAA;AAAA,IACA,QAAA;AAAA,IACA;AAAA,MACE,IAAA,EAAM,kBAAkB,MAAM,CAAA;AAAA,MAC9B,WAAa,EAAA,UAAA;AAAA,MACb,UAAY,EAAA,sCAAA;AAAA,MACZ,UAAY,EAAA,UAAA;AAAA,MACZ,KAAO,EAAA;AAAA,QACL,QAAU,EAAA;AAAA,UACR,IAAM,EAAA,MAAA;AAAA,SACR;AAAA,QACA,QAAU,EAAA;AAAA,UACR,IAAM,EAAA,cAAA;AAAA,UACN,UAAU,CAAC,EAAE,MAAM,MAAQ,EAAA,IAAA,EAAM,UAAU,CAAA;AAAA,SAC7C;AAAA,QACA,OAAS,EAAA;AAAA,UACP,IAAM,EAAA,cAAA;AAAA,UACN,UAAU,EAAC;AAAA,SACb;AAAA,OACF;AAAA,MACA,UAAY,EAAA,IAAA;AAAA,KACd;AAAA,IACA,SAAA;AAAA,GACF,CAAA;AACF;;;;"}
+{"version":3,"file":"registerForm.esm.js","sources":["../src/registerForm.tsx"],"sourcesContent":["import React from \"react\";\nimport type { FormProps } from \"react-aria-components\";\nimport { Form } from \"react-aria-components\";\nimport {\n  CodeComponentMetaOverrides,\n  makeComponentName,\n  Registerable,\n  registerComponentHelper,\n} from \"./utils\";\n\ninterface BaseFormProps extends Omit<FormProps, \"onSubmit\"> {\n  onSubmit: (\n    data: Record<string, FormDataEntryValue | FormDataEntryValue[] | null>\n  ) => void;\n}\n\nexport function BaseForm(props: BaseFormProps) {\n  const { onSubmit, children, ...rest } = props;\n  return (\n    <Form\n      onSubmit={(e) => {\n        e.preventDefault();\n        const formData = new FormData(e.currentTarget);\n        const formValues: {\n          [key: string]: FormDataEntryValue | FormDataEntryValue[] | null;\n        } = {};\n        formData.forEach((value, key) => {\n          const field = e.currentTarget.elements.namedItem(key);\n          if (\n            field instanceof RadioNodeList &&\n            (Array.from(field.values()) as HTMLInputElement[]).every(\n              (f) => f.type === \"checkbox\"\n            )\n          ) {\n            formValues[key] = formData.getAll(key);\n          } else {\n            (field as HTMLInputElement).type;\n            formValues[key] = formData.get(key);\n          }\n        });\n        onSubmit?.(formValues);\n      }}\n      {...rest}\n    >\n      {children}\n    </Form>\n  );\n}\n\nexport function registerForm(\n  loader?: Registerable,\n  overrides?: CodeComponentMetaOverrides<typeof BaseForm>\n) {\n  registerComponentHelper(\n    loader,\n    BaseForm,\n    {\n      name: makeComponentName(\"form\"),\n      displayName: \"Aria Form\",\n      importPath: \"@plasmicpkgs/react-aria/skinny/registerForm\",\n      importName: \"BaseForm\",\n      props: {\n        children: {\n          type: \"slot\",\n        },\n        onSubmit: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"data\", type: \"object\" }],\n        } as any,\n        onReset: {\n          type: \"eventHandler\",\n          argTypes: [],\n        } as any,\n      },\n      trapsFocus: true,\n    },\n    overrides\n  );\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgBO,SAAS,SAAS,KAAsB,EAAA;AAC7C,EAAwC,MAAA,EAAA,GAAA,KAAA,EAAhC,YAAU,QAjBpB,EAAA,GAiB0C,IAAT,IAAS,GAAA,SAAA,CAAA,EAAA,EAAT,CAAvB,UAAU,EAAA,UAAA,CAAA,CAAA,CAAA;AAClB,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,IAAA;AAAA,IAAA,cAAA,CAAA;AAAA,MACC,QAAA,EAAU,CAAC,CAAM,KAAA;AACf,QAAA,CAAA,CAAE,cAAe,EAAA,CAAA;AACjB,QAAA,MAAM,QAAW,GAAA,IAAI,QAAS,CAAA,CAAA,CAAE,aAAa,CAAA,CAAA;AAC7C,QAAA,MAAM,aAEF,EAAC,CAAA;AACL,QAAS,QAAA,CAAA,OAAA,CAAQ,CAAC,KAAA,EAAO,GAAQ,KAAA;AAC/B,UAAA,MAAM,KAAQ,GAAA,CAAA,CAAE,aAAc,CAAA,QAAA,CAAS,UAAU,GAAG,CAAA,CAAA;AACpD,UAAA,IACE,iBAAiB,aAChB,IAAA,KAAA,CAAM,KAAK,KAAM,CAAA,MAAA,EAAQ,CAAyB,CAAA,KAAA;AAAA,YACjD,CAAC,CAAM,KAAA,CAAA,CAAE,IAAS,KAAA,UAAA;AAAA,WAEpB,EAAA;AACA,YAAA,UAAA,CAAW,GAAG,CAAA,GAAI,QAAS,CAAA,MAAA,CAAO,GAAG,CAAA,CAAA;AAAA,WAChC,MAAA;AACL,YAAC,KAA2B,CAAA,IAAA,CAAA;AAC5B,YAAA,UAAA,CAAW,GAAG,CAAA,GAAI,QAAS,CAAA,GAAA,CAAI,GAAG,CAAA,CAAA;AAAA,WACpC;AAAA,SACD,CAAA,CAAA;AACD,QAAW,QAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,QAAA,CAAA,UAAA,CAAA,CAAA;AAAA,OACb;AAAA,KACI,EAAA,IAAA,CAAA;AAAA,IAEH,QAAA;AAAA,GACH,CAAA;AAEJ,CAAA;AAEgB,SAAA,YAAA,CACd,QACA,SACA,EAAA;AACA,EAAA,uBAAA;AAAA,IACE,MAAA;AAAA,IACA,QAAA;AAAA,IACA;AAAA,MACE,IAAA,EAAM,kBAAkB,MAAM,CAAA;AAAA,MAC9B,WAAa,EAAA,WAAA;AAAA,MACb,UAAY,EAAA,6CAAA;AAAA,MACZ,UAAY,EAAA,UAAA;AAAA,MACZ,KAAO,EAAA;AAAA,QACL,QAAU,EAAA;AAAA,UACR,IAAM,EAAA,MAAA;AAAA,SACR;AAAA,QACA,QAAU,EAAA;AAAA,UACR,IAAM,EAAA,cAAA;AAAA,UACN,UAAU,CAAC,EAAE,MAAM,MAAQ,EAAA,IAAA,EAAM,UAAU,CAAA;AAAA,SAC7C;AAAA,QACA,OAAS,EAAA;AAAA,UACP,IAAM,EAAA,cAAA;AAAA,UACN,UAAU,EAAC;AAAA,SACb;AAAA,OACF;AAAA,MACA,UAAY,EAAA,IAAA;AAAA,KACd;AAAA,IACA,SAAA;AAAA,GACF,CAAA;AACF;;;;"}

package/skinny/registerHeader.cjs.js

@@ -37,8 +37,8 @@ function registerHeader(loader, overrides) {
     BaseHeader,
     {
       name: utils$1.makeComponentName("header"),
-      displayName: "BaseHeader",
-      importPath: "@plasmicpkgs/react-aria/registerHeader",
+      displayName: "Aria Header",
+      importPath: "@plasmicpkgs/react-aria/skinny/registerHeader",
       importName: "BaseHeader",
       props: {}
     },

package/skinny/registerHeader.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"registerHeader.cjs.js","sources":["../src/registerHeader.tsx"],"sourcesContent":["import { mergeProps } from \"@react-aria/utils\";\nimport React from \"react\";\nimport { Header } from \"react-aria-components\";\nimport { PlasmicHeaderContext } from \"./contexts\";\nimport {\n  CodeComponentMetaOverrides,\n  Registerable,\n  makeComponentName,\n  registerComponentHelper\n} from \"./utils\";\nexport function BaseHeader(props: React.ComponentProps<typeof Header>) {\n  const contextProps = React.useContext(PlasmicHeaderContext);\n  return (\n    <Header {...mergeProps(contextProps, props)} />\n  );\n}\n\nexport function registerHeader(\n  loader?: Registerable,\n  overrides?: CodeComponentMetaOverrides<typeof BaseHeader>\n) {\n  registerComponentHelper(\n    loader,\n    BaseHeader,\n    {\n      name: makeComponentName(\"header\"),\n      displayName: \"BaseHeader\",\n      importPath: \"@plasmicpkgs/react-aria/registerHeader\",\n      importName: \"BaseHeader\",\n      props: {},\n    },\n    overrides\n  );\n}\n"],"names":["React","PlasmicHeaderContext","Header","mergeProps","registerComponentHelper","makeComponentName"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUO,SAAS,WAAW,KAA4C,EAAA;AACrE,EAAM,MAAA,YAAA,GAAeA,sBAAM,CAAA,UAAA,CAAWC,6BAAoB,CAAA,CAAA;AAC1D,EAAA,uBACGD,sBAAA,CAAA,aAAA,CAAAE,0BAAA,EAAA,cAAA,CAAA,EAAA,EAAWC,gBAAW,CAAA,YAAA,EAAc,KAAK,CAAG,CAAA,CAAA,CAAA;AAEjD,CAAA;AAEgB,SAAA,cAAA,CACd,QACA,SACA,EAAA;AACA,EAAAC,+BAAA;AAAA,IACE,MAAA;AAAA,IACA,UAAA;AAAA,IACA;AAAA,MACE,IAAA,EAAMC,0BAAkB,QAAQ,CAAA;AAAA,MAChC,WAAa,EAAA,YAAA;AAAA,MACb,UAAY,EAAA,wCAAA;AAAA,MACZ,UAAY,EAAA,YAAA;AAAA,MACZ,OAAO,EAAC;AAAA,KACV;AAAA,IACA,SAAA;AAAA,GACF,CAAA;AACF;;;;;"}
+{"version":3,"file":"registerHeader.cjs.js","sources":["../src/registerHeader.tsx"],"sourcesContent":["import { mergeProps } from \"@react-aria/utils\";\nimport React from \"react\";\nimport { Header } from \"react-aria-components\";\nimport { PlasmicHeaderContext } from \"./contexts\";\nimport {\n  CodeComponentMetaOverrides,\n  makeComponentName,\n  Registerable,\n  registerComponentHelper,\n} from \"./utils\";\nexport function BaseHeader(props: React.ComponentProps<typeof Header>) {\n  const contextProps = React.useContext(PlasmicHeaderContext);\n  return <Header {...mergeProps(contextProps, props)} />;\n}\n\nexport function registerHeader(\n  loader?: Registerable,\n  overrides?: CodeComponentMetaOverrides<typeof BaseHeader>\n) {\n  registerComponentHelper(\n    loader,\n    BaseHeader,\n    {\n      name: makeComponentName(\"header\"),\n      displayName: \"Aria Header\",\n      importPath: \"@plasmicpkgs/react-aria/skinny/registerHeader\",\n      importName: \"BaseHeader\",\n      props: {},\n    },\n    overrides\n  );\n}\n"],"names":["React","PlasmicHeaderContext","Header","mergeProps","registerComponentHelper","makeComponentName"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUO,SAAS,WAAW,KAA4C,EAAA;AACrE,EAAM,MAAA,YAAA,GAAeA,sBAAM,CAAA,UAAA,CAAWC,6BAAoB,CAAA,CAAA;AAC1D,EAAA,uBAAQD,sBAAA,CAAA,aAAA,CAAAE,0BAAA,EAAA,cAAA,CAAA,EAAA,EAAWC,gBAAW,CAAA,YAAA,EAAc,KAAK,CAAG,CAAA,CAAA,CAAA;AACtD,CAAA;AAEgB,SAAA,cAAA,CACd,QACA,SACA,EAAA;AACA,EAAAC,+BAAA;AAAA,IACE,MAAA;AAAA,IACA,UAAA;AAAA,IACA;AAAA,MACE,IAAA,EAAMC,0BAAkB,QAAQ,CAAA;AAAA,MAChC,WAAa,EAAA,aAAA;AAAA,MACb,UAAY,EAAA,+CAAA;AAAA,MACZ,UAAY,EAAA,YAAA;AAAA,MACZ,OAAO,EAAC;AAAA,KACV;AAAA,IACA,SAAA;AAAA,GACF,CAAA;AACF;;;;;"}

package/skinny/registerHeader.esm.js

@@ -31,8 +31,8 @@ function registerHeader(loader, overrides) {
     BaseHeader,
     {
       name: makeComponentName("header"),
-      displayName: "BaseHeader",
-      importPath: "@plasmicpkgs/react-aria/registerHeader",
+      displayName: "Aria Header",
+      importPath: "@plasmicpkgs/react-aria/skinny/registerHeader",
       importName: "BaseHeader",
       props: {}
     },

package/skinny/registerHeader.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"registerHeader.esm.js","sources":["../src/registerHeader.tsx"],"sourcesContent":["import { mergeProps } from \"@react-aria/utils\";\nimport React from \"react\";\nimport { Header } from \"react-aria-components\";\nimport { PlasmicHeaderContext } from \"./contexts\";\nimport {\n  CodeComponentMetaOverrides,\n  Registerable,\n  makeComponentName,\n  registerComponentHelper\n} from \"./utils\";\nexport function BaseHeader(props: React.ComponentProps<typeof Header>) {\n  const contextProps = React.useContext(PlasmicHeaderContext);\n  return (\n    <Header {...mergeProps(contextProps, props)} />\n  );\n}\n\nexport function registerHeader(\n  loader?: Registerable,\n  overrides?: CodeComponentMetaOverrides<typeof BaseHeader>\n) {\n  registerComponentHelper(\n    loader,\n    BaseHeader,\n    {\n      name: makeComponentName(\"header\"),\n      displayName: \"BaseHeader\",\n      importPath: \"@plasmicpkgs/react-aria/registerHeader\",\n      importName: \"BaseHeader\",\n      props: {},\n    },\n    overrides\n  );\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAUO,SAAS,WAAW,KAA4C,EAAA;AACrE,EAAM,MAAA,YAAA,GAAe,KAAM,CAAA,UAAA,CAAW,oBAAoB,CAAA,CAAA;AAC1D,EAAA,uBACG,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,cAAA,CAAA,EAAA,EAAW,UAAW,CAAA,YAAA,EAAc,KAAK,CAAG,CAAA,CAAA,CAAA;AAEjD,CAAA;AAEgB,SAAA,cAAA,CACd,QACA,SACA,EAAA;AACA,EAAA,uBAAA;AAAA,IACE,MAAA;AAAA,IACA,UAAA;AAAA,IACA;AAAA,MACE,IAAA,EAAM,kBAAkB,QAAQ,CAAA;AAAA,MAChC,WAAa,EAAA,YAAA;AAAA,MACb,UAAY,EAAA,wCAAA;AAAA,MACZ,UAAY,EAAA,YAAA;AAAA,MACZ,OAAO,EAAC;AAAA,KACV;AAAA,IACA,SAAA;AAAA,GACF,CAAA;AACF;;;;"}
+{"version":3,"file":"registerHeader.esm.js","sources":["../src/registerHeader.tsx"],"sourcesContent":["import { mergeProps } from \"@react-aria/utils\";\nimport React from \"react\";\nimport { Header } from \"react-aria-components\";\nimport { PlasmicHeaderContext } from \"./contexts\";\nimport {\n  CodeComponentMetaOverrides,\n  makeComponentName,\n  Registerable,\n  registerComponentHelper,\n} from \"./utils\";\nexport function BaseHeader(props: React.ComponentProps<typeof Header>) {\n  const contextProps = React.useContext(PlasmicHeaderContext);\n  return <Header {...mergeProps(contextProps, props)} />;\n}\n\nexport function registerHeader(\n  loader?: Registerable,\n  overrides?: CodeComponentMetaOverrides<typeof BaseHeader>\n) {\n  registerComponentHelper(\n    loader,\n    BaseHeader,\n    {\n      name: makeComponentName(\"header\"),\n      displayName: \"Aria Header\",\n      importPath: \"@plasmicpkgs/react-aria/skinny/registerHeader\",\n      importName: \"BaseHeader\",\n      props: {},\n    },\n    overrides\n  );\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAUO,SAAS,WAAW,KAA4C,EAAA;AACrE,EAAM,MAAA,YAAA,GAAe,KAAM,CAAA,UAAA,CAAW,oBAAoB,CAAA,CAAA;AAC1D,EAAA,uBAAQ,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,cAAA,CAAA,EAAA,EAAW,UAAW,CAAA,YAAA,EAAc,KAAK,CAAG,CAAA,CAAA,CAAA;AACtD,CAAA;AAEgB,SAAA,cAAA,CACd,QACA,SACA,EAAA;AACA,EAAA,uBAAA;AAAA,IACE,MAAA;AAAA,IACA,UAAA;AAAA,IACA;AAAA,MACE,IAAA,EAAM,kBAAkB,QAAQ,CAAA;AAAA,MAChC,WAAa,EAAA,aAAA;AAAA,MACb,UAAY,EAAA,+CAAA;AAAA,MACZ,UAAY,EAAA,YAAA;AAAA,MACZ,OAAO,EAAC;AAAA,KACV;AAAA,IACA,SAAA;AAAA,GACF,CAAA;AACF;;;;"}

package/skinny/registerInput.cjs.js

@@ -1,10 +1,8 @@
 'use strict';
 
-var utils = require('@react-aria/utils');
 var React = require('react');
 var reactAriaComponents = require('react-aria-components');
-var contexts = require('./contexts-3e42cdf9.cjs.js');
-var utils$1 = require('./utils-1190a0a9.cjs.js');
+var utils = require('./utils-1190a0a9.cjs.js');
 require('@plasmicapp/host/registerComponent');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
@@ -28,46 +26,23 @@ var __spreadValues = (a, b) => {
   return a;
 };
 function BaseInput(props) {
-  const contextProps = React__default.default.useContext(contexts.PlasmicInputContext);
-  return /* @__PURE__ */ React__default.default.createElement(reactAriaComponents.Input, __spreadValues({}, utils.mergeProps(contextProps, props)));
+  return /* @__PURE__ */ React__default.default.createElement(reactAriaComponents.Input, __spreadValues({}, props));
 }
 function registerInput(loader, overrides) {
-  utils$1.registerComponentHelper(
+  utils.registerComponentHelper(
     loader,
     BaseInput,
     {
-      name: utils$1.makeComponentName("input"),
-      displayName: "BaseInput",
-      importPath: "@plasmicpkgs/react-aria/registerInput",
+      name: utils.makeComponentName("input"),
+      displayName: "Aria Input",
+      importPath: "@plasmicpkgs/react-aria/skinny/registerInput",
       importName: "BaseInput",
       props: {
-        className: {
-          type: "class",
-          displayName: "Additional states",
-          selectors: [
-            {
-              selector: ":self[data-hovered]",
-              label: "Hovered"
-            },
-            {
-              selector: ":self[data-focused]",
-              label: "Focused"
-            },
-            {
-              selector: ":self[data-focus-visible]",
-              label: "Focused by keyboard"
-            },
-            {
-              selector: ":self[data-disabled]",
-              label: "Disabled"
-            },
-            {
-              selector: ":self::placeholder",
-              label: "Placeholder"
-            }
-          ]
+        placeholder: {
+          type: "string"
         }
-      }
+      },
+      trapsFocus: true
     },
     overrides
   );

package/skinny/registerInput.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"registerInput.cjs.js","sources":["../src/registerInput.tsx"],"sourcesContent":["import { mergeProps } from \"@react-aria/utils\";\nimport React from \"react\";\nimport { Input } from \"react-aria-components\";\nimport { PlasmicInputContext } from \"./contexts\";\nimport {\n  CodeComponentMetaOverrides,\n  makeComponentName,\n  Registerable,\n  registerComponentHelper,\n} from \"./utils\";\n\nexport function BaseInput(props: React.ComponentProps<typeof Input>) {\n  const contextProps = React.useContext(PlasmicInputContext);\n  return <Input {...mergeProps(contextProps, props)} />;\n}\n\nexport function registerInput(\n  loader?: Registerable,\n  overrides?: CodeComponentMetaOverrides<typeof BaseInput>\n) {\n  registerComponentHelper(\n    loader,\n    BaseInput,\n    {\n      name: makeComponentName(\"input\"),\n      displayName: \"BaseInput\",\n      importPath: \"@plasmicpkgs/react-aria/registerInput\",\n      importName: \"BaseInput\",\n      props: {\n        className: {\n          type: \"class\",\n          displayName: \"Additional states\",\n          selectors: [\n            {\n              selector: \":self[data-hovered]\",\n              label: \"Hovered\",\n            },\n            {\n              selector: \":self[data-focused]\",\n              label: \"Focused\",\n            },\n            {\n              selector: \":self[data-focus-visible]\",\n              label: \"Focused by keyboard\",\n            },\n            {\n              selector: \":self[data-disabled]\",\n              label: \"Disabled\",\n            },\n            {\n              selector: \":self::placeholder\",\n              label: \"Placeholder\",\n            },\n          ],\n        },\n      },\n    },\n    overrides\n  );\n}\n"],"names":["React","PlasmicInputContext","Input","mergeProps","registerComponentHelper","makeComponentName"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWO,SAAS,UAAU,KAA2C,EAAA;AACnE,EAAM,MAAA,YAAA,GAAeA,sBAAM,CAAA,UAAA,CAAWC,4BAAmB,CAAA,CAAA;AACzD,EAAA,uBAAQD,sBAAA,CAAA,aAAA,CAAAE,yBAAA,EAAA,cAAA,CAAA,EAAA,EAAUC,gBAAW,CAAA,YAAA,EAAc,KAAK,CAAG,CAAA,CAAA,CAAA;AACrD,CAAA;AAEgB,SAAA,aAAA,CACd,QACA,SACA,EAAA;AACA,EAAAC,+BAAA;AAAA,IACE,MAAA;AAAA,IACA,SAAA;AAAA,IACA;AAAA,MACE,IAAA,EAAMC,0BAAkB,OAAO,CAAA;AAAA,MAC/B,WAAa,EAAA,WAAA;AAAA,MACb,UAAY,EAAA,uCAAA;AAAA,MACZ,UAAY,EAAA,WAAA;AAAA,MACZ,KAAO,EAAA;AAAA,QACL,SAAW,EAAA;AAAA,UACT,IAAM,EAAA,OAAA;AAAA,UACN,WAAa,EAAA,mBAAA;AAAA,UACb,SAAW,EAAA;AAAA,YACT;AAAA,cACE,QAAU,EAAA,qBAAA;AAAA,cACV,KAAO,EAAA,SAAA;AAAA,aACT;AAAA,YACA;AAAA,cACE,QAAU,EAAA,qBAAA;AAAA,cACV,KAAO,EAAA,SAAA;AAAA,aACT;AAAA,YACA;AAAA,cACE,QAAU,EAAA,2BAAA;AAAA,cACV,KAAO,EAAA,qBAAA;AAAA,aACT;AAAA,YACA;AAAA,cACE,QAAU,EAAA,sBAAA;AAAA,cACV,KAAO,EAAA,UAAA;AAAA,aACT;AAAA,YACA;AAAA,cACE,QAAU,EAAA,oBAAA;AAAA,cACV,KAAO,EAAA,aAAA;AAAA,aACT;AAAA,WACF;AAAA,SACF;AAAA,OACF;AAAA,KACF;AAAA,IACA,SAAA;AAAA,GACF,CAAA;AACF;;;;;"}
+{"version":3,"file":"registerInput.cjs.js","sources":["../src/registerInput.tsx"],"sourcesContent":["import React from \"react\";\nimport type { InputProps } from \"react-aria-components\";\nimport { Input } from \"react-aria-components\";\nimport {\n  CodeComponentMetaOverrides,\n  makeComponentName,\n  Registerable,\n  registerComponentHelper,\n} from \"./utils\";\n\nexport function BaseInput(props: InputProps) {\n  return <Input {...props} />;\n}\n\nexport function registerInput(\n  loader?: Registerable,\n  overrides?: CodeComponentMetaOverrides<typeof BaseInput>\n) {\n  registerComponentHelper(\n    loader,\n    BaseInput,\n    {\n      name: makeComponentName(\"input\"),\n      displayName: \"Aria Input\",\n      importPath: \"@plasmicpkgs/react-aria/skinny/registerInput\",\n      importName: \"BaseInput\",\n      props: {\n        placeholder: {\n          type: \"string\",\n        },\n      },\n      trapsFocus: true,\n    },\n    overrides\n  );\n}\n"],"names":["React","Input","registerComponentHelper","makeComponentName"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAUO,SAAS,UAAU,KAAmB,EAAA;AAC3C,EAAO,uBAAAA,sBAAA,CAAA,aAAA,CAACC,8CAAU,KAAO,CAAA,CAAA,CAAA;AAC3B,CAAA;AAEgB,SAAA,aAAA,CACd,QACA,SACA,EAAA;AACA,EAAAC,6BAAA;AAAA,IACE,MAAA;AAAA,IACA,SAAA;AAAA,IACA;AAAA,MACE,IAAA,EAAMC,wBAAkB,OAAO,CAAA;AAAA,MAC/B,WAAa,EAAA,YAAA;AAAA,MACb,UAAY,EAAA,8CAAA;AAAA,MACZ,UAAY,EAAA,WAAA;AAAA,MACZ,KAAO,EAAA;AAAA,QACL,WAAa,EAAA;AAAA,UACX,IAAM,EAAA,QAAA;AAAA,SACR;AAAA,OACF;AAAA,MACA,UAAY,EAAA,IAAA;AAAA,KACd;AAAA,IACA,SAAA;AAAA,GACF,CAAA;AACF;;;;;"}

package/skinny/registerInput.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { Input } from "react-aria-components";
+import type { InputProps } from "react-aria-components";
 import { CodeComponentMetaOverrides, Registerable } from "./utils";
-export declare function BaseInput(props: React.ComponentProps<typeof Input>): React.JSX.Element;
+export declare function BaseInput(props: InputProps): React.JSX.Element;
 export declare function registerInput(loader?: Registerable, overrides?: CodeComponentMetaOverrides<typeof BaseInput>): void;