{"version":3,"sources":["../../src/MultiSelect.tsx","../../../../foundation/primitives-web/src/Box.tsx","../../../../foundation/primitives-web/src/filterDOMProps.ts","../../../../../node_modules/@emotion/memoize/dist/memoize.esm.js","../../../../../node_modules/@emotion/is-prop-valid/dist/is-prop-valid.esm.js","../../../../foundation/primitives-web/src/Text.tsx","../../../../foundation/primitives-web/src/textTruncation.ts","../../../../foundation/primitives-web/src/Icon.tsx","../../../../foundation/primitives-web/src/index.tsx","../../src/MultiSelectControl.tsx","../../src/useMultiSelectControl.tsx","../../src/useMultiSelect.ts","../../src/Portal.web.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useRef,\n  useEffect,\n  useState,\n  type ChangeEvent,\n} from \"react\";\n// @ts-expect-error - this will be resolved at build time\nimport { Box, Text, Icon, isWeb } from \"@xsolla/xui-primitives\";\nimport {\n  useModalId,\n  useResolvedTheme,\n  useOverlayLayer,\n  LAYER_OFFSET,\n} from \"@xsolla/xui-core\";\nimport { Search as SearchIcon } from \"@xsolla/xui-icons-base\";\nimport { MultiSelectControl } from \"./MultiSelectControl\";\nimport { useMultiSelect } from \"./useMultiSelect\";\nimport type { MultiSelectOption, MultiSelectProps } from \"./types\";\nimport { Portal } from \"./Portal\";\n\n/** Default `menuMinWidth` when `dropdownMenu={false}`; matches `GROUP_SELECT_MIN_PANEL_WIDTH` in GroupSelect. */\nconst EXTERNAL_MENU_MIN_WIDTH_DEFAULT = 540;\n\ninterface MenuPosition {\n  left: number;\n  top: number;\n  width: number;\n}\n\nexport const MultiSelect = forwardRef<HTMLDivElement, MultiSelectProps>(\n  (\n    {\n      options,\n      errorMessage,\n      value = [],\n      size = \"md\",\n      state: externalState,\n      label,\n      extraClear = false,\n      disabled = false,\n      onChange,\n      variant = \"tag\",\n      flexible = true,\n      placeholder = \"Select\",\n      removeTagsButtons = true,\n      iconLeft,\n      iconRight,\n      maxHeight = 300,\n      optionOverflow = \"truncate\",\n      dropdownMenu = true,\n      onTriggerPress,\n      menuOpen = false,\n      menuMinWidth,\n      searchable = false,\n      searchPlaceholder = \"Search\",\n      noOptionsMessage = \"No results\",\n      testID,\n      themeMode,\n      themeProductContext,\n    },\n    ref\n  ) => {\n    const { theme } = useResolvedTheme({ themeMode, themeProductContext });\n    const modalId = useModalId();\n    const overlayLayer = useOverlayLayer();\n    const controlRef = useRef<HTMLDivElement>(null);\n    const menuRef = useRef<HTMLDivElement>(null);\n    const containerRef = useRef<HTMLDivElement>(null);\n    const searchInputRef = useRef<HTMLInputElement>(null);\n    const [menuPosition, setMenuPosition] = useState<MenuPosition | null>(null);\n    const [searchValue, setSearchValue] = useState(\"\");\n    const sizeStyles = theme.sizing.input(size);\n    const inputColors = theme.colors.control.input;\n\n    const state = externalState || (disabled ? \"disable\" : \"default\");\n    const isDisable = state === \"disable\" || disabled;\n    const isError = state === \"error\" || !!errorMessage;\n    const isFocus = state === \"focus\";\n\n    const {\n      values,\n      stateList,\n      selectedItems,\n      isOpen,\n      onChoose,\n      onRemove,\n      onRemoveAll,\n      onClose,\n      onSelectClick,\n    } = useMultiSelect({\n      options,\n      value,\n      onChange,\n    });\n\n    // Close menu when disabled or built-in menu is off\n    useEffect(() => {\n      if (isDisable || !dropdownMenu) {\n        onClose();\n      }\n    }, [isDisable, dropdownMenu, onClose]);\n\n    // Focus the search input when the dropdown opens (web only)\n    useEffect(() => {\n      if (isOpen && searchable && isWeb) {\n        searchInputRef.current?.focus();\n      }\n    }, [isOpen, searchable]);\n\n    // Clear the search query whenever the dropdown closes\n    useEffect(() => {\n      if (!isOpen) setSearchValue(\"\");\n    }, [isOpen]);\n\n    // Resolve the option's searchable text (labels may be non-string ReactNodes)\n    const getOptionText = (opt: MultiSelectOption): string =>\n      typeof opt.label === \"string\" ? opt.label : String(opt.value);\n\n    // Filter options in memory when searching\n    const filteredOptions =\n      searchable && searchValue\n        ? options.filter((opt) =>\n            getOptionText(opt).toLowerCase().includes(searchValue.toLowerCase())\n          )\n        : options;\n\n    const menuItems = filteredOptions.map((opt) => {\n      const id = String(opt.value);\n      const checked = values.map(String).includes(id);\n      return {\n        id,\n        children: opt.label,\n        checked,\n        disabled: opt.disabled,\n      };\n    });\n\n    const handleItemToggle = (id: string, checked: boolean) => {\n      const value = options.find((opt) => String(opt.value) === id)?.value;\n      if (value === undefined) return;\n\n      const newValues = checked\n        ? [...values, value]\n        : values.filter((v) => v !== value);\n\n      onChoose(newValues.map(String));\n    };\n\n    const controlMenuOpen = dropdownMenu ? isOpen : Boolean(menuOpen);\n    const controlOnClick = dropdownMenu ? onSelectClick : onTriggerPress;\n\n    // Resolve how option labels handle horizontal overflow. \"scroll\" mirrors\n    // the legacy behavior (single line + horizontal scroll); it is web only,\n    // since a native Text row cannot scroll horizontally and instead wraps.\n    const isScrollOverflow = optionOverflow === \"scroll\";\n    const isWrapOverflow = optionOverflow === \"wrap\";\n    const optionListOverflowX = isScrollOverflow ? \"auto\" : \"hidden\";\n    // Let the flex row shrink so the label can truncate/wrap within it; for\n    // \"scroll\" the row must size to its content so the list can overflow.\n    const optionRowMinWidth = isScrollOverflow ? undefined : 0;\n    const optionLabelNumberOfLines =\n      optionOverflow === \"truncate\" ? 1 : undefined;\n    const optionLabelStyle = isScrollOverflow\n      ? { whiteSpace: \"nowrap\" }\n      : isWrapOverflow\n        ? {\n            minWidth: 0,\n            whiteSpace: \"normal\",\n            overflowWrap: \"break-word\",\n            wordBreak: \"break-word\",\n          }\n        : {\n            minWidth: 0,\n            whiteSpace: \"nowrap\",\n            overflow: \"hidden\",\n            textOverflow: \"ellipsis\",\n          };\n\n    useEffect(() => {\n      if (!isWeb || !controlMenuOpen || isDisable || !dropdownMenu) return;\n\n      let rafId: number | null = null;\n\n      const repositionMenu = () => {\n        rafId = null;\n        if (!controlRef.current) return;\n\n        const rect = controlRef.current.getBoundingClientRect();\n        setMenuPosition({\n          left: rect.left,\n          top: rect.bottom + 4,\n          width: rect.width,\n        });\n      };\n\n      const scheduleUpdate = () => {\n        if (rafId != null) return;\n        rafId = requestAnimationFrame(repositionMenu);\n      };\n\n      scheduleUpdate();\n      window.addEventListener(\"resize\", scheduleUpdate);\n      window.addEventListener(\"scroll\", scheduleUpdate, true);\n\n      return () => {\n        if (rafId != null) cancelAnimationFrame(rafId);\n        window.removeEventListener(\"resize\", scheduleUpdate);\n        window.removeEventListener(\"scroll\", scheduleUpdate, true);\n      };\n    }, [controlMenuOpen, dropdownMenu, isDisable]);\n\n    // Close the menu on a pointer-down outside the control or menu (web only).\n    // A document-level listener is z-index agnostic, so the dropdown still\n    // closes when MultiSelect is rendered inside a Modal. The menu is rendered\n    // outside containerRef, so it is checked separately via composedPath\n    // (falling back to node containment). Mirrors Select's click-outside close.\n    useEffect(() => {\n      if (!isWeb || !dropdownMenu || !isOpen || isDisable) return;\n\n      const handleOutsideMouseDown = (event: MouseEvent) => {\n        const path =\n          typeof event.composedPath === \"function\" ? event.composedPath() : [];\n        const targetNode = event.target as Node | null;\n        const isInside = (el: HTMLElement | null) =>\n          !!el &&\n          (path.length\n            ? path.includes(el)\n            : !!targetNode && el.contains(targetNode));\n\n        if (isInside(containerRef.current) || isInside(menuRef.current)) return;\n        onClose();\n      };\n\n      document.addEventListener(\"mousedown\", handleOutsideMouseDown);\n      return () =>\n        document.removeEventListener(\"mousedown\", handleOutsideMouseDown);\n    }, [dropdownMenu, isOpen, isDisable, onClose]);\n\n    const externalFieldLayout = !dropdownMenu\n      ? {\n          width: \"100%\" as const,\n          minWidth: menuMinWidth ?? EXTERNAL_MENU_MIN_WIDTH_DEFAULT,\n          boxSizing: \"border-box\" as const,\n        }\n      : undefined;\n\n    const dropdown = dropdownMenu &&\n      isOpen &&\n      !isDisable &&\n      (!isWeb || menuPosition) && (\n        <>\n          {/* Backdrop overlay for closing (native only). On web, an outside\n              mousedown listener handles closing in a z-index-agnostic way so the\n              menu still closes when MultiSelect is inside a Modal. */}\n          {!isWeb && (\n            <Box\n              data-modal-id={modalId}\n              style={{\n                position: \"fixed\",\n                top: 0,\n                left: 0,\n                right: 0,\n                bottom: 0,\n                zIndex: overlayLayer + LAYER_OFFSET.menu,\n                cursor: \"default\",\n              }}\n              onPress={onClose}\n            />\n          )}\n\n          {/* Menu */}\n          <Box\n            ref={menuRef}\n            role=\"listbox\"\n            aria-multiselectable\n            aria-label={label ?? placeholder}\n            data-modal-id={modalId}\n            backgroundColor={theme.colors.background.secondary}\n            borderColor={theme.colors.border.secondary}\n            borderWidth={1}\n            borderRadius={sizeStyles.radius}\n            style={{\n              position: isWeb ? \"fixed\" : \"absolute\",\n              top: isWeb ? menuPosition?.top : \"100%\",\n              left: isWeb ? menuPosition?.left : 0,\n              right: isWeb ? undefined : 0,\n              width: isWeb ? menuPosition?.width : undefined,\n              marginTop: isWeb ? undefined : 4,\n              zIndex: overlayLayer + LAYER_OFFSET.popover,\n              boxShadow: theme.shadow.popover,\n            }}\n          >\n            {/* Search input - outside the scrollable area (web only) */}\n            {searchable && isWeb && (\n              <Box\n                paddingHorizontal={sizeStyles.paddingHorizontal}\n                paddingVertical={sizeStyles.paddingVertical}\n                borderBottomWidth={1}\n                borderColor={theme.colors.border.secondary}\n              >\n                <Box\n                  flexDirection=\"row\"\n                  alignItems=\"center\"\n                  gap={sizeStyles.paddingHorizontal / 2}\n                  paddingHorizontal={4}\n                >\n                  <Icon\n                    size={sizeStyles.iconSize - 2}\n                    color={inputColors.placeholder}\n                  >\n                    <SearchIcon />\n                  </Icon>\n                  <Box\n                    as=\"input\"\n                    ref={searchInputRef}\n                    testID={testID ? `${testID}-search-input` : undefined}\n                    flex={1}\n                    type=\"text\"\n                    aria-label={searchPlaceholder}\n                    value={searchValue}\n                    onChange={(e: ChangeEvent<HTMLInputElement>) =>\n                      setSearchValue(e.target.value)\n                    }\n                    placeholder={searchPlaceholder}\n                    style={{\n                      border: \"none\",\n                      outline: \"none\",\n                      background: \"transparent\",\n                      color: inputColors.text,\n                      fontSize: sizeStyles.fontSize,\n                      width: \"100%\",\n                    }}\n                  />\n                </Box>\n              </Box>\n            )}\n\n            {/* Options list - scrollable */}\n            <Box\n              paddingVertical={4}\n              style={{\n                maxHeight: searchable ? maxHeight - 60 : maxHeight,\n                overflowY: \"auto\",\n                overflowX: optionListOverflowX,\n                scrollbarWidth: \"none\",\n              }}\n            >\n              {menuItems.length === 0 ? (\n                <Box\n                  paddingVertical={sizeStyles.paddingVertical * 2}\n                  paddingHorizontal={sizeStyles.paddingHorizontal}\n                  alignItems=\"center\"\n                >\n                  <Text\n                    color={theme.colors.content.tertiary}\n                    fontSize={sizeStyles.fontSize}\n                  >\n                    {noOptionsMessage}\n                  </Text>\n                </Box>\n              ) : (\n                menuItems.map((item, _index) => {\n                  const brandColors = theme.colors.control.brand.primary;\n                  const contentColors = theme.colors.content;\n\n                  return (\n                    <Box\n                      testID={testID}\n                      key={item.id}\n                      paddingHorizontal={sizeStyles.paddingHorizontal}\n                      paddingVertical={8}\n                      onPress={() => {\n                        if (!item.disabled) {\n                          handleItemToggle(item.id, !item.checked);\n                        }\n                      }}\n                      flexDirection=\"row\"\n                      alignItems=\"center\"\n                      justifyContent=\"space-between\"\n                      backgroundColor={\n                        item.checked ? brandColors.bg : \"transparent\"\n                      }\n                      hoverStyle={\n                        !item.disabled && !item.checked\n                          ? {\n                              backgroundColor:\n                                theme.colors.control.input.bgHover,\n                            }\n                          : undefined\n                      }\n                      style={{\n                        cursor: item.disabled ? \"not-allowed\" : \"pointer\",\n                        opacity: item.disabled ? 0.5 : 1,\n                        minWidth: optionRowMinWidth,\n                      }}\n                    >\n                      <Text\n                        color={\n                          item.checked\n                            ? contentColors.on.brand\n                            : theme.colors.content.secondary\n                        }\n                        fontSize={sizeStyles.fontSize}\n                        fontWeight=\"400\"\n                        numberOfLines={optionLabelNumberOfLines}\n                        style={optionLabelStyle}\n                      >\n                        {item.children}\n                      </Text>\n                    </Box>\n                  );\n                })\n              )}\n            </Box>\n          </Box>\n        </>\n      );\n\n    return (\n      <Box\n        ref={containerRef}\n        testID={testID}\n        flexDirection=\"column\"\n        gap={sizeStyles.fieldGap}\n        style={externalFieldLayout}\n      >\n        {/* Label */}\n        {label && (\n          <Text\n            color={theme.colors.content.secondary}\n            fontSize={sizeStyles.fontSize - 2}\n            fontWeight=\"500\"\n          >\n            {label}\n          </Text>\n        )}\n\n        {/* Control container */}\n        <Box\n          ref={ref}\n          style={{\n            position: \"relative\",\n            ...(externalFieldLayout ? { width: \"100%\" } : {}),\n          }}\n        >\n          <MultiSelectControl\n            ref={controlRef}\n            isOpen={controlMenuOpen}\n            isFocus={isFocus}\n            isError={isError}\n            size={size}\n            state={state}\n            disabled={isDisable}\n            onClick={controlOnClick}\n            width={dropdownMenu ? undefined : \"100%\"}\n            removeValue={onRemove}\n            removeAllValues={onRemoveAll}\n            stateList={stateList}\n            selectedItems={selectedItems}\n            variant={variant}\n            flexible={flexible}\n            placeholder={placeholder}\n            removeTagsButtons={removeTagsButtons}\n            iconLeft={iconLeft}\n            iconRight={iconRight}\n            extraClear={extraClear}\n          />\n\n          {/* Dropdown menu */}\n          {isWeb ? <Portal>{dropdown}</Portal> : dropdown}\n        </Box>\n\n        {/* Error message */}\n        {errorMessage && (\n          <Text\n            color={theme.colors.content.alert.primary}\n            fontSize={sizeStyles.fontSize - 2}\n            style={{ lineHeight: sizeStyles.lineHeight + \"px\" }}\n          >\n            {errorMessage}\n          </Text>\n        )}\n      </Box>\n    );\n  }\n);\n\nMultiSelect.displayName = \"MultiSelect\";\n","import React from \"react\";\nimport styled from \"styled-components\";\nimport type { BoxProps } from \"@xsolla/xui-primitives-core\";\nimport { createFilteredElement } from \"./filterDOMProps\";\n\nconst FilteredDiv = createFilteredElement(\"div\");\n\nconst StyledBox = styled(FilteredDiv)<BoxProps>`\n  display: flex;\n  box-sizing: border-box;\n  background-color: ${(props) => props.backgroundColor || \"transparent\"};\n  border-color: ${(props) => props.borderColor || \"transparent\"};\n  border-width: ${(props) =>\n    typeof props.borderWidth === \"number\"\n      ? `${props.borderWidth}px`\n      : props.borderWidth || 0};\n\n  ${(props) =>\n    props.borderBottomWidth !== undefined &&\n    `\n    border-bottom-width: ${typeof props.borderBottomWidth === \"number\" ? `${props.borderBottomWidth}px` : props.borderBottomWidth};\n    border-bottom-color: ${props.borderBottomColor || props.borderColor || \"transparent\"};\n    border-bottom-style: solid;\n  `}\n  ${(props) =>\n    props.borderTopWidth !== undefined &&\n    `\n    border-top-width: ${typeof props.borderTopWidth === \"number\" ? `${props.borderTopWidth}px` : props.borderTopWidth};\n    border-top-color: ${props.borderTopColor || props.borderColor || \"transparent\"};\n    border-top-style: solid;\n  `}\n  ${(props) =>\n    props.borderLeftWidth !== undefined &&\n    `\n    border-left-width: ${typeof props.borderLeftWidth === \"number\" ? `${props.borderLeftWidth}px` : props.borderLeftWidth};\n    border-left-color: ${props.borderLeftColor || props.borderColor || \"transparent\"};\n    border-left-style: solid;\n  `}\n  ${(props) =>\n    props.borderRightWidth !== undefined &&\n    `\n    border-right-width: ${typeof props.borderRightWidth === \"number\" ? `${props.borderRightWidth}px` : props.borderRightWidth};\n    border-right-color: ${props.borderRightColor || props.borderColor || \"transparent\"};\n    border-right-style: solid;\n  `}\n\n  border-style: ${(props) =>\n    props.borderStyle ||\n    (props.borderWidth ||\n    props.borderBottomWidth ||\n    props.borderTopWidth ||\n    props.borderLeftWidth ||\n    props.borderRightWidth\n      ? \"solid\"\n      : \"none\")};\n  border-radius: ${(props) =>\n    typeof props.borderRadius === \"number\"\n      ? `${props.borderRadius}px`\n      : props.borderRadius || 0};\n  height: ${(props) =>\n    typeof props.height === \"number\"\n      ? `${props.height}px`\n      : props.height || \"auto\"};\n  width: ${(props) =>\n    typeof props.width === \"number\"\n      ? `${props.width}px`\n      : props.width || \"auto\"};\n  min-width: ${(props) =>\n    typeof props.minWidth === \"number\"\n      ? `${props.minWidth}px`\n      : props.minWidth || \"auto\"};\n  min-height: ${(props) =>\n    typeof props.minHeight === \"number\"\n      ? `${props.minHeight}px`\n      : props.minHeight || \"auto\"};\n  max-width: ${(props) =>\n    typeof props.maxWidth === \"number\"\n      ? `${props.maxWidth}px`\n      : props.maxWidth || \"none\"};\n  max-height: ${(props) =>\n    typeof props.maxHeight === \"number\"\n      ? `${props.maxHeight}px`\n      : props.maxHeight || \"none\"};\n\n  padding: ${(props) =>\n    typeof props.padding === \"number\"\n      ? `${props.padding}px`\n      : props.padding || 0};\n  ${(props) =>\n    props.paddingHorizontal &&\n    `\n    padding-left: ${typeof props.paddingHorizontal === \"number\" ? `${props.paddingHorizontal}px` : props.paddingHorizontal};\n    padding-right: ${typeof props.paddingHorizontal === \"number\" ? `${props.paddingHorizontal}px` : props.paddingHorizontal};\n  `}\n  ${(props) =>\n    props.paddingVertical &&\n    `\n    padding-top: ${typeof props.paddingVertical === \"number\" ? `${props.paddingVertical}px` : props.paddingVertical};\n    padding-bottom: ${typeof props.paddingVertical === \"number\" ? `${props.paddingVertical}px` : props.paddingVertical};\n  `}\n  ${(props) =>\n    props.paddingTop !== undefined &&\n    `padding-top: ${typeof props.paddingTop === \"number\" ? `${props.paddingTop}px` : props.paddingTop};`}\n  ${(props) =>\n    props.paddingBottom !== undefined &&\n    `padding-bottom: ${typeof props.paddingBottom === \"number\" ? `${props.paddingBottom}px` : props.paddingBottom};`}\n  ${(props) =>\n    props.paddingLeft !== undefined &&\n    `padding-left: ${typeof props.paddingLeft === \"number\" ? `${props.paddingLeft}px` : props.paddingLeft};`}\n  ${(props) =>\n    props.paddingRight !== undefined &&\n    `padding-right: ${typeof props.paddingRight === \"number\" ? `${props.paddingRight}px` : props.paddingRight};`}\n\n  margin: ${(props) =>\n    typeof props.margin === \"number\" ? `${props.margin}px` : props.margin || 0};\n  ${(props) =>\n    props.marginTop !== undefined &&\n    `margin-top: ${typeof props.marginTop === \"number\" ? `${props.marginTop}px` : props.marginTop};`}\n  ${(props) =>\n    props.marginBottom !== undefined &&\n    `margin-bottom: ${typeof props.marginBottom === \"number\" ? `${props.marginBottom}px` : props.marginBottom};`}\n  ${(props) =>\n    props.marginLeft !== undefined &&\n    `margin-left: ${typeof props.marginLeft === \"number\" ? `${props.marginLeft}px` : props.marginLeft};`}\n  ${(props) =>\n    props.marginRight !== undefined &&\n    `margin-right: ${typeof props.marginRight === \"number\" ? `${props.marginRight}px` : props.marginRight};`}\n\n  flex-direction: ${(props) => props.flexDirection || \"column\"};\n  flex-wrap: ${(props) => props.flexWrap || \"nowrap\"};\n  align-items: ${(props) => props.alignItems || \"stretch\"};\n  justify-content: ${(props) => props.justifyContent || \"flex-start\"};\n  cursor: ${(props) =>\n    props.cursor\n      ? props.cursor\n      : props.onClick || props.onPress\n        ? \"pointer\"\n        : \"inherit\"};\n  position: ${(props) => props.position || \"static\"};\n  top: ${(props) =>\n    typeof props.top === \"number\" ? `${props.top}px` : props.top};\n  bottom: ${(props) =>\n    typeof props.bottom === \"number\" ? `${props.bottom}px` : props.bottom};\n  left: ${(props) =>\n    typeof props.left === \"number\" ? `${props.left}px` : props.left};\n  right: ${(props) =>\n    typeof props.right === \"number\" ? `${props.right}px` : props.right};\n  flex: ${(props) => props.flex};\n  flex-shrink: ${(props) => props.flexShrink ?? 1};\n  gap: ${(props) =>\n    typeof props.gap === \"number\" ? `${props.gap}px` : props.gap || 0};\n  align-self: ${(props) => props.alignSelf || \"auto\"};\n  /* Only emit overflow-x/y when explicitly set. Defaulting them to\n     visible after overflow would override the shorthand and break\n     clipping (e.g. OtherCard bottom-right promo image). */\n  overflow: ${(props) => props.overflow || \"visible\"};\n  ${(props) =>\n    props.overflowX != null ? `overflow-x: ${props.overflowX};` : \"\"}\n  ${(props) =>\n    props.overflowY != null ? `overflow-y: ${props.overflowY};` : \"\"}\n  z-index: ${(props) => props.zIndex};\n  opacity: ${(props) =>\n    props.opacity != null ? props.opacity : props.disabled ? 0.5 : 1};\n  pointer-events: ${(props) => (props.disabled ? \"none\" : \"auto\")};\n\n  /* \\`background\\` is emitted before \\`background-color\\` so a caller passing\n     both still gets backgroundColor as the winner. Use the shorthand for a\n     layered fill (e.g. an overlay tint over a resting surface colour), which\n     a single background-color cannot express. */\n  &:hover {\n    ${(props) =>\n      props.hoverStyle?.background &&\n      `background: ${props.hoverStyle.background};`}\n    ${(props) =>\n      props.hoverStyle?.backgroundColor &&\n      `background-color: ${props.hoverStyle.backgroundColor};`}\n    ${(props) =>\n      props.hoverStyle?.borderColor &&\n      `border-color: ${props.hoverStyle.borderColor};`}\n  }\n\n  &:active {\n    ${(props) =>\n      props.pressStyle?.background &&\n      `background: ${props.pressStyle.background};`}\n    ${(props) =>\n      props.pressStyle?.backgroundColor &&\n      `background-color: ${props.pressStyle.backgroundColor};`}\n  }\n`;\n\nexport const Box = React.forwardRef<\n  HTMLDivElement | HTMLButtonElement,\n  BoxProps\n>(\n  (\n    {\n      children,\n      onPress,\n      onKeyDown,\n      onKeyUp,\n      role,\n      \"aria-label\": ariaLabel,\n      \"aria-labelledby\": ariaLabelledBy,\n      \"aria-current\": ariaCurrent,\n      \"aria-disabled\": ariaDisabled,\n      \"aria-live\": ariaLive,\n      \"aria-busy\": ariaBusy,\n      \"aria-describedby\": ariaDescribedBy,\n      \"aria-expanded\": ariaExpanded,\n      \"aria-haspopup\": ariaHasPopup,\n      \"aria-pressed\": ariaPressed,\n      \"aria-controls\": ariaControls,\n      tabIndex,\n      as,\n      src,\n      alt,\n      onError,\n      onLoad,\n      type,\n      disabled,\n      id,\n      testID,\n      \"data-testid\": dataTestId,\n      ...props\n    },\n    ref\n  ) => {\n    // Handle as=\"img\" for rendering images with proper border-radius\n    if (as === \"img\" && src) {\n      return (\n        <img\n          src={src}\n          alt={alt || \"\"}\n          onError={onError}\n          onLoad={onLoad}\n          data-testid={dataTestId || testID}\n          style={{\n            display: \"block\",\n            objectFit: \"cover\",\n            width:\n              typeof props.width === \"number\"\n                ? `${props.width}px`\n                : props.width,\n            height:\n              typeof props.height === \"number\"\n                ? `${props.height}px`\n                : props.height,\n            borderRadius:\n              typeof props.borderRadius === \"number\"\n                ? `${props.borderRadius}px`\n                : props.borderRadius,\n            position: props.position,\n            top: typeof props.top === \"number\" ? `${props.top}px` : props.top,\n            left:\n              typeof props.left === \"number\" ? `${props.left}px` : props.left,\n            right:\n              typeof props.right === \"number\"\n                ? `${props.right}px`\n                : props.right,\n            bottom:\n              typeof props.bottom === \"number\"\n                ? `${props.bottom}px`\n                : props.bottom,\n            ...props.style,\n          }}\n        />\n      );\n    }\n\n    return (\n      <StyledBox\n        ref={ref}\n        elementType={as}\n        id={id}\n        type={as === \"button\" ? type || \"button\" : undefined}\n        disabled={as === \"button\" ? disabled : undefined}\n        onClick={onPress}\n        onKeyDown={onKeyDown}\n        onKeyUp={onKeyUp}\n        role={role}\n        aria-label={ariaLabel}\n        aria-labelledby={ariaLabelledBy}\n        aria-current={ariaCurrent}\n        aria-disabled={ariaDisabled}\n        aria-busy={ariaBusy}\n        aria-describedby={ariaDescribedBy}\n        aria-expanded={ariaExpanded}\n        aria-haspopup={ariaHasPopup}\n        aria-pressed={ariaPressed}\n        aria-controls={ariaControls}\n        aria-live={ariaLive}\n        tabIndex={tabIndex !== undefined ? tabIndex : undefined}\n        data-testid={dataTestId || testID}\n        {...props}\n      >\n        {children}\n      </StyledBox>\n    );\n  }\n);\n\nBox.displayName = \"Box\";\n","import React from \"react\";\nimport isPropValid from \"@emotion/is-prop-valid\";\n\n// Props that @emotion/is-prop-valid incorrectly treats as valid HTML.\n// These are React Native or component-specific props that match\n// valid HTML patterns (on* event handlers, SVG attributes).\nexport const ADDITIONAL_BLOCKED_PROPS = new Set([\n  // RN-only event handlers (pass isPropValid's on* pattern)\n  \"onPress\",\n  \"onChangeText\",\n  \"onLayout\",\n  \"onMoveShouldSetResponder\",\n  \"onResponderGrant\",\n  \"onResponderMove\",\n  \"onResponderRelease\",\n  \"onResponderTerminate\",\n  // SVG attributes that pass isPropValid\n  \"strokeWidth\",\n  // CSS properties that pass isPropValid but are used as component props\n  \"overflow\",\n  \"opacity\",\n  \"cursor\",\n  \"fontSize\",\n  \"fontWeight\",\n  \"fontFamily\",\n  \"textDecoration\",\n  // Cross-platform layout prop that Text consumes as CSS, never as an\n  // attribute. Pinned explicitly because it is now spread into the styled\n  // component rather than destructured away before it can reach the DOM.\n  \"numberOfLines\",\n]);\n\nfunction shouldForwardProp(key: string): boolean {\n  if (ADDITIONAL_BLOCKED_PROPS.has(key)) return false;\n  return isPropValid(key);\n}\n\n/**\n * Creates a React component that renders the given HTML tag\n * but filters out non-HTML props before they reach the DOM.\n *\n * Uses @emotion/is-prop-valid (same library styled-components v4\n * uses internally) to automatically block invalid HTML attributes,\n * plus a small blocklist for false positives (RN on* handlers, SVG attrs).\n *\n * Usage: `const FilteredDiv = createFilteredElement(\"div\");`\n * Then:  `const StyledBox = styled(FilteredDiv)<BoxProps>\\`...\\`;`\n *\n * styled-components can still read ALL props for CSS interpolation,\n * but only valid HTML attributes are forwarded to the DOM element.\n */\nexport function createFilteredElement(defaultTag: string) {\n  const Component = React.forwardRef<HTMLElement, Record<string, unknown>>(\n    ({ children, elementType, ...props }, ref) => {\n      const Tag = (elementType as string) || defaultTag;\n      const htmlProps: Record<string, unknown> = {};\n      for (const key of Object.keys(props)) {\n        if (shouldForwardProp(key)) {\n          htmlProps[key] = props[key];\n        }\n      }\n      return React.createElement(\n        Tag,\n        { ref, ...htmlProps },\n        children as React.ReactNode\n      );\n    }\n  );\n  Component.displayName = `Filtered(${defaultTag})`;\n  return Component;\n}\n","function memoize(fn) {\n  var cache = {};\n  return function (arg) {\n    if (cache[arg] === undefined) cache[arg] = fn(arg);\n    return cache[arg];\n  };\n}\n\nexport default memoize;\n","import memoize from '@emotion/memoize';\n\nvar reactPropsRegex = /^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|download|draggable|encType|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|inert|itemProp|itemScope|itemType|itemID|itemRef|on|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/; // https://esbench.com/bench/5bfee68a4cd7e6009ef61d23\n\nvar index = memoize(function (prop) {\n  return reactPropsRegex.test(prop) || prop.charCodeAt(0) === 111\n  /* o */\n  && prop.charCodeAt(1) === 110\n  /* n */\n  && prop.charCodeAt(2) < 91;\n}\n/* Z+1 */\n);\n\nexport default index;\n","import React from \"react\";\nimport styled from \"styled-components\";\nimport { TextProps } from \"@xsolla/xui-primitives-core\";\nimport { createFilteredElement } from \"./filterDOMProps\";\nimport { truncationStyles } from \"./textTruncation\";\n\nconst FilteredSpan = createFilteredElement(\"span\");\n\nconst StyledText = styled(FilteredSpan)<TextProps>`\n  color: ${(props) => props.color || \"inherit\"};\n  font-size: ${(props) =>\n    typeof props.fontSize === \"number\"\n      ? `${props.fontSize}px`\n      : props.fontSize || \"inherit\"};\n  font-weight: ${(props) => props.fontWeight || \"normal\"};\n  font-family: ${(props) =>\n    props.fontFamily ||\n    '\"Aktiv Grotesk\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif'};\n  line-height: ${(props) =>\n    typeof props.lineHeight === \"number\"\n      ? `${props.lineHeight}px`\n      : props.lineHeight || \"inherit\"};\n  white-space: ${(props) => props.whiteSpace || \"normal\"};\n  text-align: ${(props) => props.textAlign || \"inherit\"};\n  text-decoration: ${(props) => props.textDecoration || \"none\"};\n\n  /* Keep last: single-line truncation has to win over white-space above. */\n  ${(props) => truncationStyles(props.numberOfLines)}\n`;\n\nexport const Text: React.FC<TextProps> = ({\n  style,\n  className,\n  id,\n  role,\n  testID,\n  \"data-testid\": dataTestId,\n  ...props\n}) => {\n  return (\n    <StyledText\n      {...props}\n      style={style}\n      className={className}\n      id={id}\n      role={role}\n      data-testid={dataTestId || testID}\n    />\n  );\n};\n","/**\n * Web implementation of the cross-platform `numberOfLines` text prop.\n *\n * Native maps `numberOfLines` straight onto `RNText`. A web `<span>` has no\n * equivalent, so emit the CSS that produces the same result.\n *\n * Two details matter for the single-line case:\n * - `text-overflow` only takes effect on a block container, so the inline\n *   `<span>` is promoted to `display: block` and capped at `max-width: 100%`.\n * - `min-width: 0` lets the text shrink below its own content width when it\n *   sits in a flex row. Without it a `nowrap` label keeps its full intrinsic\n *   width and pushes its siblings (icons, chevrons) out of a fixed-width field.\n *\n * Returns an empty string when there is nothing to clamp, so the declaration\n * block stays untouched for the majority of callers.\n */\nexport const truncationStyles = (numberOfLines?: number): string => {\n  if (!numberOfLines || numberOfLines < 1) return \"\";\n\n  if (numberOfLines === 1) {\n    return `\n      display: block;\n      max-width: 100%;\n      min-width: 0;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    `;\n  }\n\n  return `\n    display: -webkit-box;\n    -webkit-box-orient: vertical;\n    -webkit-line-clamp: ${numberOfLines};\n    line-clamp: ${numberOfLines};\n    max-width: 100%;\n    min-width: 0;\n    overflow: hidden;\n  `;\n};\n","import React from \"react\";\nimport styled from \"styled-components\";\nimport { IconProps } from \"@xsolla/xui-primitives-core\";\nimport { createFilteredElement } from \"./filterDOMProps\";\n\nconst FilteredDiv = createFilteredElement(\"div\");\n\nconst StyledIcon = styled(FilteredDiv)<IconProps>`\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: ${(props) =>\n    typeof props.size === \"number\" ? `${props.size}px` : props.size || \"24px\"};\n  height: ${(props) =>\n    typeof props.size === \"number\" ? `${props.size}px` : props.size || \"24px\"};\n  color: ${(props) => props.color || \"currentColor\"};\n\n  /* Icons paint themselves — each icon's own SVG sets its fill/stroke\n     (icons-base via inline \"fill: currentColor\", Lucide via \"fill\"/\"stroke\"\n     attributes). Do not add fill/stroke here: it re-strokes fill-based icons\n     and thickens the glyph. See FEP-877. */\n  svg {\n    width: 100%;\n    height: 100%;\n  }\n`;\n\nexport const Icon: React.FC<IconProps> = ({\n  children,\n  testID,\n  \"data-testid\": dataTestId,\n  ...props\n}) => {\n  return (\n    <StyledIcon data-testid={dataTestId || testID} {...props}>\n      {children}\n    </StyledIcon>\n  );\n};\n","export * from \"./Box\";\nexport * from \"./Text\";\nexport * from \"./Spinner\";\nexport * from \"./Icon\";\nexport * from \"./Divider\";\nexport * from \"./Input\";\nexport * from \"./TextArea\";\nexport * from \"./LinearGradient\";\n\nexport const isWeb = true;\nexport const isNative = false;\n","import React, { forwardRef, useRef } from \"react\";\n// @ts-expect-error - this will be resolved at build time\nimport { Box, Icon } from \"@xsolla/xui-primitives\";\nimport { useResolvedTheme } from \"@xsolla/xui-core\";\nimport {\n  ChevronDown,\n  ChevronUp,\n  Remove,\n  ExclamationMarkCr,\n} from \"@xsolla/xui-icons-base\";\nimport { useMultiSelectControl } from \"./useMultiSelectControl\";\nimport type { MultiSelectControlProps } from \"./types\";\n\nexport const MultiSelectControl = forwardRef<\n  HTMLDivElement,\n  MultiSelectControlProps\n>(\n  (\n    {\n      variant = \"tag\",\n      flexible = true,\n      onClick,\n      removeValue,\n      removeAllValues,\n      size = \"md\",\n      state: externalState,\n      isError = false,\n      isOpen = false,\n      isFocus = false,\n      stateList,\n      selectedItems,\n      removeTagsButtons = true,\n      placeholder = \"Select\",\n      iconLeft,\n      iconRight,\n      disabled = false,\n      extraClear = false,\n      width,\n      themeMode,\n      themeProductContext,\n    },\n    ref\n  ) => {\n    const { theme } = useResolvedTheme({ themeMode, themeProductContext });\n    const sizeStyles = theme.sizing.input(size);\n    const inputColors = theme.colors.control.input;\n\n    const state = externalState || (disabled ? \"disable\" : \"default\");\n    const isDisable = state === \"disable\" || disabled;\n\n    const containerRef = useRef<HTMLDivElement>(null);\n\n    const { itemsRef, selectedContent, isCalculating } = useMultiSelectControl({\n      variant,\n      flexible,\n      size,\n      stateList,\n      selectedItems,\n      removeValue,\n      placeholder,\n      removeTagsButtons,\n      disabled: isDisable,\n      isCanBeCleared: Boolean(extraClear && selectedItems.length),\n      containerRef,\n    });\n\n    const tagItemsGap = { xs: 4, sm: 4, md: 6, lg: 8, xl: 10 }[size];\n\n    let backgroundColor = inputColors.bg;\n    let borderColor = inputColors.border;\n\n    if (isDisable) {\n      backgroundColor = inputColors.bgDisable;\n      borderColor = inputColors.borderDisable;\n    } else if (isError) {\n      borderColor = theme.colors.border.alert;\n    } else if (isFocus || isOpen) {\n      backgroundColor = theme.colors.control.focus.bg;\n      borderColor = theme.colors.border.brand;\n    } else if (state === \"hover\") {\n      backgroundColor = inputColors.bgHover;\n      borderColor = inputColors.borderHover;\n    }\n\n    const iconColor = isDisable ? inputColors.textDisable : inputColors.placeholder;\n\n    return (\n      <Box\n        ref={ref}\n        width={width}\n        backgroundColor={backgroundColor}\n        borderColor={borderColor}\n        borderWidth={borderColor !== \"transparent\" ? 1 : 0}\n        borderRadius={sizeStyles.radius}\n        paddingVertical={sizeStyles.paddingVertical}\n        paddingHorizontal={sizeStyles.paddingHorizontal}\n        minHeight={sizeStyles.height}\n        flexDirection=\"row\"\n        alignItems=\"center\"\n        gap={8}\n        style={{\n          cursor: isDisable ? \"not-allowed\" : onClick ? \"pointer\" : \"default\",\n          boxSizing: \"border-box\",\n          height: flexible ? \"auto\" : sizeStyles.height,\n          position: \"relative\",\n          zIndex: isOpen ? 1000 : undefined,\n        }}\n        onPress={isDisable ? undefined : onClick}\n        hoverStyle={\n          !isDisable && onClick && !isFocus && !isOpen && !isError\n            ? {\n                backgroundColor: inputColors.bgHover,\n                borderColor: inputColors.borderHover,\n              }\n            : undefined\n        }\n      >\n        <Box\n          ref={containerRef}\n          flex={1}\n          flexDirection=\"row\"\n          alignItems=\"center\"\n          gap={8}\n          style={{ minWidth: 0 }}\n        >\n          {iconLeft && (\n            <Icon size={sizeStyles.iconSize} color={iconColor} variant=\"line\">\n              {iconLeft}\n            </Icon>\n          )}\n          <Box\n            ref={itemsRef}\n            flex={1}\n            flexDirection=\"row\"\n            flexWrap={flexible ? \"wrap\" : \"nowrap\"}\n            alignItems=\"center\"\n            gap={variant === \"tag\" ? tagItemsGap : 4}\n            style={{ overflow: \"hidden\", opacity: isCalculating ? 0 : 1 }}\n          >\n            {selectedContent}\n          </Box>\n        </Box>\n\n        <Box flexDirection=\"row\" alignItems=\"center\" gap={4}>\n          {extraClear && selectedItems.length > 0 && !isDisable && (\n            <Box\n              onPress={(e: React.MouseEvent) => {\n                e.stopPropagation();\n                removeAllValues();\n              }}\n              style={{ cursor: \"pointer\" }}\n            >\n              <Remove size={18} color={iconColor} variant=\"line\" />\n            </Box>\n          )}\n          {isError && (\n            <ExclamationMarkCr size={18} color={theme.colors.content.alert.primary} />\n          )}\n          {iconRight ? (\n            iconRight\n          ) : isOpen ? (\n            <ChevronUp size={18} color={iconColor} variant=\"line\" />\n          ) : (\n            <ChevronDown size={18} color={iconColor} variant=\"line\" />\n          )}\n        </Box>\n      </Box>\n    );\n  }\n);\n\nMultiSelectControl.displayName = \"MultiSelectControl\";\n","import React, {\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n  type ReactNode,\n} from \"react\";\n// @ts-expect-error - this will be resolved at build time\nimport { Box, Text } from \"@xsolla/xui-primitives\";\nimport { Tag } from \"@xsolla/xui-tag\";\nimport { useResolvedTheme, type ThemeOverrideProps } from \"@xsolla/xui-core\";\nimport type {\n  MultiSelectOption,\n  MultiSelectSize,\n  MultiSelectVariant,\n} from \"./types\";\n\nexport enum DisplayState {\n  Placeholder,\n  PreRender,\n  Calculation,\n  Render,\n}\n\ninterface SavedWidths {\n  tagsWidths: Record<string | number, number>;\n  countItemWidth: number;\n  columnGap: number;\n  dependencies: {\n    stateList: Array<string | number>;\n    variant: MultiSelectVariant;\n    size: MultiSelectSize;\n    removeTagsButtons: boolean;\n  };\n}\n\nconst COUNT_ITEM_VALUE = \"count-item\" as const;\n\ninterface UseMultiSelectControlProps extends ThemeOverrideProps {\n  variant: MultiSelectVariant;\n  flexible: boolean;\n  size: MultiSelectSize;\n  stateList: MultiSelectOption[];\n  selectedItems: MultiSelectOption[];\n  removeValue: (value: string | number, event?: React.MouseEvent) => void;\n  placeholder?: string;\n  removeTagsButtons: boolean;\n  disabled?: boolean;\n  isCanBeCleared?: boolean;\n  containerRef: React.RefObject<HTMLDivElement>;\n}\n\nexport const useMultiSelectControl = ({\n  variant,\n  flexible,\n  size,\n  stateList,\n  selectedItems,\n  removeValue,\n  placeholder,\n  removeTagsButtons,\n  disabled,\n  containerRef,\n  themeMode,\n  themeProductContext,\n}: UseMultiSelectControlProps) => {\n  const { theme } = useResolvedTheme({ themeMode, themeProductContext });\n\n  const displayStateRef = useRef<DisplayState>(DisplayState.Placeholder);\n  const savedWidthsRef = useRef<SavedWidths | null>(null);\n\n  const itemsRef = useRef<HTMLDivElement>(null);\n  const [itemsWidth, setItemsWidth] = useState(0);\n  const [selectedContent, setSelectedContent] = useState<ReactNode | null>(\n    null\n  );\n\n  const isPlaceholder = !selectedItems || selectedItems.length === 0;\n\n  // Observe container width (parent of items, respects width constraints)\n  useEffect(() => {\n    if (!containerRef.current) return;\n\n    let rafId: number | null = null;\n\n    const syncItemsWidth = () => {\n      rafId = null;\n      if (!containerRef.current) return;\n\n      const width = containerRef.current.getBoundingClientRect().width;\n      setItemsWidth((prev) => (prev === width ? prev : width));\n    };\n\n    const scheduleWidthSync = () => {\n      if (rafId != null) return;\n      rafId = requestAnimationFrame(syncItemsWidth);\n    };\n\n    const resizeObserver = new ResizeObserver(scheduleWidthSync);\n    resizeObserver.observe(containerRef.current);\n\n    return () => {\n      if (rafId != null) cancelAnimationFrame(rafId);\n      resizeObserver.disconnect();\n    };\n  }, [containerRef]);\n\n  const widthsDependencies = useMemo(\n    () => ({\n      stateList: stateList.map((item) => item.value),\n      variant,\n      size,\n      removeTagsButtons,\n    }),\n    [stateList, variant, size, removeTagsButtons]\n  );\n\n  const isWidthsDependenciesChanged = () => {\n    const prev = savedWidthsRef.current?.dependencies;\n    if (!prev) return true;\n    if (prev.variant !== widthsDependencies.variant) return true;\n    if (prev.size !== widthsDependencies.size) return true;\n    if (prev.removeTagsButtons !== widthsDependencies.removeTagsButtons)\n      return true;\n    if (prev.stateList.length !== widthsDependencies.stateList.length)\n      return true;\n\n    let i = 0;\n    for (const v of prev.stateList) {\n      if (v !== widthsDependencies.stateList[i]) return true;\n      i++;\n    }\n\n    return false;\n  };\n\n  const setPlaceholder = () => {\n    setSelectedContent(\n      <Text\n        color={theme.colors.control.input.placeholder}\n        fontSize={theme.sizing.input(size).fontSize}\n      >\n        {placeholder}\n      </Text>\n    );\n  };\n\n  const countPossibleItemsCount = (widths: SavedWidths | null) => {\n    if (!widths || !selectedItems?.length) return 0;\n\n    const itemsAvailableSpace = itemsRef.current?.clientWidth || 0;\n    if (!itemsAvailableSpace) return 0;\n\n    const { tagsWidths, countItemWidth, columnGap } = widths;\n\n    const countPossibleItems = (availableSpace: number) => {\n      let remaining = availableSpace;\n      let count = 0;\n      let isFirst = true;\n\n      for (const item of selectedItems) {\n        if (!isFirst) remaining -= columnGap;\n        isFirst = false;\n\n        const width = tagsWidths[item.value] ?? 0;\n        remaining -= width;\n\n        if (remaining < 0) break;\n        count++;\n      }\n\n      return count;\n    };\n\n    // First try without \"+N\"\n    let possibleCount = countPossibleItems(itemsAvailableSpace);\n\n    // If not all items fit, reserve space for \"+N\" tag and retry\n    if (possibleCount !== selectedItems.length) {\n      possibleCount = countPossibleItems(\n        itemsAvailableSpace - countItemWidth - columnGap\n      );\n    }\n\n    return possibleCount;\n  };\n\n  const setItemsRender = () => {\n    const itemsList =\n      displayStateRef.current === DisplayState.PreRender\n        ? stateList\n        : selectedItems;\n\n    const showAll =\n      displayStateRef.current === DisplayState.PreRender || flexible;\n\n    const displayedItemsCount = showAll\n      ? itemsList.length\n      : countPossibleItemsCount(savedWidthsRef.current);\n\n    // always show at least 1 item\n    const displayedItems = itemsList.slice(0, displayedItemsCount || 1);\n\n    const hasHidden =\n      displayStateRef.current === DisplayState.PreRender ||\n      itemsList.length - displayedItems.length > 0;\n\n    if (hasHidden) {\n      const countText =\n        displayStateRef.current === DisplayState.PreRender\n          ? `+${itemsList.length}`\n          : `+${itemsList.length - displayedItems.length}`;\n\n      displayedItems.push({ value: COUNT_ITEM_VALUE, label: countText });\n    }\n\n    const content: ReactNode[] = displayedItems.map((item, index) => {\n      const isCount = item.value === COUNT_ITEM_VALUE;\n\n      const isReducable =\n        (index === 0 &&\n          displayStateRef.current === DisplayState.Render &&\n          displayedItemsCount === 0) ||\n        flexible;\n\n      if (variant === \"tag\") {\n        return (\n          <Box\n            key={item.value}\n            onPress={\n              !isCount\n                ? (e: React.MouseEvent) => {\n                    e.stopPropagation();\n                    if (!disabled) removeValue(item.value, e);\n                  }\n                : undefined\n            }\n            style={{\n              minWidth: isReducable ? 0 : \"fit-content\",\n              opacity: disabled ? 0.5 : 1,\n              cursor: disabled || isCount ? \"not-allowed\" : \"pointer\",\n            }}\n          >\n            <Tag\n              size={size}\n              tone=\"primary\"\n              onRemove={\n                removeTagsButtons && !isCount\n                  ? (e?: React.MouseEvent) => {\n                      e?.stopPropagation();\n                      if (!disabled) removeValue(item.value, e);\n                    }\n                  : undefined\n              }\n            >\n              {item.label}\n            </Tag>\n          </Box>\n        );\n      }\n\n      // Text variant\n      const isCountItem = hasHidden;\n      const needsComma =\n        index < displayedItems.length - 2 ||\n        (index < displayedItems.length - 1 && !isCountItem);\n\n      return (\n        <Text\n          key={item.value}\n          color={theme.colors.content.primary}\n          fontSize={theme.sizing.input(size).fontSize}\n          numberOfLines={1}\n          style={{\n            display: \"inline\",\n            whiteSpace: \"nowrap\",\n            overflow: isReducable ? \"hidden\" : undefined,\n            textOverflow: isReducable ? \"ellipsis\" : undefined,\n            opacity: disabled ? 0.5 : 1,\n            cursor: disabled || isCount ? \"not-allowed\" : \"default\",\n          }}\n        >\n          {item.label}\n          {needsComma ? \",\\u00A0\" : \"\\u00A0\"}\n        </Text>\n      );\n    });\n\n    setSelectedContent(content);\n\n    if (displayStateRef.current === DisplayState.PreRender) {\n      displayStateRef.current = DisplayState.Calculation;\n    }\n  };\n\n  const getWidths = () => {\n    if (!itemsRef.current || !containerRef.current) return;\n\n    const allItems = Array.from(itemsRef.current.children) as HTMLElement[];\n    if (allItems.length === 0) return;\n\n    const countEl = allItems[allItems.length - 1];\n    const countItemWidth = countEl.getBoundingClientRect().width;\n\n    const columnGap =\n      parseInt(getComputedStyle(itemsRef.current).columnGap || \"0\", 10) || 0;\n\n    const tagsWidths: Record<string | number, number> = {};\n    let index = 0;\n\n    for (const el of allItems) {\n      const key =\n        index < allItems.length - 1 ? stateList[index].value : COUNT_ITEM_VALUE;\n\n      tagsWidths[key] = el.getBoundingClientRect().width;\n      index++;\n    }\n\n    savedWidthsRef.current = {\n      tagsWidths,\n      countItemWidth,\n      columnGap,\n      dependencies: widthsDependencies,\n    };\n\n    displayStateRef.current = DisplayState.Render;\n    setItemsRender();\n  };\n\n  // Main flow\n  useEffect(() => {\n    if (isPlaceholder) {\n      displayStateRef.current = DisplayState.Placeholder;\n      setPlaceholder();\n      return;\n    }\n\n    if (flexible) {\n      // Flexible mode never needs cached widths\n      savedWidthsRef.current = null;\n      displayStateRef.current = DisplayState.Render;\n      setItemsRender();\n      return;\n    }\n\n    // Fixed mode: measure if missing or deps changed\n    const needsMeasurement =\n      !savedWidthsRef.current || isWidthsDependenciesChanged();\n\n    if (needsMeasurement) {\n      // Wait for ResizeObserver to set width\n      if (itemsWidth === 0) return;\n\n      displayStateRef.current = DisplayState.PreRender;\n      setItemsRender(); // render all for measurement\n      return;\n    }\n\n    displayStateRef.current = DisplayState.Render;\n    setItemsRender();\n  }, [\n    isPlaceholder,\n    placeholder,\n    flexible,\n    disabled,\n    selectedItems,\n    variant,\n    size,\n    removeTagsButtons,\n    itemsWidth,\n    widthsDependencies,\n    stateList,\n  ]);\n\n  // Measure after PreRender render paints\n  useEffect(() => {\n    if (displayStateRef.current !== DisplayState.Calculation) return;\n\n    const rafId = requestAnimationFrame(() => {\n      if (displayStateRef.current === DisplayState.Calculation) {\n        getWidths();\n      }\n    });\n\n    return () => cancelAnimationFrame(rafId);\n  }, [selectedContent]);\n\n  return {\n    itemsRef,\n    displayStateRef,\n    selectedContent,\n    isCalculating:\n      displayStateRef.current === DisplayState.PreRender ||\n      displayStateRef.current === DisplayState.Calculation,\n  };\n};\n","import { useCallback, useEffect, useRef, useState } from \"react\";\nimport type { MultiSelectOption, MultiSelectValue } from \"./types\";\n\ninterface UseMultiSelectProps {\n  options: MultiSelectOption[];\n  value?: MultiSelectValue;\n  onChange?: (values: MultiSelectValue) => void;\n}\n\ninterface MultiSelectState {\n  values: MultiSelectValue;\n  selectedItems: MultiSelectOption[];\n  isOpen: boolean;\n}\n\nconst initialState: MultiSelectState = {\n  values: [],\n  selectedItems: [],\n  isOpen: false,\n};\n\nexport const useMultiSelect = ({\n  options,\n  value = [],\n  onChange,\n}: UseMultiSelectProps) => {\n  const [state, setState] = useState<MultiSelectState>(initialState);\n  const optionsRef = useRef(options);\n\n  useEffect(() => {\n    optionsRef.current = options;\n  }, [options]);\n\n  // Sync value prop with internal state\n  useEffect(() => {\n    const selectedItems = options.filter((opt) => value.includes(opt.value));\n\n    setState((prevState) => ({\n      ...prevState,\n      values: value,\n      selectedItems,\n    }));\n  }, [options, value]);\n\n  const onChoose = useCallback(\n    (selectedIds: string[]) => {\n      // Extract values that correspond to the selected IDs\n      const newValues = optionsRef.current\n        .filter((opt) => selectedIds.includes(String(opt.value)))\n        .map((opt) => opt.value);\n\n      const newSelectedItems = optionsRef.current.filter((opt) =>\n        newValues.includes(opt.value)\n      );\n\n      setState((prevState) => ({\n        ...prevState,\n        values: newValues,\n        selectedItems: newSelectedItems,\n      }));\n\n      onChange?.(newValues);\n    },\n    [onChange]\n  );\n\n  const onRemove = useCallback(\n    (value: string | number, event?: React.MouseEvent) => {\n      event?.stopPropagation();\n\n      setState((prev) => {\n        const newValues = prev.values.filter((v) => v !== value);\n        const newSelectedItems = optionsRef.current.filter((opt) =>\n          newValues.includes(opt.value)\n        );\n        onChange?.(newValues);\n        return {\n          ...prev,\n          values: newValues,\n          selectedItems: newSelectedItems,\n        };\n      });\n    },\n    [onChange]\n  );\n\n  const onRemoveAll = useCallback(() => {\n    setState((prevState) => ({\n      ...prevState,\n      values: [],\n      selectedItems: [],\n    }));\n\n    onChange?.([]);\n  }, [onChange]);\n\n  const onSelectClick = useCallback(() => {\n    setState((prevState) => ({\n      ...prevState,\n      isOpen: !prevState.isOpen,\n    }));\n  }, []);\n\n  const onClose = useCallback(() => {\n    setState((prevState) => ({\n      ...prevState,\n      isOpen: false,\n    }));\n  }, []);\n\n  return {\n    values: state.values,\n    stateList: options,\n    selectedItems: state.selectedItems,\n    isOpen: state.isOpen,\n    onChoose,\n    onSelectClick,\n    onRemove,\n    onRemoveAll,\n    onClose,\n  };\n};\n","import { ReactNode, useEffect, useState } from \"react\";\nimport { createPortal } from \"react-dom\";\n\ninterface PortalProps {\n  children: ReactNode;\n}\n\nexport const Portal = ({ children }: PortalProps) => {\n  const [mountNode, setMountNode] = useState<HTMLElement | null>(null);\n\n  useEffect(() => setMountNode(document.body), []);\n\n  if (!mountNode) return null;\n\n  return createPortal(children, mountNode);\n};\n"],"mappings":"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","names":["forwardRef","useRef","useEffect","useState","React","Tag","React","styled","jsx","styled","styled","jsx","FilteredDiv","styled","useResolvedTheme","useRef","useResolvedTheme","jsx","jsx","index","jsx","jsxs","useResolvedTheme","useRef","useEffect","useRef","useState","value","useEffect","useState","jsx","jsxs","forwardRef","useResolvedTheme","useRef","useState","useEffect","value"]}