@mirohq/design-system-combobox 0.1.0-combobox.2 → 0.1.0-combobox.3

package/dist/main.js

@@ -9,10 +9,11 @@ var designSystemBaseForm = require('@mirohq/design-system-base-form');
 var RadixPopover = require('@radix-ui/react-popover');
 var designSystemUtils = require('@mirohq/design-system-utils');
 var designSystemIcons = require('@mirohq/design-system-icons');
-var designSystemInput = require('@mirohq/design-system-input');
 var designSystemStitches = require('@mirohq/design-system-stitches');
+var designSystemInput = require('@mirohq/design-system-input');
 var designSystemUseAriaDisabled = require('@mirohq/design-system-use-aria-disabled');
 var designSystemStyles = require('@mirohq/design-system-styles');
+var designSystemBaseButton = require('@mirohq/design-system-base-button');
 var designSystemPrimitive = require('@mirohq/design-system-primitive');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -42,7 +43,22 @@ var RadixPopover__namespace = /*#__PURE__*/_interopNamespace(RadixPopover);
 const StyledActionButton = designSystemStitches.styled(designSystemInput.Input.ActionButton, {
   position: "absolute",
   right: "$100",
-  top: "6px"
+  top: "10px"
+});
+const StyledInput = designSystemStitches.styled(designSystemInput.Input, {
+  flexWrap: "wrap",
+  flexGrow: 1,
+  gap: "$50",
+  minHeight: "$12",
+  "&&&": {
+    height: "max-content",
+    padding: "$100 $400 $100 $100"
+  },
+  "& input": {
+    minWidth: "30px",
+    flexBasis: 0,
+    flexGrow: 1
+  }
 });
 
 const ComboboxContext = React.createContext({});
@@ -128,7 +144,7 @@ const Trigger = React__default["default"].forwardRef(
     return /* @__PURE__ */ jsxRuntime.jsx(RadixPopover__namespace.Anchor, { ref: designSystemUtils.mergeRefs([triggerRef, forwardRef]), children: /* @__PURE__ */ jsxRuntime.jsx(
       Ariakit.Combobox,
       {
-        render: /* @__PURE__ */ jsxRuntime.jsxs(designSystemInput.Input, { ...inputProps, ...variants, children: [
+        render: /* @__PURE__ */ jsxRuntime.jsxs(StyledInput, { ...inputProps, ...variants, children: [
           children,
           /* @__PURE__ */ jsxRuntime.jsx(StyledActionButton, { label: "custom label", children: /* @__PURE__ */ jsxRuntime.jsx(designSystemIcons.IconChevronDown, { size: "small", weight: "thin" }) })
         ] })
@@ -231,18 +247,66 @@ const StyledGroupLabel = designSystemStitches.styled(Ariakit.GroupLabel, {});
 
 const GroupLabel = React__default["default"].forwardRef((props, forwardRef) => /* @__PURE__ */ jsxRuntime.jsx(StyledGroupLabel, { ...props, ref: forwardRef }));
 
-const StyledValue = designSystemStitches.styled(designSystemPrimitive.Primitive.span, {});
+const StyledChip = designSystemStitches.styled(designSystemPrimitive.Primitive.div, {
+  fontSize: "$150",
+  padding: "$50 $100",
+  borderRadius: "$half",
+  display: "flex",
+  alignItems: "center",
+  gap: "$50",
+  whiteSpace: "nowrap",
+  maxWidth: "$35",
+  background: "$gray-100",
+  color: "$gray-900"
+});
+const StyledChipContent = designSystemStitches.styled(designSystemPrimitive.Primitive.div, {
+  textOverflow: "ellipsis",
+  whiteSpace: "nowrap",
+  overflow: "hidden",
+  lineHeight: 1.3
+});
 
-const Value = React__default["default"].forwardRef(
-  (props, forwardRef) => {
-    const { value } = useComboboxContext();
-    const isEmpty = (value == null ? void 0 : value.length) === 0;
-    if (isEmpty) {
-      return null;
-    }
-    return /* @__PURE__ */ jsxRuntime.jsx(StyledValue, { ref: forwardRef, ...props, children: value });
-  }
+const StyledLeftSlot = designSystemStitches.styled(designSystemPrimitive.Primitive.span, {
+  order: -1,
+  marginRight: "$50"
+});
+
+const LeftSlot = StyledLeftSlot;
+
+const Chip = React__default["default"].forwardRef(
+  ({ children, disabled = false, onRemove, removeChipAriaLabel, ...restProps }, forwardRef) => /* @__PURE__ */ jsxRuntime.jsxs(StyledChip, { ...restProps, ref: forwardRef, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(StyledChipContent, { children }),
+    !designSystemUtils.booleanify(disabled) && /* @__PURE__ */ jsxRuntime.jsx(designSystemBaseButton.BaseButton, { onClick: onRemove, "aria-label": removeChipAriaLabel, children: /* @__PURE__ */ jsxRuntime.jsx(designSystemIcons.IconCross, { size: "small", weight: "thin", color: "gray-500" }) })
+  ] })
 );
+Chip.LeftSlot = LeftSlot;
+
+const Value = ({ removeChipAriaLabel }) => {
+  const {
+    value,
+    setValue,
+    disabled,
+    "aria-disabled": ariaDisabled
+  } = useComboboxContext();
+  const isEmpty = value === void 0 || value.length === 0;
+  const isDisabled = ariaDisabled === true || disabled;
+  const onItemRemove = (item) => {
+    setValue((prevValue) => prevValue.filter((value2) => value2 !== item));
+  };
+  if (isEmpty) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: value.map((item) => /* @__PURE__ */ jsxRuntime.jsx(
+    Chip,
+    {
+      onRemove: () => onItemRemove(item),
+      disabled: isDisabled,
+      removeChipAriaLabel,
+      children: item
+    },
+    item
+  )) });
+};
 
 const StyledComboboxContent = designSystemStitches.styled(designSystemPrimitive.Primitive.div, {});
 
@@ -331,5 +395,6 @@ Combobox.Group = Group;
 Combobox.GroupLabel = GroupLabel;
 Combobox.Value = Value;
 
+exports.Chip = Chip;
 exports.Combobox = Combobox;
 //# sourceMappingURL=main.js.map

package/dist/main.js.map

@@ -1 +1 @@
-{"version":3,"file":"main.js","sources":["../src/partials/trigger.styled.tsx","../src/hooks/use-combobox-context.tsx","../src/partials/trigger.tsx","../src/partials/content.styled.tsx","../src/partials/content.tsx","../src/partials/item.styled.tsx","../src/partials/item.tsx","../src/partials/portal.tsx","../src/partials/group.styled.tsx","../src/partials/group.tsx","../src/partials/group-label.styled.tsx","../src/partials/group-label.tsx","../src/partials/value.styled.tsx","../src/partials/value.tsx","../src/combobox.styled.tsx","../src/combobox.tsx"],"sourcesContent":["import { styled } from '@mirohq/design-system-stitches'\nimport { Input } from '@mirohq/design-system-input'\n\nexport const StyledActionButton = styled(Input.ActionButton, {\n  position: 'absolute',\n  right: '$100',\n  top: '6px',\n})\n","import React, { createContext, useContext, useRef, useState } from 'react'\nimport type { PropsWithChildren } from 'react'\nimport { useFormFieldContext } from '@mirohq/design-system-base-form'\nimport type { FormElementProps } from '@mirohq/design-system-base-form'\n\nimport type { Direction } from '../types'\n\ninterface ComboboxProps extends FormElementProps {\n  open?: boolean\n  defaultOpen?: boolean\n  value?: string[]\n  defaultValue?: string[]\n  searchValue?: string\n  direction?: Direction\n}\n\ninterface ComboboxContextProps extends ComboboxProps {\n  setOpenState: React.Dispatch<React.SetStateAction<boolean | undefined>>\n  openState?: boolean | undefined\n  setValue: React.Dispatch<React.SetStateAction<string[]>>\n  setDefaultValue: React.Dispatch<React.SetStateAction<string[] | undefined>>\n  setSearchValue: React.Dispatch<React.SetStateAction<string | undefined>>\n  triggerRef: React.RefObject<HTMLInputElement>\n  contentRef: React.RefObject<HTMLDivElement>\n}\n\nexport type ComboboxProviderProps = ComboboxProps\n\nconst ComboboxContext = createContext<ComboboxContextProps>({} as any)\n\nexport const ComboboxProvider = ({\n  children,\n  defaultOpen,\n  valid,\n  value: valueProp,\n  defaultValue: defaultValueProp,\n  ...restProps\n}: PropsWithChildren<ComboboxProviderProps>): JSX.Element => {\n  const triggerRef = useRef<HTMLInputElement>(null)\n  const contentRef = useRef<HTMLDivElement>(null)\n\n  const [openState, setOpenState] = useState(defaultOpen)\n  const [value, setValue] = useState(valueProp ?? [])\n  const [defaultValue, setDefaultValue] = useState(defaultValueProp)\n  const [searchValue, setSearchValue] = useState<string | undefined>()\n\n  const { valid: formFieldValid } = useFormFieldContext()\n\n  return (\n    <ComboboxContext.Provider\n      value={{\n        ...restProps,\n        valid: valid ?? formFieldValid,\n        openState,\n        setOpenState,\n        value,\n        setValue,\n        setDefaultValue,\n        defaultValue,\n        searchValue,\n        setSearchValue,\n        triggerRef,\n        contentRef,\n      }}\n    >\n      {children}\n    </ComboboxContext.Provider>\n  )\n}\n\nexport const useComboboxContext = (): ComboboxContextProps =>\n  useContext(ComboboxContext)\n","import React from 'react'\nimport type { ElementRef } from 'react'\nimport { Combobox } from '@ariakit/react'\nimport {\n  booleanishAttrValue,\n  mergeRefs,\n  stringAttrValue,\n} from '@mirohq/design-system-utils'\nimport { useFormFieldContext } from '@mirohq/design-system-base-form'\nimport { IconChevronDown } from '@mirohq/design-system-icons'\nimport { Input } from '@mirohq/design-system-input'\nimport type { InputProps } from '@mirohq/design-system-input'\nimport * as RadixPopover from '@radix-ui/react-popover'\n\nimport { StyledActionButton } from './trigger.styled'\nimport { useComboboxContext } from '../hooks/use-combobox-context'\n\nexport type TriggerProps = InputProps & {\n  /**\n   * The content.\n   */\n  children?: React.ReactNode\n\n  /**\n   * The size of the trigger.\n   * @default 'large'\n   */\n  size?: InputProps['size']\n\n  /**\n   * The content that will be rendered inside the Combobox.Trigger when no value or\n   * defaultValue is set.\n   */\n  placeholder?: string\n}\n\nexport const Trigger = React.forwardRef<ElementRef<typeof Input>, TriggerProps>(\n  (\n    {\n      id,\n      children,\n      size = 'large',\n      'aria-describedby': ariaDescribedBy,\n      'aria-invalid': ariaInvalid,\n      placeholder,\n      ...restProps\n    },\n    forwardRef\n  ) => {\n    const {\n      'aria-disabled': ariaDisabled,\n      valid: comboboxValid,\n      disabled,\n      value,\n      triggerRef,\n    } = useComboboxContext()\n\n    const {\n      formElementId,\n      ariaDescribedBy: formFieldContextDescribedBy,\n      ariaInvalid: formFieldAriaInvalid,\n      valid: formFieldValid,\n    } = useFormFieldContext()\n\n    const valid = formFieldValid ?? comboboxValid\n\n    const inputProps = {\n      ...restProps,\n      'aria-disabled': ariaDisabled,\n      'aria-invalid': ariaInvalid ?? formFieldAriaInvalid,\n      'aria-describedby': stringAttrValue(\n        ariaDescribedBy,\n        formFieldContextDescribedBy\n      ),\n      valid,\n      disabled,\n      invalid: booleanishAttrValue(valid),\n      id: id ?? formElementId,\n      placeholder: value?.length === 0 ? placeholder : undefined,\n    }\n\n    const variants = {\n      size,\n    }\n\n    return (\n      <RadixPopover.Anchor ref={mergeRefs([triggerRef, forwardRef])}>\n        <Combobox\n          render={\n            <Input {...inputProps} {...variants}>\n              {children}\n              {/* @todo https://miro.atlassian.net/browse/CLC-335 */}\n              <StyledActionButton label='custom label'>\n                <IconChevronDown size='small' weight='thin' />\n              </StyledActionButton>\n            </Input>\n          }\n        />\n      </RadixPopover.Anchor>\n    )\n  }\n)\n","import { styled } from '@mirohq/design-system-stitches'\nimport type { StrictComponentProps } from '@mirohq/design-system-stitches'\nimport * as RadixPopover from '@radix-ui/react-popover'\n\nexport const StyledContent = styled(RadixPopover.Content, {\n  backgroundColor: '$background-neutrals-container',\n  borderRadius: '$50',\n  boxShadow: '$50',\n  fontSize: '$175',\n  fontWeight: 'normal',\n  lineHeight: '1.5',\n  minWidth: 'var(--radix-popover-trigger-width)',\n  zIndex: '$select',\n  overflowY: 'auto',\n  marginTop: '$200',\n})\n\nexport type StyledContentProps = StrictComponentProps<typeof StyledContent>\n","import React from 'react'\nimport type { ElementRef, ReactNode } from 'react'\nimport { mergeRefs } from '@mirohq/design-system-utils'\n\nimport { StyledContent } from './content.styled'\nimport type { StyledContentProps } from './content.styled'\nimport { useComboboxContext } from '../hooks/use-combobox-context'\n\nexport interface ContentProps extends StyledContentProps {\n  /**\n   * Combobox's content.\n   */\n  children?: ReactNode\n}\n\nexport const Content = React.forwardRef<\n  ElementRef<typeof StyledContent>,\n  ContentProps\n>(({ children, ...restProps }, forwardRef) => {\n  const { triggerRef, contentRef } = useComboboxContext()\n\n  return (\n    <StyledContent\n      {...restProps}\n      ref={mergeRefs([forwardRef, contentRef])}\n      onOpenAutoFocus={event => event.preventDefault()}\n      onInteractOutside={event => {\n        const target = event.target as Element | null\n        const isTrigger = target === triggerRef.current\n        const isContent =\n          (target != null && contentRef.current?.contains(target)) ?? false\n        if (isTrigger || isContent) {\n          event.preventDefault()\n        }\n      }}\n    >\n      {children}\n    </StyledContent>\n  )\n})\n","import { ComboboxItem } from '@ariakit/react'\nimport { focus } from '@mirohq/design-system-styles'\nimport { styled } from '@mirohq/design-system-stitches'\nimport type { StrictComponentProps } from '@mirohq/design-system-stitches'\n\nexport const StyledItem = styled(ComboboxItem, {\n  display: 'flex',\n  alignItems: 'center',\n  borderRadius: '$50',\n  boxSizing: 'border-box',\n  color: '$text-neutrals',\n  cursor: 'pointer',\n  fontSize: '$175',\n  lineHeight: 1.5,\n  position: 'relative',\n  userSelect: 'none',\n  padding: '6px 0',\n  paddingInline: '$150 $100',\n\n  ...focus.css({\n    boxShadow: '$focus-small',\n    outline: '1px solid transparent',\n  }),\n\n  '&:hover:not([aria-disabled=\"true\"])': {\n    background: '$background-primary-subtle-hover',\n    color: '$text-primary-hover',\n  },\n\n  '&:disabled, &[aria-disabled=true], &[data-disabled]': {\n    cursor: 'default',\n    color: '$text-neutrals-disabled',\n  },\n})\n\nexport type StyledItemProps = StrictComponentProps<typeof StyledItem>\n","import React from 'react'\nimport type { ElementRef, ReactNode } from 'react'\nimport * as Ariakit from '@ariakit/react'\nimport { useAriaDisabled } from '@mirohq/design-system-use-aria-disabled'\n\nimport { StyledItem } from './item.styled'\nimport type { StyledItemProps } from './item.styled'\n\nexport interface ItemProps extends StyledItemProps {\n  /**\n   * The value given as data when submitted with a name.\n   */\n  value: string\n\n  /**\n   * When true, prevents the user from interacting with the item.\n   * @default false\n   */\n  disabled?: boolean\n\n  /**\n   * Optional text used for typeahead purposes. By default the typeahead\n   * behavior will use the Combobox's item text. Use this when the content is\n   * complex, or you have non-textual content inside.\n   */\n  textValue?: string\n\n  /**\n   * Item's content.\n   */\n  children?: ReactNode\n}\n\nexport const Item = React.forwardRef<ElementRef<typeof StyledItem>, ItemProps>(\n  (\n    { disabled = false, value, textValue, children, ...restProps },\n    forwardRef\n  ) => {\n    const { 'aria-disabled': ariaDisabled, ...restAriaDisabledProps } =\n      useAriaDisabled(restProps, { allowArrows: true })\n\n    return (\n      <StyledItem\n        {...restProps}\n        {...restAriaDisabledProps}\n        focusable\n        accessibleWhenDisabled={ariaDisabled === true}\n        disabled={ariaDisabled === true || disabled}\n        ref={forwardRef}\n        value={value}\n      >\n        <Ariakit.ComboboxItemCheck />\n        {children}\n      </StyledItem>\n    )\n  }\n)\n","import React from 'react'\nimport type { PopoverPortalProps } from '@radix-ui/react-popover'\nimport { Portal as RadixPortal } from '@radix-ui/react-popover'\n\nexport interface PortalProps extends PopoverPortalProps {\n  /**\n   * Specify a container element to portal the content into.\n   */\n  container?: HTMLElement | null\n}\n\nexport const Portal: React.FC<PortalProps> = props => <RadixPortal {...props} />\n","import { Group } from '@ariakit/react'\nimport { styled } from '@mirohq/design-system-stitches'\nimport type { StrictComponentProps } from '@mirohq/design-system-stitches'\n\nexport const StyledGroup = styled(Group, {})\n\nexport type StyledGroupProps = StrictComponentProps<typeof StyledGroup>\n","import React from 'react'\nimport type { ElementRef } from 'react'\n\nimport { StyledGroup } from './group.styled'\nimport type { StyledGroupProps } from './group.styled'\n\nexport interface GroupProps extends StyledGroupProps {}\n\nexport const Group = React.forwardRef<\n  ElementRef<typeof StyledGroup>,\n  GroupProps\n>((props, forwardRef) => <StyledGroup {...props} ref={forwardRef} />)\n","import { GroupLabel } from '@ariakit/react'\nimport { styled } from '@mirohq/design-system-stitches'\nimport type { StrictComponentProps } from '@mirohq/design-system-stitches'\n\nexport const StyledGroupLabel = styled(GroupLabel, {})\n\nexport type StyledGroupLabelProps = StrictComponentProps<\n  typeof StyledGroupLabel\n>\n","import React from 'react'\nimport type { ElementRef } from 'react'\n\nimport { StyledGroupLabel } from './group-label.styled'\nimport type { StyledGroupLabelProps } from './group-label.styled'\n\nexport interface GroupLabelProps extends StyledGroupLabelProps {}\n\nexport const GroupLabel = React.forwardRef<\n  ElementRef<typeof StyledGroupLabel>,\n  GroupLabelProps\n>((props, forwardRef) => <StyledGroupLabel {...props} ref={forwardRef} />)\n","import { styled } from '@mirohq/design-system-stitches'\nimport { Primitive } from '@mirohq/design-system-primitive'\n\nexport const StyledValue = styled(Primitive.span, {})\n","import React from 'react'\nimport type { ElementRef } from 'react'\n\nimport { useComboboxContext } from '../hooks/use-combobox-context'\nimport { StyledValue } from './value.styled'\n\nexport const Value = React.forwardRef<ElementRef<typeof StyledValue>>(\n  (props, forwardRef) => {\n    const { value } = useComboboxContext()\n    const isEmpty = value?.length === 0\n\n    if (isEmpty) {\n      return null\n    }\n\n    return (\n      <StyledValue ref={forwardRef} {...props}>\n        {value}\n      </StyledValue>\n    )\n  }\n)\n","import type { ComponentPropsWithRef } from 'react'\nimport { Primitive } from '@mirohq/design-system-primitive'\nimport { styled } from '@mirohq/design-system-stitches'\n\nexport const StyledComboboxContent = styled(Primitive.div, {})\n\nexport type StyledComboboxProps = ComponentPropsWithRef<\n  typeof StyledComboboxContent\n>\n","import React, { useEffect } from 'react'\nimport type { ElementRef, ForwardRefExoticComponent } from 'react'\nimport * as Ariakit from '@ariakit/react'\nimport { useFormFieldContext } from '@mirohq/design-system-base-form'\nimport * as RadixPopover from '@radix-ui/react-popover'\n\nimport { Trigger } from './partials/trigger'\nimport { Content } from './partials/content'\nimport { Item } from './partials/item'\nimport { Portal } from './partials/portal'\nimport { Group } from './partials/group'\nimport { GroupLabel } from './partials/group-label'\nimport { Value } from './partials/value'\nimport { StyledComboboxContent } from './combobox.styled'\nimport {\n  ComboboxProvider,\n  useComboboxContext,\n} from './hooks/use-combobox-context'\nimport type { ComboboxProviderProps } from './hooks/use-combobox-context'\nimport type { Direction } from './types'\n\nexport interface ComboboxProps extends ComboboxProviderProps {\n  /**\n   * The value of the combobox when initially rendered. Use when you do not need\n   * to control the state of the combobox.\n   */\n  defaultValue?: string[]\n\n  /**\n   * The controlled value of the combobox. Should be used in conjunction with\n   * onValueChange.\n   */\n  value?: string[]\n\n  /**\n   * Event handler called when the value changes.\n   */\n  onValueChange?: (value: string[]) => void\n\n  /**\n   * The open state of the combobox when it is initially rendered. Use when you do\n   * not need to control its open state.\n   * @default false\n   */\n  defaultOpen?: boolean\n\n  /**\n   * The controlled open state of the combobox. Must be used in conjunction with\n   * onOpen and onClose.\n   */\n  open?: boolean\n\n  /**\n   * Event handler called when the combobox opens.\n   */\n  onOpen?: () => void\n\n  /**\n   * Event handler called when the combobox closes.\n   */\n  onClose?: () => void\n\n  /**\n   * The reading direction of the combobox when applicable. If omitted, inherits\n   * globally from DirectionProvider or assumes LTR (left-to-right) reading\n   * mode.\n   * @default 'ltr'\n   */\n  direction?: Direction\n\n  /**\n   * The content of the combobox\n   */\n  children?: React.ReactNode\n}\n\nconst Root = React.forwardRef<\n  ElementRef<typeof StyledComboboxContent>,\n  ComboboxProps\n>(({ value: valueProp, onValueChange, children, ...restProps }, forwardRef) => {\n  const {\n    openState,\n    setOpenState,\n    defaultValue,\n    value,\n    setValue,\n    required,\n    readOnly,\n    'aria-disabled': ariaDisabled,\n    disabled,\n    direction,\n  } = useComboboxContext()\n\n  const { setRequired, setDisabled, setAriaDisabled, setReadOnly } =\n    useFormFieldContext()\n\n  useEffect(() => {\n    setRequired?.(required)\n    setDisabled?.(disabled)\n    setAriaDisabled?.(ariaDisabled)\n    setReadOnly?.(readOnly)\n  }, [\n    readOnly,\n    disabled,\n    ariaDisabled,\n    required,\n    setRequired,\n    setDisabled,\n    setAriaDisabled,\n    setReadOnly,\n  ])\n\n  const onSetSelectedValue = (newValue: string | string[]): void => {\n    // setSelectedValue from Ariakit.ComboboxProvider expects to accept a union string | string[], type cast is required to specify that it's a multi value\n    onValueChange?.(newValue as string[])\n    setValue(newValue as string[])\n  }\n\n  return (\n    <RadixPopover.Root open={openState} onOpenChange={setOpenState}>\n      <Ariakit.ComboboxProvider\n        open={openState}\n        setOpen={setOpenState}\n        defaultSelectedValue={defaultValue}\n        selectedValue={value}\n        setSelectedValue={onSetSelectedValue}\n      >\n        <StyledComboboxContent {...restProps} ref={forwardRef} dir={direction}>\n          {children}\n        </StyledComboboxContent>\n      </Ariakit.ComboboxProvider>\n    </RadixPopover.Root>\n  )\n})\n\nexport const Combobox = React.forwardRef<\n  ElementRef<typeof StyledComboboxContent>,\n  ComboboxProps\n>(\n  (\n    {\n      'aria-disabled': ariaDisabled,\n      defaultOpen = false,\n      open,\n      valid,\n      disabled,\n      readOnly,\n      required,\n      value,\n      defaultValue,\n      onOpen,\n      onValueChange,\n      direction = 'ltr',\n      ...restProps\n    },\n    forwardRef\n  ) => (\n    <ComboboxProvider\n      defaultValue={defaultValue}\n      value={value}\n      defaultOpen={defaultOpen}\n      open={open}\n      valid={valid}\n      required={required}\n      disabled={disabled}\n      readOnly={readOnly}\n      aria-disabled={ariaDisabled}\n      direction={direction}\n    >\n      <Root {...restProps} value={value} ref={forwardRef} />\n    </ComboboxProvider>\n  )\n) as ForwardRefExoticComponent<ComboboxProps> & Partials\n\nexport interface Partials {\n  Portal: typeof Portal\n  Trigger: typeof Trigger\n  Content: typeof Content\n  Item: typeof Item\n  Group: typeof Group\n  GroupLabel: typeof GroupLabel\n  Value: typeof Value\n}\n\nCombobox.Portal = Portal\nCombobox.Trigger = Trigger\nCombobox.Content = Content\nCombobox.Item = Item\nCombobox.Group = Group\nCombobox.GroupLabel = GroupLabel\nCombobox.Value = Value\n"],"names":["styled","Input","createContext","useRef","useState","useFormFieldContext","jsx","useContext","React","stringAttrValue","booleanishAttrValue","RadixPopover","mergeRefs","Combobox","jsxs","IconChevronDown","ComboboxItem","focus","useAriaDisabled","Ariakit","RadixPortal","Group","GroupLabel","Primitive","useEffect"],"mappings":"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"}
+{"version":3,"file":"main.js","sources":["../src/partials/trigger.styled.tsx","../src/hooks/use-combobox-context.tsx","../src/partials/trigger.tsx","../src/partials/content.styled.tsx","../src/partials/content.tsx","../src/partials/item.styled.tsx","../src/partials/item.tsx","../src/partials/portal.tsx","../src/partials/group.styled.tsx","../src/partials/group.tsx","../src/partials/group-label.styled.tsx","../src/partials/group-label.tsx","../src/chip/chip.styled.tsx","../src/chip/left-icon.styled.tsx","../src/chip/left-slot.tsx","../src/chip/chip.tsx","../src/partials/value.tsx","../src/combobox.styled.tsx","../src/combobox.tsx"],"sourcesContent":["import { styled } from '@mirohq/design-system-stitches'\nimport { Input } from '@mirohq/design-system-input'\n\nexport const StyledActionButton = styled(Input.ActionButton, {\n  position: 'absolute',\n  right: '$100',\n  top: '10px',\n})\n\nexport const StyledInput = styled(Input, {\n  flexWrap: 'wrap',\n  flexGrow: 1,\n  gap: '$50',\n  minHeight: '$12',\n\n  '&&&': {\n    height: 'max-content',\n    padding: '$100 $400 $100 $100',\n  },\n\n  '& input': {\n    minWidth: '30px',\n    flexBasis: 0,\n    flexGrow: 1,\n  },\n})\n","import React, { createContext, useContext, useRef, useState } from 'react'\nimport type { PropsWithChildren } from 'react'\nimport { useFormFieldContext } from '@mirohq/design-system-base-form'\nimport type { FormElementProps } from '@mirohq/design-system-base-form'\n\nimport type { Direction } from '../types'\n\ninterface ComboboxProps extends FormElementProps {\n  open?: boolean\n  defaultOpen?: boolean\n  value?: string[]\n  defaultValue?: string[]\n  searchValue?: string\n  direction?: Direction\n}\n\ninterface ComboboxContextProps extends ComboboxProps {\n  setOpenState: React.Dispatch<React.SetStateAction<boolean | undefined>>\n  openState?: boolean | undefined\n  setValue: React.Dispatch<React.SetStateAction<string[]>>\n  setDefaultValue: React.Dispatch<React.SetStateAction<string[] | undefined>>\n  setSearchValue: React.Dispatch<React.SetStateAction<string | undefined>>\n  triggerRef: React.RefObject<HTMLInputElement>\n  contentRef: React.RefObject<HTMLDivElement>\n}\n\nexport type ComboboxProviderProps = ComboboxProps\n\nconst ComboboxContext = createContext<ComboboxContextProps>({} as any)\n\nexport const ComboboxProvider = ({\n  children,\n  defaultOpen,\n  valid,\n  value: valueProp,\n  defaultValue: defaultValueProp,\n  ...restProps\n}: PropsWithChildren<ComboboxProviderProps>): JSX.Element => {\n  const triggerRef = useRef<HTMLInputElement>(null)\n  const contentRef = useRef<HTMLDivElement>(null)\n\n  const [openState, setOpenState] = useState(defaultOpen)\n  const [value, setValue] = useState(valueProp ?? [])\n  const [defaultValue, setDefaultValue] = useState(defaultValueProp)\n  const [searchValue, setSearchValue] = useState<string | undefined>()\n\n  const { valid: formFieldValid } = useFormFieldContext()\n\n  return (\n    <ComboboxContext.Provider\n      value={{\n        ...restProps,\n        valid: valid ?? formFieldValid,\n        openState,\n        setOpenState,\n        value,\n        setValue,\n        setDefaultValue,\n        defaultValue,\n        searchValue,\n        setSearchValue,\n        triggerRef,\n        contentRef,\n      }}\n    >\n      {children}\n    </ComboboxContext.Provider>\n  )\n}\n\nexport const useComboboxContext = (): ComboboxContextProps =>\n  useContext(ComboboxContext)\n","import React from 'react'\nimport type { ElementRef } from 'react'\nimport { Combobox } from '@ariakit/react'\nimport {\n  booleanishAttrValue,\n  mergeRefs,\n  stringAttrValue,\n} from '@mirohq/design-system-utils'\nimport { useFormFieldContext } from '@mirohq/design-system-base-form'\nimport { IconChevronDown } from '@mirohq/design-system-icons'\nimport type { Input, InputProps } from '@mirohq/design-system-input'\nimport * as RadixPopover from '@radix-ui/react-popover'\n\nimport { StyledActionButton, StyledInput } from './trigger.styled'\nimport { useComboboxContext } from '../hooks/use-combobox-context'\n\nexport type TriggerProps = InputProps & {\n  /**\n   * The content.\n   */\n  children?: React.ReactNode\n\n  /**\n   * The size of the trigger.\n   * @default 'large'\n   */\n  size?: InputProps['size']\n\n  /**\n   * The content that will be rendered inside the Combobox.Trigger when no value or\n   * defaultValue is set.\n   */\n  placeholder?: string\n}\n\nexport const Trigger = React.forwardRef<ElementRef<typeof Input>, TriggerProps>(\n  (\n    {\n      id,\n      children,\n      size = 'large',\n      'aria-describedby': ariaDescribedBy,\n      'aria-invalid': ariaInvalid,\n      placeholder,\n      ...restProps\n    },\n    forwardRef\n  ) => {\n    const {\n      'aria-disabled': ariaDisabled,\n      valid: comboboxValid,\n      disabled,\n      value,\n      triggerRef,\n    } = useComboboxContext()\n\n    const {\n      formElementId,\n      ariaDescribedBy: formFieldContextDescribedBy,\n      ariaInvalid: formFieldAriaInvalid,\n      valid: formFieldValid,\n    } = useFormFieldContext()\n\n    const valid = formFieldValid ?? comboboxValid\n\n    const inputProps = {\n      ...restProps,\n      'aria-disabled': ariaDisabled,\n      'aria-invalid': ariaInvalid ?? formFieldAriaInvalid,\n      'aria-describedby': stringAttrValue(\n        ariaDescribedBy,\n        formFieldContextDescribedBy\n      ),\n      valid,\n      disabled,\n      invalid: booleanishAttrValue(valid),\n      id: id ?? formElementId,\n      placeholder: value?.length === 0 ? placeholder : undefined,\n    }\n\n    const variants = {\n      size,\n    }\n\n    return (\n      <RadixPopover.Anchor ref={mergeRefs([triggerRef, forwardRef])}>\n        <Combobox\n          render={\n            <StyledInput {...inputProps} {...variants}>\n              {children}\n              {/* @todo https://miro.atlassian.net/browse/CLC-335 */}\n              <StyledActionButton label='custom label'>\n                <IconChevronDown size='small' weight='thin' />\n              </StyledActionButton>\n            </StyledInput>\n          }\n        />\n      </RadixPopover.Anchor>\n    )\n  }\n)\n","import { styled } from '@mirohq/design-system-stitches'\nimport type { StrictComponentProps } from '@mirohq/design-system-stitches'\nimport * as RadixPopover from '@radix-ui/react-popover'\n\nexport const StyledContent = styled(RadixPopover.Content, {\n  backgroundColor: '$background-neutrals-container',\n  borderRadius: '$50',\n  boxShadow: '$50',\n  fontSize: '$175',\n  fontWeight: 'normal',\n  lineHeight: '1.5',\n  minWidth: 'var(--radix-popover-trigger-width)',\n  zIndex: '$select',\n  overflowY: 'auto',\n  marginTop: '$200',\n})\n\nexport type StyledContentProps = StrictComponentProps<typeof StyledContent>\n","import React from 'react'\nimport type { ElementRef, ReactNode } from 'react'\nimport { mergeRefs } from '@mirohq/design-system-utils'\n\nimport { StyledContent } from './content.styled'\nimport type { StyledContentProps } from './content.styled'\nimport { useComboboxContext } from '../hooks/use-combobox-context'\n\nexport interface ContentProps extends StyledContentProps {\n  /**\n   * Combobox's content.\n   */\n  children?: ReactNode\n}\n\nexport const Content = React.forwardRef<\n  ElementRef<typeof StyledContent>,\n  ContentProps\n>(({ children, ...restProps }, forwardRef) => {\n  const { triggerRef, contentRef } = useComboboxContext()\n\n  return (\n    <StyledContent\n      {...restProps}\n      ref={mergeRefs([forwardRef, contentRef])}\n      onOpenAutoFocus={event => event.preventDefault()}\n      onInteractOutside={event => {\n        const target = event.target as Element | null\n        const isTrigger = target === triggerRef.current\n        const isContent =\n          (target != null && contentRef.current?.contains(target)) ?? false\n        if (isTrigger || isContent) {\n          event.preventDefault()\n        }\n      }}\n    >\n      {children}\n    </StyledContent>\n  )\n})\n","import { ComboboxItem } from '@ariakit/react'\nimport { focus } from '@mirohq/design-system-styles'\nimport { styled } from '@mirohq/design-system-stitches'\nimport type { StrictComponentProps } from '@mirohq/design-system-stitches'\n\nexport const StyledItem = styled(ComboboxItem, {\n  display: 'flex',\n  alignItems: 'center',\n  borderRadius: '$50',\n  boxSizing: 'border-box',\n  color: '$text-neutrals',\n  cursor: 'pointer',\n  fontSize: '$175',\n  lineHeight: 1.5,\n  position: 'relative',\n  userSelect: 'none',\n  padding: '6px 0',\n  paddingInline: '$150 $100',\n\n  ...focus.css({\n    boxShadow: '$focus-small',\n    outline: '1px solid transparent',\n  }),\n\n  '&:hover:not([aria-disabled=\"true\"])': {\n    background: '$background-primary-subtle-hover',\n    color: '$text-primary-hover',\n  },\n\n  '&:disabled, &[aria-disabled=true], &[data-disabled]': {\n    cursor: 'default',\n    color: '$text-neutrals-disabled',\n  },\n})\n\nexport type StyledItemProps = StrictComponentProps<typeof StyledItem>\n","import React from 'react'\nimport type { ElementRef, ReactNode } from 'react'\nimport * as Ariakit from '@ariakit/react'\nimport { useAriaDisabled } from '@mirohq/design-system-use-aria-disabled'\n\nimport { StyledItem } from './item.styled'\nimport type { StyledItemProps } from './item.styled'\n\nexport interface ItemProps extends StyledItemProps {\n  /**\n   * The value given as data when submitted with a name.\n   */\n  value: string\n\n  /**\n   * When true, prevents the user from interacting with the item.\n   * @default false\n   */\n  disabled?: boolean\n\n  /**\n   * Optional text used for typeahead purposes. By default the typeahead\n   * behavior will use the Combobox's item text. Use this when the content is\n   * complex, or you have non-textual content inside.\n   */\n  textValue?: string\n\n  /**\n   * Item's content.\n   */\n  children?: ReactNode\n}\n\nexport const Item = React.forwardRef<ElementRef<typeof StyledItem>, ItemProps>(\n  (\n    { disabled = false, value, textValue, children, ...restProps },\n    forwardRef\n  ) => {\n    const { 'aria-disabled': ariaDisabled, ...restAriaDisabledProps } =\n      useAriaDisabled(restProps, { allowArrows: true })\n\n    return (\n      <StyledItem\n        {...restProps}\n        {...restAriaDisabledProps}\n        focusable\n        accessibleWhenDisabled={ariaDisabled === true}\n        disabled={ariaDisabled === true || disabled}\n        ref={forwardRef}\n        value={value}\n      >\n        <Ariakit.ComboboxItemCheck />\n        {children}\n      </StyledItem>\n    )\n  }\n)\n","import React from 'react'\nimport type { PopoverPortalProps } from '@radix-ui/react-popover'\nimport { Portal as RadixPortal } from '@radix-ui/react-popover'\n\nexport interface PortalProps extends PopoverPortalProps {\n  /**\n   * Specify a container element to portal the content into.\n   */\n  container?: HTMLElement | null\n}\n\nexport const Portal: React.FC<PortalProps> = props => <RadixPortal {...props} />\n","import { Group } from '@ariakit/react'\nimport { styled } from '@mirohq/design-system-stitches'\nimport type { StrictComponentProps } from '@mirohq/design-system-stitches'\n\nexport const StyledGroup = styled(Group, {})\n\nexport type StyledGroupProps = StrictComponentProps<typeof StyledGroup>\n","import React from 'react'\nimport type { ElementRef } from 'react'\n\nimport { StyledGroup } from './group.styled'\nimport type { StyledGroupProps } from './group.styled'\n\nexport interface GroupProps extends StyledGroupProps {}\n\nexport const Group = React.forwardRef<\n  ElementRef<typeof StyledGroup>,\n  GroupProps\n>((props, forwardRef) => <StyledGroup {...props} ref={forwardRef} />)\n","import { GroupLabel } from '@ariakit/react'\nimport { styled } from '@mirohq/design-system-stitches'\nimport type { StrictComponentProps } from '@mirohq/design-system-stitches'\n\nexport const StyledGroupLabel = styled(GroupLabel, {})\n\nexport type StyledGroupLabelProps = StrictComponentProps<\n  typeof StyledGroupLabel\n>\n","import React from 'react'\nimport type { ElementRef } from 'react'\n\nimport { StyledGroupLabel } from './group-label.styled'\nimport type { StyledGroupLabelProps } from './group-label.styled'\n\nexport interface GroupLabelProps extends StyledGroupLabelProps {}\n\nexport const GroupLabel = React.forwardRef<\n  ElementRef<typeof StyledGroupLabel>,\n  GroupLabelProps\n>((props, forwardRef) => <StyledGroupLabel {...props} ref={forwardRef} />)\n","import { styled } from '@mirohq/design-system-stitches'\nimport type { StrictComponentProps } from '@mirohq/design-system-stitches'\nimport { Primitive } from '@mirohq/design-system-primitive'\n\nexport const StyledChip = styled(Primitive.div, {\n  fontSize: '$150',\n  padding: '$50 $100',\n  borderRadius: '$half',\n  display: 'flex',\n  alignItems: 'center',\n  gap: '$50',\n  whiteSpace: 'nowrap',\n  maxWidth: '$35',\n  background: '$gray-100',\n  color: '$gray-900',\n})\n\nexport const StyledChipContent = styled(Primitive.div, {\n  textOverflow: 'ellipsis',\n  whiteSpace: 'nowrap',\n  overflow: 'hidden',\n  lineHeight: 1.3,\n})\n\nexport type StyledChipProps = StrictComponentProps<typeof StyledChip>\n","import type { StrictComponentProps } from '@mirohq/design-system-stitches'\nimport { styled } from '@mirohq/design-system-stitches'\nimport { Primitive } from '@mirohq/design-system-primitive'\n\nexport const StyledLeftSlot = styled(Primitive.span, {\n  order: -1,\n  marginRight: '$50',\n})\n\nexport type StyledLeftSlotProps = StrictComponentProps<typeof StyledLeftSlot>\n","import type { StyledLeftSlotProps } from './left-icon.styled'\nimport { StyledLeftSlot } from './left-icon.styled'\n\nexport interface LeftSlotProps extends StyledLeftSlotProps {}\n\nexport const LeftSlot = StyledLeftSlot\n","import React from 'react'\nimport type { ElementRef, ForwardRefExoticComponent } from 'react'\nimport { BaseButton } from '@mirohq/design-system-base-button'\nimport { IconCross } from '@mirohq/design-system-icons'\nimport { booleanify } from '@mirohq/design-system-utils'\n\nimport { StyledChip, StyledChipContent } from './chip.styled'\nimport type { StyledChipProps } from './chip.styled'\nimport { LeftSlot } from './left-slot'\n\nexport type ChipProps = StyledChipProps & {\n  /**\n   * Event handler called when the chip's remove button is clicked.\n   */\n  onRemove?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void\n\n  /**\n   * When true, prevents the user from interacting with the item.\n   * @default false\n   */\n  disabled?: boolean\n\n  /**\n   * Remove chip label used to make the button recognizable by the screen readers.\n   */\n  removeChipAriaLabel?: string\n}\n\nexport const Chip = React.forwardRef<ElementRef<typeof StyledChip>, ChipProps>(\n  (\n    { children, disabled = false, onRemove, removeChipAriaLabel, ...restProps },\n    forwardRef\n  ) => (\n    <StyledChip {...restProps} ref={forwardRef}>\n      <StyledChipContent>{children}</StyledChipContent>\n      {!booleanify(disabled) && (\n        <BaseButton onClick={onRemove} aria-label={removeChipAriaLabel}>\n          <IconCross size='small' weight='thin' color='gray-500' />\n        </BaseButton>\n      )}\n    </StyledChip>\n  )\n) as ForwardRefExoticComponent<ChipProps> & Partials\n\nexport interface Partials {\n  LeftSlot: typeof LeftSlot\n}\n\nChip.LeftSlot = LeftSlot\n","import type { FC } from 'react'\nimport React from 'react'\n\nimport { useComboboxContext } from '../hooks/use-combobox-context'\nimport { Chip } from '../chip/chip'\nimport type { StyledChipProps } from '../chip/chip.styled'\n\nexport type ValueProps = StyledChipProps & {\n  /**\n   * Remove chip label used to make the button recognizable by the screen readers.\n   */\n  removeChipAriaLabel?: string\n}\n\nexport const Value: FC<ValueProps> = ({ removeChipAriaLabel }) => {\n  const {\n    value,\n    setValue,\n    disabled,\n    'aria-disabled': ariaDisabled,\n  } = useComboboxContext()\n  const isEmpty = value === undefined || value.length === 0\n  const isDisabled = ariaDisabled === true || disabled\n\n  const onItemRemove = (item: string): void => {\n    setValue(prevValue => prevValue.filter(value => value !== item))\n  }\n\n  if (isEmpty) {\n    return null\n  }\n\n  return (\n    <>\n      {value.map(item => (\n        <Chip\n          key={item}\n          onRemove={() => onItemRemove(item)}\n          disabled={isDisabled}\n          removeChipAriaLabel={removeChipAriaLabel}\n        >\n          {item}\n        </Chip>\n      ))}\n    </>\n  )\n}\n","import type { ComponentPropsWithRef } from 'react'\nimport { Primitive } from '@mirohq/design-system-primitive'\nimport { styled } from '@mirohq/design-system-stitches'\n\nexport const StyledComboboxContent = styled(Primitive.div, {})\n\nexport type StyledComboboxProps = ComponentPropsWithRef<\n  typeof StyledComboboxContent\n>\n","import React, { useEffect } from 'react'\nimport type { ElementRef, ForwardRefExoticComponent } from 'react'\nimport * as Ariakit from '@ariakit/react'\nimport { useFormFieldContext } from '@mirohq/design-system-base-form'\nimport * as RadixPopover from '@radix-ui/react-popover'\n\nimport { Trigger } from './partials/trigger'\nimport { Content } from './partials/content'\nimport { Item } from './partials/item'\nimport { Portal } from './partials/portal'\nimport { Group } from './partials/group'\nimport { GroupLabel } from './partials/group-label'\nimport { Value } from './partials/value'\nimport { StyledComboboxContent } from './combobox.styled'\nimport {\n  ComboboxProvider,\n  useComboboxContext,\n} from './hooks/use-combobox-context'\nimport type { ComboboxProviderProps } from './hooks/use-combobox-context'\nimport type { Direction } from './types'\n\nexport interface ComboboxProps extends ComboboxProviderProps {\n  /**\n   * The value of the combobox when initially rendered. Use when you do not need\n   * to control the state of the combobox.\n   */\n  defaultValue?: string[]\n\n  /**\n   * The controlled value of the combobox. Should be used in conjunction with\n   * onValueChange.\n   */\n  value?: string[]\n\n  /**\n   * Event handler called when the value changes.\n   */\n  onValueChange?: (value: string[]) => void\n\n  /**\n   * The open state of the combobox when it is initially rendered. Use when you do\n   * not need to control its open state.\n   * @default false\n   */\n  defaultOpen?: boolean\n\n  /**\n   * The controlled open state of the combobox. Must be used in conjunction with\n   * onOpen and onClose.\n   */\n  open?: boolean\n\n  /**\n   * Event handler called when the combobox opens.\n   */\n  onOpen?: () => void\n\n  /**\n   * Event handler called when the combobox closes.\n   */\n  onClose?: () => void\n\n  /**\n   * The reading direction of the combobox when applicable. If omitted, inherits\n   * globally from DirectionProvider or assumes LTR (left-to-right) reading\n   * mode.\n   * @default 'ltr'\n   */\n  direction?: Direction\n\n  /**\n   * The content of the combobox\n   */\n  children?: React.ReactNode\n}\n\nconst Root = React.forwardRef<\n  ElementRef<typeof StyledComboboxContent>,\n  ComboboxProps\n>(({ value: valueProp, onValueChange, children, ...restProps }, forwardRef) => {\n  const {\n    openState,\n    setOpenState,\n    defaultValue,\n    value,\n    setValue,\n    required,\n    readOnly,\n    'aria-disabled': ariaDisabled,\n    disabled,\n    direction,\n  } = useComboboxContext()\n\n  const { setRequired, setDisabled, setAriaDisabled, setReadOnly } =\n    useFormFieldContext()\n\n  useEffect(() => {\n    setRequired?.(required)\n    setDisabled?.(disabled)\n    setAriaDisabled?.(ariaDisabled)\n    setReadOnly?.(readOnly)\n  }, [\n    readOnly,\n    disabled,\n    ariaDisabled,\n    required,\n    setRequired,\n    setDisabled,\n    setAriaDisabled,\n    setReadOnly,\n  ])\n\n  const onSetSelectedValue = (newValue: string | string[]): void => {\n    // setSelectedValue from Ariakit.ComboboxProvider expects to accept a union string | string[], type cast is required to specify that it's a multi value\n    onValueChange?.(newValue as string[])\n    setValue(newValue as string[])\n  }\n\n  return (\n    <RadixPopover.Root open={openState} onOpenChange={setOpenState}>\n      <Ariakit.ComboboxProvider\n        open={openState}\n        setOpen={setOpenState}\n        defaultSelectedValue={defaultValue}\n        selectedValue={value}\n        setSelectedValue={onSetSelectedValue}\n      >\n        <StyledComboboxContent {...restProps} ref={forwardRef} dir={direction}>\n          {children}\n        </StyledComboboxContent>\n      </Ariakit.ComboboxProvider>\n    </RadixPopover.Root>\n  )\n})\n\nexport const Combobox = React.forwardRef<\n  ElementRef<typeof StyledComboboxContent>,\n  ComboboxProps\n>(\n  (\n    {\n      'aria-disabled': ariaDisabled,\n      defaultOpen = false,\n      open,\n      valid,\n      disabled,\n      readOnly,\n      required,\n      value,\n      defaultValue,\n      onOpen,\n      onValueChange,\n      direction = 'ltr',\n      ...restProps\n    },\n    forwardRef\n  ) => (\n    <ComboboxProvider\n      defaultValue={defaultValue}\n      value={value}\n      defaultOpen={defaultOpen}\n      open={open}\n      valid={valid}\n      required={required}\n      disabled={disabled}\n      readOnly={readOnly}\n      aria-disabled={ariaDisabled}\n      direction={direction}\n    >\n      <Root {...restProps} value={value} ref={forwardRef} />\n    </ComboboxProvider>\n  )\n) as ForwardRefExoticComponent<ComboboxProps> & Partials\n\nexport interface Partials {\n  Portal: typeof Portal\n  Trigger: typeof Trigger\n  Content: typeof Content\n  Item: typeof Item\n  Group: typeof Group\n  GroupLabel: typeof GroupLabel\n  Value: typeof Value\n}\n\nCombobox.Portal = Portal\nCombobox.Trigger = Trigger\nCombobox.Content = Content\nCombobox.Item = Item\nCombobox.Group = Group\nCombobox.GroupLabel = GroupLabel\nCombobox.Value = Value\n"],"names":["styled","Input","createContext","useRef","useState","useFormFieldContext","jsx","useContext","React","stringAttrValue","booleanishAttrValue","RadixPopover","mergeRefs","Combobox","jsxs","IconChevronDown","ComboboxItem","focus","useAriaDisabled","Ariakit","RadixPortal","Group","GroupLabel","Primitive","booleanify","BaseButton","IconCross","value","Fragment","useEffect"],"mappings":"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"}

package/dist/module.js

@@ -1,22 +1,38 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import React, { createContext, useRef, useState, useContext, useEffect } from 'react';
 import * as Ariakit from '@ariakit/react';
 import { Combobox as Combobox$1, ComboboxItem, Group as Group$1, GroupLabel as GroupLabel$1 } from '@ariakit/react';
 import { useFormFieldContext } from '@mirohq/design-system-base-form';
 import * as RadixPopover from '@radix-ui/react-popover';
 import { Portal as Portal$1 } from '@radix-ui/react-popover';
-import { stringAttrValue, booleanishAttrValue, mergeRefs } from '@mirohq/design-system-utils';
-import { IconChevronDown } from '@mirohq/design-system-icons';
-import { Input } from '@mirohq/design-system-input';
+import { stringAttrValue, booleanishAttrValue, mergeRefs, booleanify } from '@mirohq/design-system-utils';
+import { IconChevronDown, IconCross } from '@mirohq/design-system-icons';
 import { styled } from '@mirohq/design-system-stitches';
+import { Input } from '@mirohq/design-system-input';
 import { useAriaDisabled } from '@mirohq/design-system-use-aria-disabled';
 import { focus } from '@mirohq/design-system-styles';
+import { BaseButton } from '@mirohq/design-system-base-button';
 import { Primitive } from '@mirohq/design-system-primitive';
 
 const StyledActionButton = styled(Input.ActionButton, {
   position: "absolute",
   right: "$100",
-  top: "6px"
+  top: "10px"
+});
+const StyledInput = styled(Input, {
+  flexWrap: "wrap",
+  flexGrow: 1,
+  gap: "$50",
+  minHeight: "$12",
+  "&&&": {
+    height: "max-content",
+    padding: "$100 $400 $100 $100"
+  },
+  "& input": {
+    minWidth: "30px",
+    flexBasis: 0,
+    flexGrow: 1
+  }
 });
 
 const ComboboxContext = createContext({});
@@ -102,7 +118,7 @@ const Trigger = React.forwardRef(
     return /* @__PURE__ */ jsx(RadixPopover.Anchor, { ref: mergeRefs([triggerRef, forwardRef]), children: /* @__PURE__ */ jsx(
       Combobox$1,
       {
-        render: /* @__PURE__ */ jsxs(Input, { ...inputProps, ...variants, children: [
+        render: /* @__PURE__ */ jsxs(StyledInput, { ...inputProps, ...variants, children: [
           children,
           /* @__PURE__ */ jsx(StyledActionButton, { label: "custom label", children: /* @__PURE__ */ jsx(IconChevronDown, { size: "small", weight: "thin" }) })
         ] })
@@ -205,18 +221,66 @@ const StyledGroupLabel = styled(GroupLabel$1, {});
 
 const GroupLabel = React.forwardRef((props, forwardRef) => /* @__PURE__ */ jsx(StyledGroupLabel, { ...props, ref: forwardRef }));
 
-const StyledValue = styled(Primitive.span, {});
+const StyledChip = styled(Primitive.div, {
+  fontSize: "$150",
+  padding: "$50 $100",
+  borderRadius: "$half",
+  display: "flex",
+  alignItems: "center",
+  gap: "$50",
+  whiteSpace: "nowrap",
+  maxWidth: "$35",
+  background: "$gray-100",
+  color: "$gray-900"
+});
+const StyledChipContent = styled(Primitive.div, {
+  textOverflow: "ellipsis",
+  whiteSpace: "nowrap",
+  overflow: "hidden",
+  lineHeight: 1.3
+});
 
-const Value = React.forwardRef(
-  (props, forwardRef) => {
-    const { value } = useComboboxContext();
-    const isEmpty = (value == null ? void 0 : value.length) === 0;
-    if (isEmpty) {
-      return null;
-    }
-    return /* @__PURE__ */ jsx(StyledValue, { ref: forwardRef, ...props, children: value });
-  }
+const StyledLeftSlot = styled(Primitive.span, {
+  order: -1,
+  marginRight: "$50"
+});
+
+const LeftSlot = StyledLeftSlot;
+
+const Chip = React.forwardRef(
+  ({ children, disabled = false, onRemove, removeChipAriaLabel, ...restProps }, forwardRef) => /* @__PURE__ */ jsxs(StyledChip, { ...restProps, ref: forwardRef, children: [
+    /* @__PURE__ */ jsx(StyledChipContent, { children }),
+    !booleanify(disabled) && /* @__PURE__ */ jsx(BaseButton, { onClick: onRemove, "aria-label": removeChipAriaLabel, children: /* @__PURE__ */ jsx(IconCross, { size: "small", weight: "thin", color: "gray-500" }) })
+  ] })
 );
+Chip.LeftSlot = LeftSlot;
+
+const Value = ({ removeChipAriaLabel }) => {
+  const {
+    value,
+    setValue,
+    disabled,
+    "aria-disabled": ariaDisabled
+  } = useComboboxContext();
+  const isEmpty = value === void 0 || value.length === 0;
+  const isDisabled = ariaDisabled === true || disabled;
+  const onItemRemove = (item) => {
+    setValue((prevValue) => prevValue.filter((value2) => value2 !== item));
+  };
+  if (isEmpty) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(Fragment, { children: value.map((item) => /* @__PURE__ */ jsx(
+    Chip,
+    {
+      onRemove: () => onItemRemove(item),
+      disabled: isDisabled,
+      removeChipAriaLabel,
+      children: item
+    },
+    item
+  )) });
+};
 
 const StyledComboboxContent = styled(Primitive.div, {});
 
@@ -305,5 +369,5 @@ Combobox.Group = Group;
 Combobox.GroupLabel = GroupLabel;
 Combobox.Value = Value;
 
-export { Combobox };
+export { Chip, Combobox };
 //# sourceMappingURL=module.js.map

package/dist/module.js.map

@@ -1 +1 @@
-{"version":3,"file":"module.js","sources":["../src/partials/trigger.styled.tsx","../src/hooks/use-combobox-context.tsx","../src/partials/trigger.tsx","../src/partials/content.styled.tsx","../src/partials/content.tsx","../src/partials/item.styled.tsx","../src/partials/item.tsx","../src/partials/portal.tsx","../src/partials/group.styled.tsx","../src/partials/group.tsx","../src/partials/group-label.styled.tsx","../src/partials/group-label.tsx","../src/partials/value.styled.tsx","../src/partials/value.tsx","../src/combobox.styled.tsx","../src/combobox.tsx"],"sourcesContent":["import { styled } from '@mirohq/design-system-stitches'\nimport { Input } from '@mirohq/design-system-input'\n\nexport const StyledActionButton = styled(Input.ActionButton, {\n  position: 'absolute',\n  right: '$100',\n  top: '6px',\n})\n","import React, { createContext, useContext, useRef, useState } from 'react'\nimport type { PropsWithChildren } from 'react'\nimport { useFormFieldContext } from '@mirohq/design-system-base-form'\nimport type { FormElementProps } from '@mirohq/design-system-base-form'\n\nimport type { Direction } from '../types'\n\ninterface ComboboxProps extends FormElementProps {\n  open?: boolean\n  defaultOpen?: boolean\n  value?: string[]\n  defaultValue?: string[]\n  searchValue?: string\n  direction?: Direction\n}\n\ninterface ComboboxContextProps extends ComboboxProps {\n  setOpenState: React.Dispatch<React.SetStateAction<boolean | undefined>>\n  openState?: boolean | undefined\n  setValue: React.Dispatch<React.SetStateAction<string[]>>\n  setDefaultValue: React.Dispatch<React.SetStateAction<string[] | undefined>>\n  setSearchValue: React.Dispatch<React.SetStateAction<string | undefined>>\n  triggerRef: React.RefObject<HTMLInputElement>\n  contentRef: React.RefObject<HTMLDivElement>\n}\n\nexport type ComboboxProviderProps = ComboboxProps\n\nconst ComboboxContext = createContext<ComboboxContextProps>({} as any)\n\nexport const ComboboxProvider = ({\n  children,\n  defaultOpen,\n  valid,\n  value: valueProp,\n  defaultValue: defaultValueProp,\n  ...restProps\n}: PropsWithChildren<ComboboxProviderProps>): JSX.Element => {\n  const triggerRef = useRef<HTMLInputElement>(null)\n  const contentRef = useRef<HTMLDivElement>(null)\n\n  const [openState, setOpenState] = useState(defaultOpen)\n  const [value, setValue] = useState(valueProp ?? [])\n  const [defaultValue, setDefaultValue] = useState(defaultValueProp)\n  const [searchValue, setSearchValue] = useState<string | undefined>()\n\n  const { valid: formFieldValid } = useFormFieldContext()\n\n  return (\n    <ComboboxContext.Provider\n      value={{\n        ...restProps,\n        valid: valid ?? formFieldValid,\n        openState,\n        setOpenState,\n        value,\n        setValue,\n        setDefaultValue,\n        defaultValue,\n        searchValue,\n        setSearchValue,\n        triggerRef,\n        contentRef,\n      }}\n    >\n      {children}\n    </ComboboxContext.Provider>\n  )\n}\n\nexport const useComboboxContext = (): ComboboxContextProps =>\n  useContext(ComboboxContext)\n","import React from 'react'\nimport type { ElementRef } from 'react'\nimport { Combobox } from '@ariakit/react'\nimport {\n  booleanishAttrValue,\n  mergeRefs,\n  stringAttrValue,\n} from '@mirohq/design-system-utils'\nimport { useFormFieldContext } from '@mirohq/design-system-base-form'\nimport { IconChevronDown } from '@mirohq/design-system-icons'\nimport { Input } from '@mirohq/design-system-input'\nimport type { InputProps } from '@mirohq/design-system-input'\nimport * as RadixPopover from '@radix-ui/react-popover'\n\nimport { StyledActionButton } from './trigger.styled'\nimport { useComboboxContext } from '../hooks/use-combobox-context'\n\nexport type TriggerProps = InputProps & {\n  /**\n   * The content.\n   */\n  children?: React.ReactNode\n\n  /**\n   * The size of the trigger.\n   * @default 'large'\n   */\n  size?: InputProps['size']\n\n  /**\n   * The content that will be rendered inside the Combobox.Trigger when no value or\n   * defaultValue is set.\n   */\n  placeholder?: string\n}\n\nexport const Trigger = React.forwardRef<ElementRef<typeof Input>, TriggerProps>(\n  (\n    {\n      id,\n      children,\n      size = 'large',\n      'aria-describedby': ariaDescribedBy,\n      'aria-invalid': ariaInvalid,\n      placeholder,\n      ...restProps\n    },\n    forwardRef\n  ) => {\n    const {\n      'aria-disabled': ariaDisabled,\n      valid: comboboxValid,\n      disabled,\n      value,\n      triggerRef,\n    } = useComboboxContext()\n\n    const {\n      formElementId,\n      ariaDescribedBy: formFieldContextDescribedBy,\n      ariaInvalid: formFieldAriaInvalid,\n      valid: formFieldValid,\n    } = useFormFieldContext()\n\n    const valid = formFieldValid ?? comboboxValid\n\n    const inputProps = {\n      ...restProps,\n      'aria-disabled': ariaDisabled,\n      'aria-invalid': ariaInvalid ?? formFieldAriaInvalid,\n      'aria-describedby': stringAttrValue(\n        ariaDescribedBy,\n        formFieldContextDescribedBy\n      ),\n      valid,\n      disabled,\n      invalid: booleanishAttrValue(valid),\n      id: id ?? formElementId,\n      placeholder: value?.length === 0 ? placeholder : undefined,\n    }\n\n    const variants = {\n      size,\n    }\n\n    return (\n      <RadixPopover.Anchor ref={mergeRefs([triggerRef, forwardRef])}>\n        <Combobox\n          render={\n            <Input {...inputProps} {...variants}>\n              {children}\n              {/* @todo https://miro.atlassian.net/browse/CLC-335 */}\n              <StyledActionButton label='custom label'>\n                <IconChevronDown size='small' weight='thin' />\n              </StyledActionButton>\n            </Input>\n          }\n        />\n      </RadixPopover.Anchor>\n    )\n  }\n)\n","import { styled } from '@mirohq/design-system-stitches'\nimport type { StrictComponentProps } from '@mirohq/design-system-stitches'\nimport * as RadixPopover from '@radix-ui/react-popover'\n\nexport const StyledContent = styled(RadixPopover.Content, {\n  backgroundColor: '$background-neutrals-container',\n  borderRadius: '$50',\n  boxShadow: '$50',\n  fontSize: '$175',\n  fontWeight: 'normal',\n  lineHeight: '1.5',\n  minWidth: 'var(--radix-popover-trigger-width)',\n  zIndex: '$select',\n  overflowY: 'auto',\n  marginTop: '$200',\n})\n\nexport type StyledContentProps = StrictComponentProps<typeof StyledContent>\n","import React from 'react'\nimport type { ElementRef, ReactNode } from 'react'\nimport { mergeRefs } from '@mirohq/design-system-utils'\n\nimport { StyledContent } from './content.styled'\nimport type { StyledContentProps } from './content.styled'\nimport { useComboboxContext } from '../hooks/use-combobox-context'\n\nexport interface ContentProps extends StyledContentProps {\n  /**\n   * Combobox's content.\n   */\n  children?: ReactNode\n}\n\nexport const Content = React.forwardRef<\n  ElementRef<typeof StyledContent>,\n  ContentProps\n>(({ children, ...restProps }, forwardRef) => {\n  const { triggerRef, contentRef } = useComboboxContext()\n\n  return (\n    <StyledContent\n      {...restProps}\n      ref={mergeRefs([forwardRef, contentRef])}\n      onOpenAutoFocus={event => event.preventDefault()}\n      onInteractOutside={event => {\n        const target = event.target as Element | null\n        const isTrigger = target === triggerRef.current\n        const isContent =\n          (target != null && contentRef.current?.contains(target)) ?? false\n        if (isTrigger || isContent) {\n          event.preventDefault()\n        }\n      }}\n    >\n      {children}\n    </StyledContent>\n  )\n})\n","import { ComboboxItem } from '@ariakit/react'\nimport { focus } from '@mirohq/design-system-styles'\nimport { styled } from '@mirohq/design-system-stitches'\nimport type { StrictComponentProps } from '@mirohq/design-system-stitches'\n\nexport const StyledItem = styled(ComboboxItem, {\n  display: 'flex',\n  alignItems: 'center',\n  borderRadius: '$50',\n  boxSizing: 'border-box',\n  color: '$text-neutrals',\n  cursor: 'pointer',\n  fontSize: '$175',\n  lineHeight: 1.5,\n  position: 'relative',\n  userSelect: 'none',\n  padding: '6px 0',\n  paddingInline: '$150 $100',\n\n  ...focus.css({\n    boxShadow: '$focus-small',\n    outline: '1px solid transparent',\n  }),\n\n  '&:hover:not([aria-disabled=\"true\"])': {\n    background: '$background-primary-subtle-hover',\n    color: '$text-primary-hover',\n  },\n\n  '&:disabled, &[aria-disabled=true], &[data-disabled]': {\n    cursor: 'default',\n    color: '$text-neutrals-disabled',\n  },\n})\n\nexport type StyledItemProps = StrictComponentProps<typeof StyledItem>\n","import React from 'react'\nimport type { ElementRef, ReactNode } from 'react'\nimport * as Ariakit from '@ariakit/react'\nimport { useAriaDisabled } from '@mirohq/design-system-use-aria-disabled'\n\nimport { StyledItem } from './item.styled'\nimport type { StyledItemProps } from './item.styled'\n\nexport interface ItemProps extends StyledItemProps {\n  /**\n   * The value given as data when submitted with a name.\n   */\n  value: string\n\n  /**\n   * When true, prevents the user from interacting with the item.\n   * @default false\n   */\n  disabled?: boolean\n\n  /**\n   * Optional text used for typeahead purposes. By default the typeahead\n   * behavior will use the Combobox's item text. Use this when the content is\n   * complex, or you have non-textual content inside.\n   */\n  textValue?: string\n\n  /**\n   * Item's content.\n   */\n  children?: ReactNode\n}\n\nexport const Item = React.forwardRef<ElementRef<typeof StyledItem>, ItemProps>(\n  (\n    { disabled = false, value, textValue, children, ...restProps },\n    forwardRef\n  ) => {\n    const { 'aria-disabled': ariaDisabled, ...restAriaDisabledProps } =\n      useAriaDisabled(restProps, { allowArrows: true })\n\n    return (\n      <StyledItem\n        {...restProps}\n        {...restAriaDisabledProps}\n        focusable\n        accessibleWhenDisabled={ariaDisabled === true}\n        disabled={ariaDisabled === true || disabled}\n        ref={forwardRef}\n        value={value}\n      >\n        <Ariakit.ComboboxItemCheck />\n        {children}\n      </StyledItem>\n    )\n  }\n)\n","import React from 'react'\nimport type { PopoverPortalProps } from '@radix-ui/react-popover'\nimport { Portal as RadixPortal } from '@radix-ui/react-popover'\n\nexport interface PortalProps extends PopoverPortalProps {\n  /**\n   * Specify a container element to portal the content into.\n   */\n  container?: HTMLElement | null\n}\n\nexport const Portal: React.FC<PortalProps> = props => <RadixPortal {...props} />\n","import { Group } from '@ariakit/react'\nimport { styled } from '@mirohq/design-system-stitches'\nimport type { StrictComponentProps } from '@mirohq/design-system-stitches'\n\nexport const StyledGroup = styled(Group, {})\n\nexport type StyledGroupProps = StrictComponentProps<typeof StyledGroup>\n","import React from 'react'\nimport type { ElementRef } from 'react'\n\nimport { StyledGroup } from './group.styled'\nimport type { StyledGroupProps } from './group.styled'\n\nexport interface GroupProps extends StyledGroupProps {}\n\nexport const Group = React.forwardRef<\n  ElementRef<typeof StyledGroup>,\n  GroupProps\n>((props, forwardRef) => <StyledGroup {...props} ref={forwardRef} />)\n","import { GroupLabel } from '@ariakit/react'\nimport { styled } from '@mirohq/design-system-stitches'\nimport type { StrictComponentProps } from '@mirohq/design-system-stitches'\n\nexport const StyledGroupLabel = styled(GroupLabel, {})\n\nexport type StyledGroupLabelProps = StrictComponentProps<\n  typeof StyledGroupLabel\n>\n","import React from 'react'\nimport type { ElementRef } from 'react'\n\nimport { StyledGroupLabel } from './group-label.styled'\nimport type { StyledGroupLabelProps } from './group-label.styled'\n\nexport interface GroupLabelProps extends StyledGroupLabelProps {}\n\nexport const GroupLabel = React.forwardRef<\n  ElementRef<typeof StyledGroupLabel>,\n  GroupLabelProps\n>((props, forwardRef) => <StyledGroupLabel {...props} ref={forwardRef} />)\n","import { styled } from '@mirohq/design-system-stitches'\nimport { Primitive } from '@mirohq/design-system-primitive'\n\nexport const StyledValue = styled(Primitive.span, {})\n","import React from 'react'\nimport type { ElementRef } from 'react'\n\nimport { useComboboxContext } from '../hooks/use-combobox-context'\nimport { StyledValue } from './value.styled'\n\nexport const Value = React.forwardRef<ElementRef<typeof StyledValue>>(\n  (props, forwardRef) => {\n    const { value } = useComboboxContext()\n    const isEmpty = value?.length === 0\n\n    if (isEmpty) {\n      return null\n    }\n\n    return (\n      <StyledValue ref={forwardRef} {...props}>\n        {value}\n      </StyledValue>\n    )\n  }\n)\n","import type { ComponentPropsWithRef } from 'react'\nimport { Primitive } from '@mirohq/design-system-primitive'\nimport { styled } from '@mirohq/design-system-stitches'\n\nexport const StyledComboboxContent = styled(Primitive.div, {})\n\nexport type StyledComboboxProps = ComponentPropsWithRef<\n  typeof StyledComboboxContent\n>\n","import React, { useEffect } from 'react'\nimport type { ElementRef, ForwardRefExoticComponent } from 'react'\nimport * as Ariakit from '@ariakit/react'\nimport { useFormFieldContext } from '@mirohq/design-system-base-form'\nimport * as RadixPopover from '@radix-ui/react-popover'\n\nimport { Trigger } from './partials/trigger'\nimport { Content } from './partials/content'\nimport { Item } from './partials/item'\nimport { Portal } from './partials/portal'\nimport { Group } from './partials/group'\nimport { GroupLabel } from './partials/group-label'\nimport { Value } from './partials/value'\nimport { StyledComboboxContent } from './combobox.styled'\nimport {\n  ComboboxProvider,\n  useComboboxContext,\n} from './hooks/use-combobox-context'\nimport type { ComboboxProviderProps } from './hooks/use-combobox-context'\nimport type { Direction } from './types'\n\nexport interface ComboboxProps extends ComboboxProviderProps {\n  /**\n   * The value of the combobox when initially rendered. Use when you do not need\n   * to control the state of the combobox.\n   */\n  defaultValue?: string[]\n\n  /**\n   * The controlled value of the combobox. Should be used in conjunction with\n   * onValueChange.\n   */\n  value?: string[]\n\n  /**\n   * Event handler called when the value changes.\n   */\n  onValueChange?: (value: string[]) => void\n\n  /**\n   * The open state of the combobox when it is initially rendered. Use when you do\n   * not need to control its open state.\n   * @default false\n   */\n  defaultOpen?: boolean\n\n  /**\n   * The controlled open state of the combobox. Must be used in conjunction with\n   * onOpen and onClose.\n   */\n  open?: boolean\n\n  /**\n   * Event handler called when the combobox opens.\n   */\n  onOpen?: () => void\n\n  /**\n   * Event handler called when the combobox closes.\n   */\n  onClose?: () => void\n\n  /**\n   * The reading direction of the combobox when applicable. If omitted, inherits\n   * globally from DirectionProvider or assumes LTR (left-to-right) reading\n   * mode.\n   * @default 'ltr'\n   */\n  direction?: Direction\n\n  /**\n   * The content of the combobox\n   */\n  children?: React.ReactNode\n}\n\nconst Root = React.forwardRef<\n  ElementRef<typeof StyledComboboxContent>,\n  ComboboxProps\n>(({ value: valueProp, onValueChange, children, ...restProps }, forwardRef) => {\n  const {\n    openState,\n    setOpenState,\n    defaultValue,\n    value,\n    setValue,\n    required,\n    readOnly,\n    'aria-disabled': ariaDisabled,\n    disabled,\n    direction,\n  } = useComboboxContext()\n\n  const { setRequired, setDisabled, setAriaDisabled, setReadOnly } =\n    useFormFieldContext()\n\n  useEffect(() => {\n    setRequired?.(required)\n    setDisabled?.(disabled)\n    setAriaDisabled?.(ariaDisabled)\n    setReadOnly?.(readOnly)\n  }, [\n    readOnly,\n    disabled,\n    ariaDisabled,\n    required,\n    setRequired,\n    setDisabled,\n    setAriaDisabled,\n    setReadOnly,\n  ])\n\n  const onSetSelectedValue = (newValue: string | string[]): void => {\n    // setSelectedValue from Ariakit.ComboboxProvider expects to accept a union string | string[], type cast is required to specify that it's a multi value\n    onValueChange?.(newValue as string[])\n    setValue(newValue as string[])\n  }\n\n  return (\n    <RadixPopover.Root open={openState} onOpenChange={setOpenState}>\n      <Ariakit.ComboboxProvider\n        open={openState}\n        setOpen={setOpenState}\n        defaultSelectedValue={defaultValue}\n        selectedValue={value}\n        setSelectedValue={onSetSelectedValue}\n      >\n        <StyledComboboxContent {...restProps} ref={forwardRef} dir={direction}>\n          {children}\n        </StyledComboboxContent>\n      </Ariakit.ComboboxProvider>\n    </RadixPopover.Root>\n  )\n})\n\nexport const Combobox = React.forwardRef<\n  ElementRef<typeof StyledComboboxContent>,\n  ComboboxProps\n>(\n  (\n    {\n      'aria-disabled': ariaDisabled,\n      defaultOpen = false,\n      open,\n      valid,\n      disabled,\n      readOnly,\n      required,\n      value,\n      defaultValue,\n      onOpen,\n      onValueChange,\n      direction = 'ltr',\n      ...restProps\n    },\n    forwardRef\n  ) => (\n    <ComboboxProvider\n      defaultValue={defaultValue}\n      value={value}\n      defaultOpen={defaultOpen}\n      open={open}\n      valid={valid}\n      required={required}\n      disabled={disabled}\n      readOnly={readOnly}\n      aria-disabled={ariaDisabled}\n      direction={direction}\n    >\n      <Root {...restProps} value={value} ref={forwardRef} />\n    </ComboboxProvider>\n  )\n) as ForwardRefExoticComponent<ComboboxProps> & Partials\n\nexport interface Partials {\n  Portal: typeof Portal\n  Trigger: typeof Trigger\n  Content: typeof Content\n  Item: typeof Item\n  Group: typeof Group\n  GroupLabel: typeof GroupLabel\n  Value: typeof Value\n}\n\nCombobox.Portal = Portal\nCombobox.Trigger = Trigger\nCombobox.Content = Content\nCombobox.Item = Item\nCombobox.Group = Group\nCombobox.GroupLabel = GroupLabel\nCombobox.Value = Value\n"],"names":["Combobox","RadixPortal","Group","GroupLabel"],"mappings":"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"}
+{"version":3,"file":"module.js","sources":["../src/partials/trigger.styled.tsx","../src/hooks/use-combobox-context.tsx","../src/partials/trigger.tsx","../src/partials/content.styled.tsx","../src/partials/content.tsx","../src/partials/item.styled.tsx","../src/partials/item.tsx","../src/partials/portal.tsx","../src/partials/group.styled.tsx","../src/partials/group.tsx","../src/partials/group-label.styled.tsx","../src/partials/group-label.tsx","../src/chip/chip.styled.tsx","../src/chip/left-icon.styled.tsx","../src/chip/left-slot.tsx","../src/chip/chip.tsx","../src/partials/value.tsx","../src/combobox.styled.tsx","../src/combobox.tsx"],"sourcesContent":["import { styled } from '@mirohq/design-system-stitches'\nimport { Input } from '@mirohq/design-system-input'\n\nexport const StyledActionButton = styled(Input.ActionButton, {\n  position: 'absolute',\n  right: '$100',\n  top: '10px',\n})\n\nexport const StyledInput = styled(Input, {\n  flexWrap: 'wrap',\n  flexGrow: 1,\n  gap: '$50',\n  minHeight: '$12',\n\n  '&&&': {\n    height: 'max-content',\n    padding: '$100 $400 $100 $100',\n  },\n\n  '& input': {\n    minWidth: '30px',\n    flexBasis: 0,\n    flexGrow: 1,\n  },\n})\n","import React, { createContext, useContext, useRef, useState } from 'react'\nimport type { PropsWithChildren } from 'react'\nimport { useFormFieldContext } from '@mirohq/design-system-base-form'\nimport type { FormElementProps } from '@mirohq/design-system-base-form'\n\nimport type { Direction } from '../types'\n\ninterface ComboboxProps extends FormElementProps {\n  open?: boolean\n  defaultOpen?: boolean\n  value?: string[]\n  defaultValue?: string[]\n  searchValue?: string\n  direction?: Direction\n}\n\ninterface ComboboxContextProps extends ComboboxProps {\n  setOpenState: React.Dispatch<React.SetStateAction<boolean | undefined>>\n  openState?: boolean | undefined\n  setValue: React.Dispatch<React.SetStateAction<string[]>>\n  setDefaultValue: React.Dispatch<React.SetStateAction<string[] | undefined>>\n  setSearchValue: React.Dispatch<React.SetStateAction<string | undefined>>\n  triggerRef: React.RefObject<HTMLInputElement>\n  contentRef: React.RefObject<HTMLDivElement>\n}\n\nexport type ComboboxProviderProps = ComboboxProps\n\nconst ComboboxContext = createContext<ComboboxContextProps>({} as any)\n\nexport const ComboboxProvider = ({\n  children,\n  defaultOpen,\n  valid,\n  value: valueProp,\n  defaultValue: defaultValueProp,\n  ...restProps\n}: PropsWithChildren<ComboboxProviderProps>): JSX.Element => {\n  const triggerRef = useRef<HTMLInputElement>(null)\n  const contentRef = useRef<HTMLDivElement>(null)\n\n  const [openState, setOpenState] = useState(defaultOpen)\n  const [value, setValue] = useState(valueProp ?? [])\n  const [defaultValue, setDefaultValue] = useState(defaultValueProp)\n  const [searchValue, setSearchValue] = useState<string | undefined>()\n\n  const { valid: formFieldValid } = useFormFieldContext()\n\n  return (\n    <ComboboxContext.Provider\n      value={{\n        ...restProps,\n        valid: valid ?? formFieldValid,\n        openState,\n        setOpenState,\n        value,\n        setValue,\n        setDefaultValue,\n        defaultValue,\n        searchValue,\n        setSearchValue,\n        triggerRef,\n        contentRef,\n      }}\n    >\n      {children}\n    </ComboboxContext.Provider>\n  )\n}\n\nexport const useComboboxContext = (): ComboboxContextProps =>\n  useContext(ComboboxContext)\n","import React from 'react'\nimport type { ElementRef } from 'react'\nimport { Combobox } from '@ariakit/react'\nimport {\n  booleanishAttrValue,\n  mergeRefs,\n  stringAttrValue,\n} from '@mirohq/design-system-utils'\nimport { useFormFieldContext } from '@mirohq/design-system-base-form'\nimport { IconChevronDown } from '@mirohq/design-system-icons'\nimport type { Input, InputProps } from '@mirohq/design-system-input'\nimport * as RadixPopover from '@radix-ui/react-popover'\n\nimport { StyledActionButton, StyledInput } from './trigger.styled'\nimport { useComboboxContext } from '../hooks/use-combobox-context'\n\nexport type TriggerProps = InputProps & {\n  /**\n   * The content.\n   */\n  children?: React.ReactNode\n\n  /**\n   * The size of the trigger.\n   * @default 'large'\n   */\n  size?: InputProps['size']\n\n  /**\n   * The content that will be rendered inside the Combobox.Trigger when no value or\n   * defaultValue is set.\n   */\n  placeholder?: string\n}\n\nexport const Trigger = React.forwardRef<ElementRef<typeof Input>, TriggerProps>(\n  (\n    {\n      id,\n      children,\n      size = 'large',\n      'aria-describedby': ariaDescribedBy,\n      'aria-invalid': ariaInvalid,\n      placeholder,\n      ...restProps\n    },\n    forwardRef\n  ) => {\n    const {\n      'aria-disabled': ariaDisabled,\n      valid: comboboxValid,\n      disabled,\n      value,\n      triggerRef,\n    } = useComboboxContext()\n\n    const {\n      formElementId,\n      ariaDescribedBy: formFieldContextDescribedBy,\n      ariaInvalid: formFieldAriaInvalid,\n      valid: formFieldValid,\n    } = useFormFieldContext()\n\n    const valid = formFieldValid ?? comboboxValid\n\n    const inputProps = {\n      ...restProps,\n      'aria-disabled': ariaDisabled,\n      'aria-invalid': ariaInvalid ?? formFieldAriaInvalid,\n      'aria-describedby': stringAttrValue(\n        ariaDescribedBy,\n        formFieldContextDescribedBy\n      ),\n      valid,\n      disabled,\n      invalid: booleanishAttrValue(valid),\n      id: id ?? formElementId,\n      placeholder: value?.length === 0 ? placeholder : undefined,\n    }\n\n    const variants = {\n      size,\n    }\n\n    return (\n      <RadixPopover.Anchor ref={mergeRefs([triggerRef, forwardRef])}>\n        <Combobox\n          render={\n            <StyledInput {...inputProps} {...variants}>\n              {children}\n              {/* @todo https://miro.atlassian.net/browse/CLC-335 */}\n              <StyledActionButton label='custom label'>\n                <IconChevronDown size='small' weight='thin' />\n              </StyledActionButton>\n            </StyledInput>\n          }\n        />\n      </RadixPopover.Anchor>\n    )\n  }\n)\n","import { styled } from '@mirohq/design-system-stitches'\nimport type { StrictComponentProps } from '@mirohq/design-system-stitches'\nimport * as RadixPopover from '@radix-ui/react-popover'\n\nexport const StyledContent = styled(RadixPopover.Content, {\n  backgroundColor: '$background-neutrals-container',\n  borderRadius: '$50',\n  boxShadow: '$50',\n  fontSize: '$175',\n  fontWeight: 'normal',\n  lineHeight: '1.5',\n  minWidth: 'var(--radix-popover-trigger-width)',\n  zIndex: '$select',\n  overflowY: 'auto',\n  marginTop: '$200',\n})\n\nexport type StyledContentProps = StrictComponentProps<typeof StyledContent>\n","import React from 'react'\nimport type { ElementRef, ReactNode } from 'react'\nimport { mergeRefs } from '@mirohq/design-system-utils'\n\nimport { StyledContent } from './content.styled'\nimport type { StyledContentProps } from './content.styled'\nimport { useComboboxContext } from '../hooks/use-combobox-context'\n\nexport interface ContentProps extends StyledContentProps {\n  /**\n   * Combobox's content.\n   */\n  children?: ReactNode\n}\n\nexport const Content = React.forwardRef<\n  ElementRef<typeof StyledContent>,\n  ContentProps\n>(({ children, ...restProps }, forwardRef) => {\n  const { triggerRef, contentRef } = useComboboxContext()\n\n  return (\n    <StyledContent\n      {...restProps}\n      ref={mergeRefs([forwardRef, contentRef])}\n      onOpenAutoFocus={event => event.preventDefault()}\n      onInteractOutside={event => {\n        const target = event.target as Element | null\n        const isTrigger = target === triggerRef.current\n        const isContent =\n          (target != null && contentRef.current?.contains(target)) ?? false\n        if (isTrigger || isContent) {\n          event.preventDefault()\n        }\n      }}\n    >\n      {children}\n    </StyledContent>\n  )\n})\n","import { ComboboxItem } from '@ariakit/react'\nimport { focus } from '@mirohq/design-system-styles'\nimport { styled } from '@mirohq/design-system-stitches'\nimport type { StrictComponentProps } from '@mirohq/design-system-stitches'\n\nexport const StyledItem = styled(ComboboxItem, {\n  display: 'flex',\n  alignItems: 'center',\n  borderRadius: '$50',\n  boxSizing: 'border-box',\n  color: '$text-neutrals',\n  cursor: 'pointer',\n  fontSize: '$175',\n  lineHeight: 1.5,\n  position: 'relative',\n  userSelect: 'none',\n  padding: '6px 0',\n  paddingInline: '$150 $100',\n\n  ...focus.css({\n    boxShadow: '$focus-small',\n    outline: '1px solid transparent',\n  }),\n\n  '&:hover:not([aria-disabled=\"true\"])': {\n    background: '$background-primary-subtle-hover',\n    color: '$text-primary-hover',\n  },\n\n  '&:disabled, &[aria-disabled=true], &[data-disabled]': {\n    cursor: 'default',\n    color: '$text-neutrals-disabled',\n  },\n})\n\nexport type StyledItemProps = StrictComponentProps<typeof StyledItem>\n","import React from 'react'\nimport type { ElementRef, ReactNode } from 'react'\nimport * as Ariakit from '@ariakit/react'\nimport { useAriaDisabled } from '@mirohq/design-system-use-aria-disabled'\n\nimport { StyledItem } from './item.styled'\nimport type { StyledItemProps } from './item.styled'\n\nexport interface ItemProps extends StyledItemProps {\n  /**\n   * The value given as data when submitted with a name.\n   */\n  value: string\n\n  /**\n   * When true, prevents the user from interacting with the item.\n   * @default false\n   */\n  disabled?: boolean\n\n  /**\n   * Optional text used for typeahead purposes. By default the typeahead\n   * behavior will use the Combobox's item text. Use this when the content is\n   * complex, or you have non-textual content inside.\n   */\n  textValue?: string\n\n  /**\n   * Item's content.\n   */\n  children?: ReactNode\n}\n\nexport const Item = React.forwardRef<ElementRef<typeof StyledItem>, ItemProps>(\n  (\n    { disabled = false, value, textValue, children, ...restProps },\n    forwardRef\n  ) => {\n    const { 'aria-disabled': ariaDisabled, ...restAriaDisabledProps } =\n      useAriaDisabled(restProps, { allowArrows: true })\n\n    return (\n      <StyledItem\n        {...restProps}\n        {...restAriaDisabledProps}\n        focusable\n        accessibleWhenDisabled={ariaDisabled === true}\n        disabled={ariaDisabled === true || disabled}\n        ref={forwardRef}\n        value={value}\n      >\n        <Ariakit.ComboboxItemCheck />\n        {children}\n      </StyledItem>\n    )\n  }\n)\n","import React from 'react'\nimport type { PopoverPortalProps } from '@radix-ui/react-popover'\nimport { Portal as RadixPortal } from '@radix-ui/react-popover'\n\nexport interface PortalProps extends PopoverPortalProps {\n  /**\n   * Specify a container element to portal the content into.\n   */\n  container?: HTMLElement | null\n}\n\nexport const Portal: React.FC<PortalProps> = props => <RadixPortal {...props} />\n","import { Group } from '@ariakit/react'\nimport { styled } from '@mirohq/design-system-stitches'\nimport type { StrictComponentProps } from '@mirohq/design-system-stitches'\n\nexport const StyledGroup = styled(Group, {})\n\nexport type StyledGroupProps = StrictComponentProps<typeof StyledGroup>\n","import React from 'react'\nimport type { ElementRef } from 'react'\n\nimport { StyledGroup } from './group.styled'\nimport type { StyledGroupProps } from './group.styled'\n\nexport interface GroupProps extends StyledGroupProps {}\n\nexport const Group = React.forwardRef<\n  ElementRef<typeof StyledGroup>,\n  GroupProps\n>((props, forwardRef) => <StyledGroup {...props} ref={forwardRef} />)\n","import { GroupLabel } from '@ariakit/react'\nimport { styled } from '@mirohq/design-system-stitches'\nimport type { StrictComponentProps } from '@mirohq/design-system-stitches'\n\nexport const StyledGroupLabel = styled(GroupLabel, {})\n\nexport type StyledGroupLabelProps = StrictComponentProps<\n  typeof StyledGroupLabel\n>\n","import React from 'react'\nimport type { ElementRef } from 'react'\n\nimport { StyledGroupLabel } from './group-label.styled'\nimport type { StyledGroupLabelProps } from './group-label.styled'\n\nexport interface GroupLabelProps extends StyledGroupLabelProps {}\n\nexport const GroupLabel = React.forwardRef<\n  ElementRef<typeof StyledGroupLabel>,\n  GroupLabelProps\n>((props, forwardRef) => <StyledGroupLabel {...props} ref={forwardRef} />)\n","import { styled } from '@mirohq/design-system-stitches'\nimport type { StrictComponentProps } from '@mirohq/design-system-stitches'\nimport { Primitive } from '@mirohq/design-system-primitive'\n\nexport const StyledChip = styled(Primitive.div, {\n  fontSize: '$150',\n  padding: '$50 $100',\n  borderRadius: '$half',\n  display: 'flex',\n  alignItems: 'center',\n  gap: '$50',\n  whiteSpace: 'nowrap',\n  maxWidth: '$35',\n  background: '$gray-100',\n  color: '$gray-900',\n})\n\nexport const StyledChipContent = styled(Primitive.div, {\n  textOverflow: 'ellipsis',\n  whiteSpace: 'nowrap',\n  overflow: 'hidden',\n  lineHeight: 1.3,\n})\n\nexport type StyledChipProps = StrictComponentProps<typeof StyledChip>\n","import type { StrictComponentProps } from '@mirohq/design-system-stitches'\nimport { styled } from '@mirohq/design-system-stitches'\nimport { Primitive } from '@mirohq/design-system-primitive'\n\nexport const StyledLeftSlot = styled(Primitive.span, {\n  order: -1,\n  marginRight: '$50',\n})\n\nexport type StyledLeftSlotProps = StrictComponentProps<typeof StyledLeftSlot>\n","import type { StyledLeftSlotProps } from './left-icon.styled'\nimport { StyledLeftSlot } from './left-icon.styled'\n\nexport interface LeftSlotProps extends StyledLeftSlotProps {}\n\nexport const LeftSlot = StyledLeftSlot\n","import React from 'react'\nimport type { ElementRef, ForwardRefExoticComponent } from 'react'\nimport { BaseButton } from '@mirohq/design-system-base-button'\nimport { IconCross } from '@mirohq/design-system-icons'\nimport { booleanify } from '@mirohq/design-system-utils'\n\nimport { StyledChip, StyledChipContent } from './chip.styled'\nimport type { StyledChipProps } from './chip.styled'\nimport { LeftSlot } from './left-slot'\n\nexport type ChipProps = StyledChipProps & {\n  /**\n   * Event handler called when the chip's remove button is clicked.\n   */\n  onRemove?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void\n\n  /**\n   * When true, prevents the user from interacting with the item.\n   * @default false\n   */\n  disabled?: boolean\n\n  /**\n   * Remove chip label used to make the button recognizable by the screen readers.\n   */\n  removeChipAriaLabel?: string\n}\n\nexport const Chip = React.forwardRef<ElementRef<typeof StyledChip>, ChipProps>(\n  (\n    { children, disabled = false, onRemove, removeChipAriaLabel, ...restProps },\n    forwardRef\n  ) => (\n    <StyledChip {...restProps} ref={forwardRef}>\n      <StyledChipContent>{children}</StyledChipContent>\n      {!booleanify(disabled) && (\n        <BaseButton onClick={onRemove} aria-label={removeChipAriaLabel}>\n          <IconCross size='small' weight='thin' color='gray-500' />\n        </BaseButton>\n      )}\n    </StyledChip>\n  )\n) as ForwardRefExoticComponent<ChipProps> & Partials\n\nexport interface Partials {\n  LeftSlot: typeof LeftSlot\n}\n\nChip.LeftSlot = LeftSlot\n","import type { FC } from 'react'\nimport React from 'react'\n\nimport { useComboboxContext } from '../hooks/use-combobox-context'\nimport { Chip } from '../chip/chip'\nimport type { StyledChipProps } from '../chip/chip.styled'\n\nexport type ValueProps = StyledChipProps & {\n  /**\n   * Remove chip label used to make the button recognizable by the screen readers.\n   */\n  removeChipAriaLabel?: string\n}\n\nexport const Value: FC<ValueProps> = ({ removeChipAriaLabel }) => {\n  const {\n    value,\n    setValue,\n    disabled,\n    'aria-disabled': ariaDisabled,\n  } = useComboboxContext()\n  const isEmpty = value === undefined || value.length === 0\n  const isDisabled = ariaDisabled === true || disabled\n\n  const onItemRemove = (item: string): void => {\n    setValue(prevValue => prevValue.filter(value => value !== item))\n  }\n\n  if (isEmpty) {\n    return null\n  }\n\n  return (\n    <>\n      {value.map(item => (\n        <Chip\n          key={item}\n          onRemove={() => onItemRemove(item)}\n          disabled={isDisabled}\n          removeChipAriaLabel={removeChipAriaLabel}\n        >\n          {item}\n        </Chip>\n      ))}\n    </>\n  )\n}\n","import type { ComponentPropsWithRef } from 'react'\nimport { Primitive } from '@mirohq/design-system-primitive'\nimport { styled } from '@mirohq/design-system-stitches'\n\nexport const StyledComboboxContent = styled(Primitive.div, {})\n\nexport type StyledComboboxProps = ComponentPropsWithRef<\n  typeof StyledComboboxContent\n>\n","import React, { useEffect } from 'react'\nimport type { ElementRef, ForwardRefExoticComponent } from 'react'\nimport * as Ariakit from '@ariakit/react'\nimport { useFormFieldContext } from '@mirohq/design-system-base-form'\nimport * as RadixPopover from '@radix-ui/react-popover'\n\nimport { Trigger } from './partials/trigger'\nimport { Content } from './partials/content'\nimport { Item } from './partials/item'\nimport { Portal } from './partials/portal'\nimport { Group } from './partials/group'\nimport { GroupLabel } from './partials/group-label'\nimport { Value } from './partials/value'\nimport { StyledComboboxContent } from './combobox.styled'\nimport {\n  ComboboxProvider,\n  useComboboxContext,\n} from './hooks/use-combobox-context'\nimport type { ComboboxProviderProps } from './hooks/use-combobox-context'\nimport type { Direction } from './types'\n\nexport interface ComboboxProps extends ComboboxProviderProps {\n  /**\n   * The value of the combobox when initially rendered. Use when you do not need\n   * to control the state of the combobox.\n   */\n  defaultValue?: string[]\n\n  /**\n   * The controlled value of the combobox. Should be used in conjunction with\n   * onValueChange.\n   */\n  value?: string[]\n\n  /**\n   * Event handler called when the value changes.\n   */\n  onValueChange?: (value: string[]) => void\n\n  /**\n   * The open state of the combobox when it is initially rendered. Use when you do\n   * not need to control its open state.\n   * @default false\n   */\n  defaultOpen?: boolean\n\n  /**\n   * The controlled open state of the combobox. Must be used in conjunction with\n   * onOpen and onClose.\n   */\n  open?: boolean\n\n  /**\n   * Event handler called when the combobox opens.\n   */\n  onOpen?: () => void\n\n  /**\n   * Event handler called when the combobox closes.\n   */\n  onClose?: () => void\n\n  /**\n   * The reading direction of the combobox when applicable. If omitted, inherits\n   * globally from DirectionProvider or assumes LTR (left-to-right) reading\n   * mode.\n   * @default 'ltr'\n   */\n  direction?: Direction\n\n  /**\n   * The content of the combobox\n   */\n  children?: React.ReactNode\n}\n\nconst Root = React.forwardRef<\n  ElementRef<typeof StyledComboboxContent>,\n  ComboboxProps\n>(({ value: valueProp, onValueChange, children, ...restProps }, forwardRef) => {\n  const {\n    openState,\n    setOpenState,\n    defaultValue,\n    value,\n    setValue,\n    required,\n    readOnly,\n    'aria-disabled': ariaDisabled,\n    disabled,\n    direction,\n  } = useComboboxContext()\n\n  const { setRequired, setDisabled, setAriaDisabled, setReadOnly } =\n    useFormFieldContext()\n\n  useEffect(() => {\n    setRequired?.(required)\n    setDisabled?.(disabled)\n    setAriaDisabled?.(ariaDisabled)\n    setReadOnly?.(readOnly)\n  }, [\n    readOnly,\n    disabled,\n    ariaDisabled,\n    required,\n    setRequired,\n    setDisabled,\n    setAriaDisabled,\n    setReadOnly,\n  ])\n\n  const onSetSelectedValue = (newValue: string | string[]): void => {\n    // setSelectedValue from Ariakit.ComboboxProvider expects to accept a union string | string[], type cast is required to specify that it's a multi value\n    onValueChange?.(newValue as string[])\n    setValue(newValue as string[])\n  }\n\n  return (\n    <RadixPopover.Root open={openState} onOpenChange={setOpenState}>\n      <Ariakit.ComboboxProvider\n        open={openState}\n        setOpen={setOpenState}\n        defaultSelectedValue={defaultValue}\n        selectedValue={value}\n        setSelectedValue={onSetSelectedValue}\n      >\n        <StyledComboboxContent {...restProps} ref={forwardRef} dir={direction}>\n          {children}\n        </StyledComboboxContent>\n      </Ariakit.ComboboxProvider>\n    </RadixPopover.Root>\n  )\n})\n\nexport const Combobox = React.forwardRef<\n  ElementRef<typeof StyledComboboxContent>,\n  ComboboxProps\n>(\n  (\n    {\n      'aria-disabled': ariaDisabled,\n      defaultOpen = false,\n      open,\n      valid,\n      disabled,\n      readOnly,\n      required,\n      value,\n      defaultValue,\n      onOpen,\n      onValueChange,\n      direction = 'ltr',\n      ...restProps\n    },\n    forwardRef\n  ) => (\n    <ComboboxProvider\n      defaultValue={defaultValue}\n      value={value}\n      defaultOpen={defaultOpen}\n      open={open}\n      valid={valid}\n      required={required}\n      disabled={disabled}\n      readOnly={readOnly}\n      aria-disabled={ariaDisabled}\n      direction={direction}\n    >\n      <Root {...restProps} value={value} ref={forwardRef} />\n    </ComboboxProvider>\n  )\n) as ForwardRefExoticComponent<ComboboxProps> & Partials\n\nexport interface Partials {\n  Portal: typeof Portal\n  Trigger: typeof Trigger\n  Content: typeof Content\n  Item: typeof Item\n  Group: typeof Group\n  GroupLabel: typeof GroupLabel\n  Value: typeof Value\n}\n\nCombobox.Portal = Portal\nCombobox.Trigger = Trigger\nCombobox.Content = Content\nCombobox.Item = Item\nCombobox.Group = Group\nCombobox.GroupLabel = GroupLabel\nCombobox.Value = Value\n"],"names":["Combobox","RadixPortal","Group","GroupLabel","value"],"mappings":"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"}