@plasmicpkgs/react-aria 0.0.27 → 0.0.29

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      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 | null) => {\n      if (key === null) {\n        return;\n      }\n\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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"}
+{"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  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 === \"option-group\") {\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  }, [filterValue, options, contains, optionText]);\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.id);\n\n  const onSelectionChange = React.useCallback(\n    (key: Key | null) => {\n      if (key === null) {\n        return;\n      }\n\n      const selectedOption = flattenedOptions?.find((op) => op.id === 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    [flattenedOptions, valueType, onChange, optionText, onFilterValueChange]\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.id === value\n      );\n      if (selectedOption) {\n        const selectedOptionText = optionText(selectedOption);\n        if (selectedOptionText !== filterValue) {\n          onFilterValueChange?.(selectedOptionText);\n        }\n      }\n    }\n  }, [\n    allowsCustomValue,\n    flattenedOptions,\n    valueType,\n    optionText,\n    value,\n    filterValue,\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          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/registerDialogTrigger.cjs.js

@@ -0,0 +1,88 @@
+'use strict';
+
+var React = require('react');
+var reactAriaComponents = require('react-aria-components');
+var utils = require('./utils-18b2465b.cjs.js');
+require('@plasmicapp/host/registerComponent');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+function BaseDialogTrigger(props) {
+  const _a = props, { trigger, dialog } = _a, rest = __objRest(_a, ["trigger", "dialog"]);
+  return /* @__PURE__ */ React__default.default.createElement(reactAriaComponents.DialogTrigger, __spreadValues({}, rest), trigger, dialog);
+}
+function registerDialogTrigger(loader, overrides) {
+  utils.registerComponentHelper(
+    loader,
+    BaseDialogTrigger,
+    {
+      name: utils.makeComponentName("dialogTrigger"),
+      displayName: "Aria Dialog Trigger",
+      importPath: "@plasmicpkgs/react-aria/skinny/registerDialogTrigger",
+      importName: "BaseDialogTrigger",
+      isAttachment: true,
+      props: {
+        trigger: {
+          type: "slot"
+        },
+        dialog: {
+          type: "slot"
+        },
+        isOpen: {
+          type: "boolean",
+          defaultValueHint: false,
+          editOnly: true,
+          uncontrolledProp: "defaultOpen"
+        },
+        onOpenChange: {
+          type: "eventHandler",
+          argTypes: [{ name: "isOpen", type: "boolean" }]
+        }
+      },
+      states: {
+        isOpen: {
+          type: "writable",
+          valueProp: "isOpen",
+          onChangeProp: "onOpenChange",
+          variableType: "boolean"
+        }
+      },
+      trapsFocus: true
+    },
+    overrides
+  );
+}
+
+exports.BaseDialogTrigger = BaseDialogTrigger;
+exports.registerDialogTrigger = registerDialogTrigger;
+//# sourceMappingURL=registerDialogTrigger.cjs.js.map

package/skinny/registerDialogTrigger.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"registerDialogTrigger.cjs.js","sources":["../src/registerDialogTrigger.tsx"],"sourcesContent":["import React from \"react\";\nimport { DialogTrigger } from \"react-aria-components\";\nimport {\n  CodeComponentMetaOverrides,\n  Registerable,\n  makeComponentName,\n  registerComponentHelper,\n} from \"./utils\";\n\ninterface BaseDialogTriggerProps\n  extends React.ComponentProps<typeof DialogTrigger> {\n  trigger: React.ReactNode;\n  dialog: React.ReactNode;\n}\n\nexport function BaseDialogTrigger(props: BaseDialogTriggerProps) {\n  const { trigger, dialog, ...rest } = props;\n\n  return (\n    <DialogTrigger {...rest}>\n      {trigger}\n      {dialog}\n    </DialogTrigger>\n  );\n}\n\nexport function registerDialogTrigger(\n  loader?: Registerable,\n  overrides?: CodeComponentMetaOverrides<typeof BaseDialogTrigger>\n) {\n  registerComponentHelper(\n    loader,\n    BaseDialogTrigger,\n    {\n      name: makeComponentName(\"dialogTrigger\"),\n      displayName: \"Aria Dialog Trigger\",\n      importPath: \"@plasmicpkgs/react-aria/skinny/registerDialogTrigger\",\n      importName: \"BaseDialogTrigger\",\n      isAttachment: true,\n      props: {\n        trigger: {\n          type: \"slot\",\n        },\n        dialog: {\n          type: \"slot\",\n        },\n        isOpen: {\n          type: \"boolean\",\n          defaultValueHint: false,\n          editOnly: true,\n          uncontrolledProp: \"defaultOpen\",\n        },\n        onOpenChange: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"isOpen\", type: \"boolean\" }],\n        },\n      },\n      states: {\n        isOpen: {\n          type: \"writable\",\n          valueProp: \"isOpen\",\n          onChangeProp: \"onOpenChange\",\n          variableType: \"boolean\",\n        },\n      },\n      trapsFocus: true,\n    },\n    overrides\n  );\n}\n"],"names":["React","DialogTrigger","registerComponentHelper","makeComponentName"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAeO,SAAS,kBAAkB,KAA+B,EAAA;AAC/D,EAAqC,MAAA,EAAA,GAAA,KAAA,EAA7B,WAAS,MAhBnB,EAAA,GAgBuC,IAAT,IAAS,GAAA,SAAA,CAAA,EAAA,EAAT,CAApB,SAAS,EAAA,QAAA,CAAA,CAAA,CAAA;AAEjB,EAAA,uBACGA,sBAAA,CAAA,aAAA,CAAAC,iCAAA,EAAA,cAAA,CAAA,EAAA,EAAkB,IAChB,CAAA,EAAA,OAAA,EACA,MACH,CAAA,CAAA;AAEJ,CAAA;AAEgB,SAAA,qBAAA,CACd,QACA,SACA,EAAA;AACA,EAAAC,6BAAA;AAAA,IACE,MAAA;AAAA,IACA,iBAAA;AAAA,IACA;AAAA,MACE,IAAA,EAAMC,wBAAkB,eAAe,CAAA;AAAA,MACvC,WAAa,EAAA,qBAAA;AAAA,MACb,UAAY,EAAA,sDAAA;AAAA,MACZ,UAAY,EAAA,mBAAA;AAAA,MACZ,YAAc,EAAA,IAAA;AAAA,MACd,KAAO,EAAA;AAAA,QACL,OAAS,EAAA;AAAA,UACP,IAAM,EAAA,MAAA;AAAA,SACR;AAAA,QACA,MAAQ,EAAA;AAAA,UACN,IAAM,EAAA,MAAA;AAAA,SACR;AAAA,QACA,MAAQ,EAAA;AAAA,UACN,IAAM,EAAA,SAAA;AAAA,UACN,gBAAkB,EAAA,KAAA;AAAA,UAClB,QAAU,EAAA,IAAA;AAAA,UACV,gBAAkB,EAAA,aAAA;AAAA,SACpB;AAAA,QACA,YAAc,EAAA;AAAA,UACZ,IAAM,EAAA,cAAA;AAAA,UACN,UAAU,CAAC,EAAE,MAAM,QAAU,EAAA,IAAA,EAAM,WAAW,CAAA;AAAA,SAChD;AAAA,OACF;AAAA,MACA,MAAQ,EAAA;AAAA,QACN,MAAQ,EAAA;AAAA,UACN,IAAM,EAAA,UAAA;AAAA,UACN,SAAW,EAAA,QAAA;AAAA,UACX,YAAc,EAAA,cAAA;AAAA,UACd,YAAc,EAAA,SAAA;AAAA,SAChB;AAAA,OACF;AAAA,MACA,UAAY,EAAA,IAAA;AAAA,KACd;AAAA,IACA,SAAA;AAAA,GACF,CAAA;AACF;;;;;"}

package/skinny/registerDialogTrigger.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import { DialogTrigger } from "react-aria-components";
+import { CodeComponentMetaOverrides, Registerable } from "./utils";
+interface BaseDialogTriggerProps extends React.ComponentProps<typeof DialogTrigger> {
+    trigger: React.ReactNode;
+    dialog: React.ReactNode;
+}
+export declare function BaseDialogTrigger(props: BaseDialogTriggerProps): React.JSX.Element;
+export declare function registerDialogTrigger(loader?: Registerable, overrides?: CodeComponentMetaOverrides<typeof BaseDialogTrigger>): void;
+export {};

package/skinny/registerDialogTrigger.esm.js

@@ -0,0 +1,81 @@
+import React from 'react';
+import { DialogTrigger } from 'react-aria-components';
+import { r as registerComponentHelper, m as makeComponentName } from './utils-cf2632c9.esm.js';
+import '@plasmicapp/host/registerComponent';
+
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+function BaseDialogTrigger(props) {
+  const _a = props, { trigger, dialog } = _a, rest = __objRest(_a, ["trigger", "dialog"]);
+  return /* @__PURE__ */ React.createElement(DialogTrigger, __spreadValues({}, rest), trigger, dialog);
+}
+function registerDialogTrigger(loader, overrides) {
+  registerComponentHelper(
+    loader,
+    BaseDialogTrigger,
+    {
+      name: makeComponentName("dialogTrigger"),
+      displayName: "Aria Dialog Trigger",
+      importPath: "@plasmicpkgs/react-aria/skinny/registerDialogTrigger",
+      importName: "BaseDialogTrigger",
+      isAttachment: true,
+      props: {
+        trigger: {
+          type: "slot"
+        },
+        dialog: {
+          type: "slot"
+        },
+        isOpen: {
+          type: "boolean",
+          defaultValueHint: false,
+          editOnly: true,
+          uncontrolledProp: "defaultOpen"
+        },
+        onOpenChange: {
+          type: "eventHandler",
+          argTypes: [{ name: "isOpen", type: "boolean" }]
+        }
+      },
+      states: {
+        isOpen: {
+          type: "writable",
+          valueProp: "isOpen",
+          onChangeProp: "onOpenChange",
+          variableType: "boolean"
+        }
+      },
+      trapsFocus: true
+    },
+    overrides
+  );
+}
+
+export { BaseDialogTrigger, registerDialogTrigger };
+//# sourceMappingURL=registerDialogTrigger.esm.js.map

package/skinny/registerDialogTrigger.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"registerDialogTrigger.esm.js","sources":["../src/registerDialogTrigger.tsx"],"sourcesContent":["import React from \"react\";\nimport { DialogTrigger } from \"react-aria-components\";\nimport {\n  CodeComponentMetaOverrides,\n  Registerable,\n  makeComponentName,\n  registerComponentHelper,\n} from \"./utils\";\n\ninterface BaseDialogTriggerProps\n  extends React.ComponentProps<typeof DialogTrigger> {\n  trigger: React.ReactNode;\n  dialog: React.ReactNode;\n}\n\nexport function BaseDialogTrigger(props: BaseDialogTriggerProps) {\n  const { trigger, dialog, ...rest } = props;\n\n  return (\n    <DialogTrigger {...rest}>\n      {trigger}\n      {dialog}\n    </DialogTrigger>\n  );\n}\n\nexport function registerDialogTrigger(\n  loader?: Registerable,\n  overrides?: CodeComponentMetaOverrides<typeof BaseDialogTrigger>\n) {\n  registerComponentHelper(\n    loader,\n    BaseDialogTrigger,\n    {\n      name: makeComponentName(\"dialogTrigger\"),\n      displayName: \"Aria Dialog Trigger\",\n      importPath: \"@plasmicpkgs/react-aria/skinny/registerDialogTrigger\",\n      importName: \"BaseDialogTrigger\",\n      isAttachment: true,\n      props: {\n        trigger: {\n          type: \"slot\",\n        },\n        dialog: {\n          type: \"slot\",\n        },\n        isOpen: {\n          type: \"boolean\",\n          defaultValueHint: false,\n          editOnly: true,\n          uncontrolledProp: \"defaultOpen\",\n        },\n        onOpenChange: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"isOpen\", type: \"boolean\" }],\n        },\n      },\n      states: {\n        isOpen: {\n          type: \"writable\",\n          valueProp: \"isOpen\",\n          onChangeProp: \"onOpenChange\",\n          variableType: \"boolean\",\n        },\n      },\n      trapsFocus: true,\n    },\n    overrides\n  );\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAeO,SAAS,kBAAkB,KAA+B,EAAA;AAC/D,EAAqC,MAAA,EAAA,GAAA,KAAA,EAA7B,WAAS,MAhBnB,EAAA,GAgBuC,IAAT,IAAS,GAAA,SAAA,CAAA,EAAA,EAAT,CAApB,SAAS,EAAA,QAAA,CAAA,CAAA,CAAA;AAEjB,EAAA,uBACG,KAAA,CAAA,aAAA,CAAA,aAAA,EAAA,cAAA,CAAA,EAAA,EAAkB,IAChB,CAAA,EAAA,OAAA,EACA,MACH,CAAA,CAAA;AAEJ,CAAA;AAEgB,SAAA,qBAAA,CACd,QACA,SACA,EAAA;AACA,EAAA,uBAAA;AAAA,IACE,MAAA;AAAA,IACA,iBAAA;AAAA,IACA;AAAA,MACE,IAAA,EAAM,kBAAkB,eAAe,CAAA;AAAA,MACvC,WAAa,EAAA,qBAAA;AAAA,MACb,UAAY,EAAA,sDAAA;AAAA,MACZ,UAAY,EAAA,mBAAA;AAAA,MACZ,YAAc,EAAA,IAAA;AAAA,MACd,KAAO,EAAA;AAAA,QACL,OAAS,EAAA;AAAA,UACP,IAAM,EAAA,MAAA;AAAA,SACR;AAAA,QACA,MAAQ,EAAA;AAAA,UACN,IAAM,EAAA,MAAA;AAAA,SACR;AAAA,QACA,MAAQ,EAAA;AAAA,UACN,IAAM,EAAA,SAAA;AAAA,UACN,gBAAkB,EAAA,KAAA;AAAA,UAClB,QAAU,EAAA,IAAA;AAAA,UACV,gBAAkB,EAAA,aAAA;AAAA,SACpB;AAAA,QACA,YAAc,EAAA;AAAA,UACZ,IAAM,EAAA,cAAA;AAAA,UACN,UAAU,CAAC,EAAE,MAAM,QAAU,EAAA,IAAA,EAAM,WAAW,CAAA;AAAA,SAChD;AAAA,OACF;AAAA,MACA,MAAQ,EAAA;AAAA,QACN,MAAQ,EAAA;AAAA,UACN,IAAM,EAAA,UAAA;AAAA,UACN,SAAW,EAAA,QAAA;AAAA,UACX,YAAc,EAAA,cAAA;AAAA,UACd,YAAc,EAAA,SAAA;AAAA,SAChB;AAAA,OACF;AAAA,MACA,UAAY,EAAA,IAAA;AAAA,KACd;AAAA,IACA,SAAA;AAAA,GACF,CAAA;AACF;;;;"}

package/skinny/registerHeader.cjs.js

@@ -3,7 +3,7 @@
 var utils = require('@react-aria/utils');
 var React = require('react');
 var reactAriaComponents = require('react-aria-components');
-var contexts = require('./contexts-3e42cdf9.cjs.js');
+var contexts = require('./contexts-dd0ce341.cjs.js');
 var utils$1 = require('./utils-18b2465b.cjs.js');
 require('@plasmicapp/host/registerComponent');
 

package/skinny/registerHeader.esm.js

@@ -1,7 +1,7 @@
 import { mergeProps } from '@react-aria/utils';
 import React from 'react';
 import { Header } from 'react-aria-components';
-import { e as PlasmicHeaderContext } from './contexts-49f6c298.esm.js';
+import { e as PlasmicHeaderContext } from './contexts-8a2a183b.esm.js';
 import { r as registerComponentHelper, m as makeComponentName } from './utils-cf2632c9.esm.js';
 import '@plasmicapp/host/registerComponent';
 

package/skinny/registerInput.cjs.js

@@ -2,7 +2,7 @@
 
 var React = require('react');
 var reactAriaComponents = require('react-aria-components');
-var interactionVariantUtils = require('./interaction-variant-utils-80bf1cfd.cjs.js');
+var interactionVariantUtils = require('./interaction-variant-utils-244b74fb.cjs.js');
 var utils = require('./utils-18b2465b.cjs.js');
 require('@plasmicapp/host/registerComponent');
 

package/skinny/registerInput.esm.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Input } from 'react-aria-components';
-import { p as pickAriaComponentVariants } from './interaction-variant-utils-608d984b.esm.js';
+import { p as pickAriaComponentVariants } from './interaction-variant-utils-c44a9d56.esm.js';
 import { r as registerComponentHelper, m as makeComponentName } from './utils-cf2632c9.esm.js';
 import '@plasmicapp/host/registerComponent';
 

package/skinny/registerLabel.cjs.js

@@ -5,15 +5,19 @@ var utils = require('./utils-18b2465b.cjs.js');
 require('@plasmicapp/host/registerComponent');
 
 const BaseLabel = reactAriaComponents.Label;
+const LABEL_COMPONENT_NAME = utils.makeComponentName("label");
 function registerLabel(loader, overrides) {
   utils.registerComponentHelper(
     loader,
     BaseLabel,
     {
-      name: utils.makeComponentName("label"),
+      name: LABEL_COMPONENT_NAME,
       displayName: "Aria Label",
       importPath: "@plasmicpkgs/react-aria/skinny/registerLabel",
       importName: "BaseLabel",
+      defaultStyles: {
+        cursor: "pointer"
+      },
       props: {
         children: {
           type: "slot"
@@ -26,5 +30,6 @@ function registerLabel(loader, overrides) {
 }
 
 exports.BaseLabel = BaseLabel;
+exports.LABEL_COMPONENT_NAME = LABEL_COMPONENT_NAME;
 exports.registerLabel = registerLabel;
 //# sourceMappingURL=registerLabel.cjs.js.map

package/skinny/registerLabel.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"registerLabel.cjs.js","sources":["../src/registerLabel.tsx"],"sourcesContent":["import { Label } from \"react-aria-components\";\nimport {\n  CodeComponentMetaOverrides,\n  makeComponentName,\n  Registerable,\n  registerComponentHelper,\n} from \"./utils\";\n\nexport const BaseLabel = Label;\n\nexport function registerLabel(\n  loader?: Registerable,\n  overrides?: CodeComponentMetaOverrides<typeof BaseLabel>\n) {\n  registerComponentHelper(\n    loader,\n    BaseLabel,\n    {\n      name: makeComponentName(\"label\"),\n      displayName: \"Aria Label\",\n      importPath: \"@plasmicpkgs/react-aria/skinny/registerLabel\",\n      importName: \"BaseLabel\",\n      props: {\n        children: {\n          type: \"slot\",\n        },\n      },\n      trapsFocus: true,\n    },\n    overrides\n  );\n}\n"],"names":["Label","registerComponentHelper","makeComponentName"],"mappings":";;;;;;AAQO,MAAM,SAAY,GAAAA,0BAAA;AAET,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,QAAU,EAAA;AAAA,UACR,IAAM,EAAA,MAAA;AAAA,SACR;AAAA,OACF;AAAA,MACA,UAAY,EAAA,IAAA;AAAA,KACd;AAAA,IACA,SAAA;AAAA,GACF,CAAA;AACF;;;;;"}
+{"version":3,"file":"registerLabel.cjs.js","sources":["../src/registerLabel.tsx"],"sourcesContent":["import { Label } from \"react-aria-components\";\nimport {\n  CodeComponentMetaOverrides,\n  makeComponentName,\n  Registerable,\n  registerComponentHelper,\n} from \"./utils\";\n\nexport const BaseLabel = Label;\n\nexport const LABEL_COMPONENT_NAME = makeComponentName(\"label\");\n\nexport function registerLabel(\n  loader?: Registerable,\n  overrides?: CodeComponentMetaOverrides<typeof BaseLabel>\n) {\n  registerComponentHelper(\n    loader,\n    BaseLabel,\n    {\n      name: LABEL_COMPONENT_NAME,\n      displayName: \"Aria Label\",\n      importPath: \"@plasmicpkgs/react-aria/skinny/registerLabel\",\n      importName: \"BaseLabel\",\n      defaultStyles: {\n        cursor: \"pointer\",\n      },\n      props: {\n        children: {\n          type: \"slot\",\n        },\n      },\n      trapsFocus: true,\n    },\n    overrides\n  );\n}\n"],"names":["Label","makeComponentName","registerComponentHelper"],"mappings":";;;;;;AAQO,MAAM,SAAY,GAAAA,0BAAA;AAEZ,MAAA,oBAAA,GAAuBC,wBAAkB,OAAO,EAAA;AAE7C,SAAA,aAAA,CACd,QACA,SACA,EAAA;AACA,EAAAC,6BAAA;AAAA,IACE,MAAA;AAAA,IACA,SAAA;AAAA,IACA;AAAA,MACE,IAAM,EAAA,oBAAA;AAAA,MACN,WAAa,EAAA,YAAA;AAAA,MACb,UAAY,EAAA,8CAAA;AAAA,MACZ,UAAY,EAAA,WAAA;AAAA,MACZ,aAAe,EAAA;AAAA,QACb,MAAQ,EAAA,SAAA;AAAA,OACV;AAAA,MACA,KAAO,EAAA;AAAA,QACL,QAAU,EAAA;AAAA,UACR,IAAM,EAAA,MAAA;AAAA,SACR;AAAA,OACF;AAAA,MACA,UAAY,EAAA,IAAA;AAAA,KACd;AAAA,IACA,SAAA;AAAA,GACF,CAAA;AACF;;;;;;"}

package/skinny/registerLabel.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="react" />
 import { CodeComponentMetaOverrides, Registerable } from "./utils";
 export declare const BaseLabel: (props: import("react-aria-components").LabelProps & import("react").RefAttributes<HTMLLabelElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export declare const LABEL_COMPONENT_NAME: string;
 export declare function registerLabel(loader?: Registerable, overrides?: CodeComponentMetaOverrides<typeof BaseLabel>): void;

package/skinny/registerLabel.esm.js

@@ -1,17 +1,21 @@
 import { Label } from 'react-aria-components';
-import { r as registerComponentHelper, m as makeComponentName } from './utils-cf2632c9.esm.js';
+import { m as makeComponentName, r as registerComponentHelper } from './utils-cf2632c9.esm.js';
 import '@plasmicapp/host/registerComponent';
 
 const BaseLabel = Label;
+const LABEL_COMPONENT_NAME = makeComponentName("label");
 function registerLabel(loader, overrides) {
   registerComponentHelper(
     loader,
     BaseLabel,
     {
-      name: makeComponentName("label"),
+      name: LABEL_COMPONENT_NAME,
       displayName: "Aria Label",
       importPath: "@plasmicpkgs/react-aria/skinny/registerLabel",
       importName: "BaseLabel",
+      defaultStyles: {
+        cursor: "pointer"
+      },
       props: {
         children: {
           type: "slot"
@@ -23,5 +27,5 @@ function registerLabel(loader, overrides) {
   );
 }
 
-export { BaseLabel, registerLabel };
+export { BaseLabel, LABEL_COMPONENT_NAME, registerLabel };
 //# sourceMappingURL=registerLabel.esm.js.map

package/skinny/registerLabel.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"registerLabel.esm.js","sources":["../src/registerLabel.tsx"],"sourcesContent":["import { Label } from \"react-aria-components\";\nimport {\n  CodeComponentMetaOverrides,\n  makeComponentName,\n  Registerable,\n  registerComponentHelper,\n} from \"./utils\";\n\nexport const BaseLabel = Label;\n\nexport function registerLabel(\n  loader?: Registerable,\n  overrides?: CodeComponentMetaOverrides<typeof BaseLabel>\n) {\n  registerComponentHelper(\n    loader,\n    BaseLabel,\n    {\n      name: makeComponentName(\"label\"),\n      displayName: \"Aria Label\",\n      importPath: \"@plasmicpkgs/react-aria/skinny/registerLabel\",\n      importName: \"BaseLabel\",\n      props: {\n        children: {\n          type: \"slot\",\n        },\n      },\n      trapsFocus: true,\n    },\n    overrides\n  );\n}\n"],"names":[],"mappings":";;;;AAQO,MAAM,SAAY,GAAA,MAAA;AAET,SAAA,aAAA,CACd,QACA,SACA,EAAA;AACA,EAAA,uBAAA;AAAA,IACE,MAAA;AAAA,IACA,SAAA;AAAA,IACA;AAAA,MACE,IAAA,EAAM,kBAAkB,OAAO,CAAA;AAAA,MAC/B,WAAa,EAAA,YAAA;AAAA,MACb,UAAY,EAAA,8CAAA;AAAA,MACZ,UAAY,EAAA,WAAA;AAAA,MACZ,KAAO,EAAA;AAAA,QACL,QAAU,EAAA;AAAA,UACR,IAAM,EAAA,MAAA;AAAA,SACR;AAAA,OACF;AAAA,MACA,UAAY,EAAA,IAAA;AAAA,KACd;AAAA,IACA,SAAA;AAAA,GACF,CAAA;AACF;;;;"}
+{"version":3,"file":"registerLabel.esm.js","sources":["../src/registerLabel.tsx"],"sourcesContent":["import { Label } from \"react-aria-components\";\nimport {\n  CodeComponentMetaOverrides,\n  makeComponentName,\n  Registerable,\n  registerComponentHelper,\n} from \"./utils\";\n\nexport const BaseLabel = Label;\n\nexport const LABEL_COMPONENT_NAME = makeComponentName(\"label\");\n\nexport function registerLabel(\n  loader?: Registerable,\n  overrides?: CodeComponentMetaOverrides<typeof BaseLabel>\n) {\n  registerComponentHelper(\n    loader,\n    BaseLabel,\n    {\n      name: LABEL_COMPONENT_NAME,\n      displayName: \"Aria Label\",\n      importPath: \"@plasmicpkgs/react-aria/skinny/registerLabel\",\n      importName: \"BaseLabel\",\n      defaultStyles: {\n        cursor: \"pointer\",\n      },\n      props: {\n        children: {\n          type: \"slot\",\n        },\n      },\n      trapsFocus: true,\n    },\n    overrides\n  );\n}\n"],"names":[],"mappings":";;;;AAQO,MAAM,SAAY,GAAA,MAAA;AAEZ,MAAA,oBAAA,GAAuB,kBAAkB,OAAO,EAAA;AAE7C,SAAA,aAAA,CACd,QACA,SACA,EAAA;AACA,EAAA,uBAAA;AAAA,IACE,MAAA;AAAA,IACA,SAAA;AAAA,IACA;AAAA,MACE,IAAM,EAAA,oBAAA;AAAA,MACN,WAAa,EAAA,YAAA;AAAA,MACb,UAAY,EAAA,8CAAA;AAAA,MACZ,UAAY,EAAA,WAAA;AAAA,MACZ,aAAe,EAAA;AAAA,QACb,MAAQ,EAAA,SAAA;AAAA,OACV;AAAA,MACA,KAAO,EAAA;AAAA,QACL,QAAU,EAAA;AAAA,UACR,IAAM,EAAA,MAAA;AAAA,SACR;AAAA,OACF;AAAA,MACA,UAAY,EAAA,IAAA;AAAA,KACd;AAAA,IACA,SAAA;AAAA,GACF,CAAA;AACF;;;;"}

package/skinny/registerListBox.cjs.js

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

package/skinny/registerListBox.cjs.js.map

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

package/skinny/registerListBox.d.ts

@@ -1,14 +1,16 @@
 import React from "react";
 import { ListBox } from "react-aria-components";
-import { type BaseListBoxItem } from "./registerListBoxItem";
-import type { BaseSection } from "./registerSection";
+import { HasOptions } from "./option-utils";
 import { CodeComponentMetaOverrides, Registerable } from "./utils";
-export interface BaseListBoxProps extends React.ComponentProps<typeof ListBox> {
-    makeItemProps?: (item: any) => Partial<React.ComponentProps<typeof BaseListBoxItem>>;
-    makeSectionProps?: (section: any) => Partial<React.ComponentProps<typeof BaseSection>>;
+interface BaseListBoxControlContextData {
+    isStandalone: boolean;
+}
+export interface BaseListBoxProps extends React.ComponentProps<typeof ListBox>, HasOptions<any> {
     renderItem?: (item: any) => React.ReactNode;
     renderSection?: (section: any) => React.ReactNode;
     getItemType?: (thing: any) => "item" | "section";
+    setControlContextData?: (ctxData: BaseListBoxControlContextData) => void;
 }
 export declare function BaseListBox(props: BaseListBoxProps): React.JSX.Element;
 export declare function registerListBox(loader?: Registerable, overrides?: CodeComponentMetaOverrides<typeof BaseListBox>): void;
+export {};