@clickhouse/click-ui 0.6.1 → 0.6.2-rc2

package/dist/esm/components/Select/common/InternalSelect.js.map

@@ -1 +1 @@
-{"version":3,"file":"InternalSelect.js","sources":["../../../../../src/components/Select/common/InternalSelect.tsx"],"sourcesContent":["import {\n  Children,\n  FunctionComponent,\n  HTMLAttributes,\n  KeyboardEvent,\n  MouseEvent,\n  ReactNode,\n  forwardRef,\n  isValidElement,\n  useCallback,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport {\n  NoAvailableOptionsFactoryProps,\n  SelectContainerProps,\n  SelectGroupProps,\n  SelectItemObject,\n  SelectItemProps,\n  SelectOptionListItem,\n} from './types';\nimport { Error, FormElementContainer, FormRoot } from '@/components/FormContainer';\nimport { Portal } from '@radix-ui/react-popover';\nimport { Checkbox } from '@/components/Checkbox';\nimport type { CheckboxVariants } from '@/components/Checkbox';\nimport { Container } from '@/components/Container';\nimport { Icon } from '@/components/Icon';\nimport { IconButton } from '@/components/IconButton';\nimport { Label } from '@/components/Label';\nimport { Separator } from '@/components/Separator';\nimport { Text } from '@/components/Text';\nimport type { TextProps } from '@/components/Text';\n\nimport {\n  SelectPopoverContent,\n  SearchBar,\n  SearchBarContainer,\n  SearchClose,\n  SelectList,\n  SelectListContent,\n  SelectPopoverRoot,\n  StyledSelectTrigger,\n  SelectValue,\n  HiddenSelectElement,\n  SelectGroupContainer,\n  SelectGroupName,\n  SelectGroupContent,\n  SelectNoDataContainer,\n  SelectItemDescriptionText,\n} from './SelectStyled';\nimport { OptionContext } from './OptionContext';\nimport { MultiSelectValue } from '../MultiSelectValue';\nimport SingleSelectValue from '../SingleSelectValue';\nimport { useOption, useSearch } from './useOption';\nimport { mergeRefs } from '@/utils/mergeRefs';\nimport { GenericMenuItem } from '@/components/GenericMenu';\nimport { IconWrapper } from '@/components/IconWrapper';\nimport { useInputModality } from '@/hooks/internal';\nimport { styled } from 'styled-components';\nimport { getTextFromNodes } from '@/lib/getTextFromNodes';\n\ntype CallbackProps = SelectItemObject & {\n  nodeProps: SelectItemProps;\n};\n\ninterface NoOptionsDisplayProps {\n  allowCreateOption: boolean;\n  search: string;\n  customText: string;\n  noAvailableOptions: boolean | ((props: NoAvailableOptionsFactoryProps) => ReactNode);\n  onCreateOption: (e: MouseEvent<HTMLDivElement>) => void;\n  onOpenChange: (open: boolean) => void;\n  containerProps?: HTMLAttributes<HTMLDivElement>;\n}\n\nconst NoOptionsDisplay: React.FC<NoOptionsDisplayProps> = ({\n  allowCreateOption,\n  search,\n  customText,\n  noAvailableOptions,\n  onCreateOption,\n  onOpenChange,\n  containerProps,\n}) => {\n  const getCustomTextWithSearch = (text: string) => text.replaceAll('{search}', search);\n\n  const getDefaultMessage = () =>\n    `No Options found${search.length > 0 ? ` for \"${search}\" ` : ''}`;\n\n  const getNoAvailableOptionsNode = (): ReactNode => {\n    if (typeof noAvailableOptions === 'boolean') {\n      return noAvailableOptions ? getDefaultMessage() : null;\n    }\n\n    // ReactNode\n    return noAvailableOptions({\n      search,\n      close: (): void => onOpenChange(false),\n    });\n  };\n\n  // Determine node to render when there are no options\n  const hasCustomText = customText.length > 0;\n  const hasSearchInput = search.length > 0;\n  const shouldShowCreateOption = allowCreateOption && hasSearchInput;\n\n  let noOptionsNode: ReactNode = null;\n\n  if (shouldShowCreateOption) {\n    noOptionsNode = hasCustomText ? getCustomTextWithSearch(customText) : `Add ${search}`;\n  } else if (hasCustomText) {\n    noOptionsNode = getCustomTextWithSearch(customText);\n  } else {\n    noOptionsNode = getNoAvailableOptionsNode();\n  }\n\n  if (!noOptionsNode) {\n    return null;\n  }\n\n  const handleNoOptionsClick = (e: MouseEvent<HTMLDivElement>) => {\n    if (shouldShowCreateOption) {\n      onCreateOption(e);\n      onOpenChange(false);\n    }\n  };\n\n  const isCustomReactNode = typeof noAvailableOptions === 'function';\n  if (isCustomReactNode) {\n    return (\n      <Container\n        onClick={handleNoOptionsClick}\n        {...containerProps}\n      >\n        {noOptionsNode}\n      </Container>\n    );\n  }\n\n  return (\n    <SelectNoDataContainer\n      onClick={handleNoOptionsClick}\n      $clickable={allowCreateOption}\n      {...containerProps}\n    >\n      {noOptionsNode}\n    </SelectNoDataContainer>\n  );\n};\n\nconst childrenToComboboxItemArray = (\n  children: ReactNode,\n  callback: (props: CallbackProps) => void,\n  heading?: string\n): SelectItemObject[] => {\n  return Children.toArray(children).flatMap(child => {\n    if (isValidElement(child) && child && typeof child === 'object') {\n      const type = child.type as FunctionComponent;\n      if (type.displayName === 'Select.Group') {\n        const groupChildren = child.props.children;\n        return childrenToComboboxItemArray(\n          groupChildren,\n          callback,\n          getTextFromNodes(child.props.heading).toLowerCase()\n        );\n      } else if (type.displayName === 'Select.Item') {\n        const title = getTextFromNodes(child).toLowerCase();\n        const value = child.props.value;\n        const disabled = child.props.disabled;\n        callback({\n          disabled,\n          value,\n          title,\n          heading,\n          nodeProps: child.props,\n        });\n        return {\n          disabled,\n          value,\n          title,\n          heading,\n        };\n      } else if ('props' in child && child.props.children) {\n        return childrenToComboboxItemArray(child.props.children, callback, heading);\n      }\n    }\n    return [];\n  });\n};\n\nexport const InternalSelect = ({\n  label,\n  children,\n  orientation,\n  dir,\n  disabled,\n  id,\n  error,\n  value: selectedValues,\n  onChange,\n  onSelect,\n  open,\n  onOpenChange,\n  name,\n  form,\n  allowCreateOption = false,\n  customText = '',\n  options,\n  sortable = false,\n  placeholder = 'Select an option',\n  maxHeight,\n  multiple,\n  checkbox,\n  selectLabel,\n  showSearch = false,\n  container,\n  useFullWidthItems = false,\n  itemCharacterLimit = '64ch',\n  noAvailableOptions = true,\n  triggerProps,\n  ...props\n}: SelectContainerProps) => {\n  const defaultId = useId();\n  const [search, setSearch] = useState('');\n  const [highlighted, setHighlighted] = useState<string | undefined>();\n  const visibleList = useRef<string[]>([]);\n  const navigatable = useRef<string[]>([]);\n  const valueNode = useRef<Map<string, SelectItemProps>>(new Map());\n  const [isInitialized, setInitialized] = useState(false);\n  const [list, setList] = useState<SelectItemObject[]>([]);\n  const updateElements = useCallback(\n    ({ disabled, value, title, heading, nodeProps }: CallbackProps) => {\n      if (title.includes(search) || heading?.includes(search)) {\n        visibleList.current.push(value);\n        if (!disabled) {\n          navigatable.current.push(value);\n        }\n      }\n      valueNode.current.set(value, nodeProps);\n    },\n    [search]\n  );\n  const onUpdateSearch = useCallback(\n    (search: string) => {\n      setSearch(search);\n      let hasHighlightedValue = false;\n      const visibleItemsList: string[] = [];\n      const navigatableList: string[] = [];\n      const searchLowerCase = search.toLowerCase();\n      list.forEach(item => {\n        if (\n          item.title.includes(searchLowerCase) ||\n          item.heading?.includes(searchLowerCase)\n        ) {\n          if (item.value === highlighted) {\n            hasHighlightedValue = true;\n          }\n          visibleItemsList.push(item.value);\n          if (!item.disabled) {\n            navigatableList.push(item.value);\n          }\n        }\n      });\n      navigatable.current = navigatableList;\n      visibleList.current = visibleItemsList;\n      if (!hasHighlightedValue) {\n        setHighlighted(navigatableList[0] ?? null);\n      }\n    },\n    [highlighted, list]\n  );\n\n  const updateList = useCallback(\n    (children?: ReactNode, options?: SelectOptionListItem[]) => {\n      const lowerCasedSearch = search.toLowerCase();\n      if (options) {\n        setList(\n          options.flatMap(option => {\n            if ('options' in option) {\n              const heading = getTextFromNodes(option.heading).toLowerCase();\n              return (option.options ?? []).map(item => {\n                valueNode.current.set(item.value, item);\n                const title = getTextFromNodes(item.label).toLowerCase();\n                if (\n                  title.includes(lowerCasedSearch) ||\n                  heading?.includes(lowerCasedSearch)\n                ) {\n                  visibleList.current.push(item.value);\n                  if (!disabled) {\n                    navigatable.current.push(item.value);\n                  }\n                }\n                return {\n                  heading,\n                  disabled: item.disabled,\n                  value: item.value,\n                  title,\n                };\n              });\n            } else {\n              valueNode.current.set(option.value, option);\n              const title = getTextFromNodes(option.label).toLowerCase();\n              if (title.includes(lowerCasedSearch)) {\n                visibleList.current.push(option.value);\n                if (!disabled) {\n                  navigatable.current.push(option.value);\n                }\n              }\n              return {\n                disabled: option.disabled,\n                value: option.value,\n                title: getTextFromNodes(option.label),\n              };\n            }\n          })\n        );\n      } else if (children) {\n        setList(childrenToComboboxItemArray(children, updateElements));\n      }\n    },\n    [disabled, search, updateElements]\n  );\n\n  useEffect(() => {\n    updateList(children, options);\n    setInitialized(true);\n  }, [children, options, updateList]);\n\n  const inputRef = useRef<HTMLInputElement>(null);\n  const inputModalityProps = useInputModality();\n\n  const onFocus = () => {\n    inputRef.current?.focus();\n  };\n\n  const clearSearch = () => {\n    onUpdateSearch('');\n  };\n\n  const onKeyDown = (e: KeyboardEvent<HTMLElement>) => {\n    if (!e.defaultPrevented) {\n      if (e.key === 'Enter') {\n        e.preventDefault();\n        if (highlighted) {\n          onSelect(highlighted, undefined, e);\n        } else if (visibleList.current.length === 0 && allowCreateOption) {\n          onSelect(search, 'custom', e);\n        }\n      } else if (['ArrowUp', 'ArrowDown', 'Home', 'End'].includes(e.key)) {\n        e.preventDefault();\n        let nextHighlightedValue = highlighted;\n        const highlightedIndex = navigatable.current.findIndex(\n          value => value === highlighted\n        );\n        if (e.key === 'ArrowUp') {\n          if (highlightedIndex === 0) {\n            nextHighlightedValue = navigatable.current[navigatable.current.length - 1];\n          } else {\n            nextHighlightedValue = navigatable.current[highlightedIndex - 1];\n          }\n        } else if (e.key === 'ArrowDown') {\n          e.preventDefault();\n          if (highlightedIndex === navigatable.current.length - 1) {\n            nextHighlightedValue = navigatable.current[0];\n          } else {\n            nextHighlightedValue = navigatable.current[highlightedIndex + 1];\n          }\n        } else if (e.key === 'End') {\n          e.preventDefault();\n          nextHighlightedValue = navigatable.current[navigatable.current.length - 1];\n        } else if (e.key === 'Home') {\n          nextHighlightedValue = navigatable.current[0];\n          e.preventDefault();\n        }\n        setHighlighted(nextHighlightedValue);\n      }\n    }\n  };\n  const isHidden = useCallback(\n    (value?: string) => {\n      return !visibleList.current.includes(value ?? '');\n    },\n    [visibleList]\n  );\n\n  const optionContextValue = useMemo(() => {\n    return {\n      search,\n      updateHighlighted: setHighlighted,\n      highlighted,\n      isHidden,\n      onSelect,\n      selectedValues,\n    };\n  }, [search, highlighted, isHidden, onSelect, selectedValues]);\n\n  const onCreateOption = (e: MouseEvent<HTMLDivElement>) => {\n    e.preventDefault();\n    e.stopPropagation();\n    if (allowCreateOption) {\n      onSelect(search, 'custom', e);\n    }\n  };\n\n  return (\n    <FormRoot\n      $orientation={orientation}\n      $dir={dir}\n      $addLabelPadding\n      {...props}\n    >\n      <FormElementContainer>\n        <SelectPopoverRoot\n          open={open}\n          onOpenChange={onOpenChange}\n          modal={true}\n        >\n          <StyledSelectTrigger\n            id={id ?? defaultId}\n            $error={!!error}\n            disabled={disabled}\n            data-testid=\"select-trigger\"\n            {...triggerProps}\n          >\n            {isInitialized && (\n              <SelectValue>\n                {selectedValues.length === 0 ? (\n                  placeholder\n                ) : multiple ? (\n                  <MultiSelectValue\n                    disabled={disabled ?? false}\n                    onSelect={onSelect}\n                    selectedValues={selectedValues}\n                    sortable={!disabled && sortable}\n                    valueNode={valueNode.current}\n                    onChange={onChange}\n                  />\n                ) : (\n                  <SingleSelectValue\n                    valueNode={\n                      checkbox && selectLabel\n                        ? { label: selectLabel as string, value: selectLabel as string }\n                        : valueNode.current.get(selectedValues[0])\n                    }\n                    value={selectedValues[0]}\n                  />\n                )}\n              </SelectValue>\n            )}\n            <Icon\n              name=\"sort\"\n              size=\"sm\"\n            />\n          </StyledSelectTrigger>\n          {form && (\n            <HiddenSelectElement\n              multiple={multiple}\n              name={name}\n              form={form}\n              value={selectedValues}\n              onChange={() => null}\n            >\n              {list.map(item => (\n                <option\n                  key={item.value}\n                  value={item.value}\n                  disabled={item.disabled}\n                >\n                  {item.value}\n                </option>\n              ))}\n            </HiddenSelectElement>\n          )}\n          <Portal container={container}>\n            <SelectPopoverContent\n              {...inputModalityProps}\n              sideOffset={5}\n              onFocus={onFocus}\n              onCloseAutoFocus={() => {\n                onUpdateSearch('');\n              }}\n              onOpenAutoFocus={() => {\n                setHighlighted(visibleList.current[0]);\n              }}\n              align=\"start\"\n              $useFullWidthItems={useFullWidthItems}\n              $itemCharacterLimit={itemCharacterLimit}\n            >\n              <SelectList>\n                <SearchBarContainer $showSearch={showSearch}>\n                  <SearchBar\n                    ref={inputRef}\n                    value={search}\n                    onChange={e => onUpdateSearch(e.target.value)}\n                    data-testid=\"select-search-input\"\n                    onKeyDown={onKeyDown}\n                    $showSearch={showSearch}\n                  />\n                  <SearchClose\n                    as={IconButton}\n                    icon=\"cross\"\n                    onClick={clearSearch}\n                    data-testid=\"select-search-close\"\n                    $showClose={search.length > 0}\n                    size=\"xs\"\n                  />\n                </SearchBarContainer>\n                <SelectListContent $maxHeight={maxHeight}>\n                  <OptionContext.Provider value={optionContextValue}>\n                    {options && options.length > 0\n                      ? options.map((props, index) => {\n                          if ('options' in props) {\n                            const { options: itemList = [], ...groupProps } = props;\n                            return (\n                              <SelectGroup\n                                key={`select-${id}-group-${index}`}\n                                {...groupProps}\n                              >\n                                {itemList.map((itemProps, itemIndex) => {\n                                  if (checkbox) {\n                                    return (\n                                      <MultiSelectCheckboxItem\n                                        key={`select-${id}-group-${index}-item-${itemIndex}`}\n                                        {...itemProps}\n                                      />\n                                    );\n                                  }\n                                  return (\n                                    <SelectItem\n                                      key={`select-${id}-group-${index}-item-${itemIndex}`}\n                                      {...itemProps}\n                                    />\n                                  );\n                                })}\n                              </SelectGroup>\n                            );\n                          } else {\n                            if (checkbox) {\n                              return (\n                                <MultiSelectCheckboxItem\n                                  key={`select-${id}-item-${index}`}\n                                  {...props}\n                                />\n                              );\n                            }\n                            return (\n                              <SelectItem\n                                key={`select-${id}-item-${index}`}\n                                {...props}\n                              />\n                            );\n                          }\n                        })\n                      : children}\n                  </OptionContext.Provider>\n                </SelectListContent>\n                {visibleList.current.length === 0 &&\n                  (allowCreateOption || !!noAvailableOptions) && (\n                    <NoOptionsDisplay\n                      allowCreateOption={allowCreateOption}\n                      search={search}\n                      customText={customText}\n                      noAvailableOptions={noAvailableOptions}\n                      onCreateOption={onCreateOption}\n                      onOpenChange={onOpenChange}\n                      containerProps={props}\n                    />\n                  )}\n              </SelectList>\n            </SelectPopoverContent>\n          </Portal>\n        </SelectPopoverRoot>\n        {!!error && error !== true && <Error>{error}</Error>}\n      </FormElementContainer>\n      {label && (\n        <Label\n          htmlFor={id ?? defaultId}\n          disabled={disabled}\n          error={!!error}\n        >\n          {label}\n        </Label>\n      )}\n    </FormRoot>\n  );\n};\n\nexport const SelectGroup = forwardRef<HTMLDivElement, SelectGroupProps>(\n  ({ children, heading, ...props }, forwardedRef) => {\n    useSearch();\n    return (\n      <SelectGroupContainer\n        {...props}\n        ref={mergeRefs([\n          forwardedRef,\n          node => {\n            const hidden = node?.querySelectorAll('[cui-select-item]').length === 0;\n            if (hidden) {\n              node?.setAttribute('hidden', '');\n            } else {\n              node?.removeAttribute('hidden');\n            }\n            node?.setAttribute('aria-hidden', hidden.toString());\n          },\n        ])}\n      >\n        <SelectGroupName>{heading}</SelectGroupName>\n        <SelectGroupContent>{children}</SelectGroupContent>\n      </SelectGroupContainer>\n    );\n  }\n);\n\nSelectGroup.displayName = 'Select.Group';\n\nconst CheckIcon = styled.svg<{ $showCheck: boolean }>`\n  opacity: ${({ $showCheck }) => ($showCheck ? 1 : 0)};\n`;\n\nexport const SelectItem = forwardRef<HTMLDivElement, SelectItemProps>(\n  (\n    {\n      disabled = false,\n      children,\n      label,\n      description,\n      separator,\n      onSelect: onSelectProp,\n      value = '',\n      icon,\n      iconDir,\n      onMouseOver: onMouseOverProp,\n      ...props\n    },\n    forwardedRef\n  ) => {\n    const { highlighted, updateHighlighted, isHidden, selectedValues, onSelect } =\n      useOption();\n    const onSelectValue = (evt: MouseEvent<HTMLElement>) => {\n      if (!disabled) {\n        onSelect(value, undefined, evt);\n        if (typeof onSelectProp == 'function') {\n          onSelectProp(value, undefined, evt);\n        }\n      }\n    };\n    const onMouseOver = (e: MouseEvent<HTMLDivElement>) => {\n      if (onMouseOverProp) {\n        onMouseOverProp(e);\n      }\n      if (!disabled) {\n        updateHighlighted(value);\n      }\n    };\n\n    if (isHidden(value)) {\n      return null;\n    }\n    const isChecked = selectedValues.includes(value);\n\n    return (\n      <>\n        <GenericMenuItem\n          {...props}\n          data-value={value}\n          onClick={onSelectValue}\n          onMouseOver={onMouseOver}\n          ref={forwardedRef}\n          data-state={isChecked ? 'checked' : 'unchecked'}\n          data-disabled={disabled ? true : undefined}\n          data-highlighted={highlighted == value ? 'true' : undefined}\n          cui-select-item=\"\"\n        >\n          <IconWrapper\n            icon={icon}\n            iconDir={iconDir}\n            gap=\"xxs\"\n            isResponsive={false}\n          >\n            {label ? (\n              <>\n                {label}\n                {description && (\n                  <SelectItemDescription>{description}</SelectItemDescription>\n                )}\n              </>\n            ) : (\n              children\n            )}\n          </IconWrapper>\n          <CheckIcon\n            as={Icon}\n            name=\"check\"\n            size=\"sm\"\n            $showCheck={isChecked}\n          />\n        </GenericMenuItem>\n        {separator && <Separator size=\"sm\" />}\n      </>\n    );\n  }\n);\n\nexport type MultiSelectCheckboxItemProps = SelectItemProps & {\n  variant?: CheckboxVariants;\n};\n\nSelectItem.displayName = 'Select.Item';\n\nexport const MultiSelectCheckboxItem = forwardRef<\n  HTMLDivElement,\n  MultiSelectCheckboxItemProps\n>(\n  (\n    {\n      disabled = false,\n      children,\n      icon,\n      iconDir = 'end',\n      label,\n      description,\n      onMouseOver: onMouseOverProp,\n      onSelect: onSelectProp,\n      separator,\n      value = '',\n      variant,\n      ...props\n    },\n    forwardedRef\n  ) => {\n    const { highlighted, updateHighlighted, isHidden, selectedValues, onSelect } =\n      useOption();\n\n    const handleMenuItemClick = (evt: MouseEvent<HTMLElement>) => {\n      if (!disabled) {\n        onSelect(value, undefined, evt);\n\n        if (typeof onSelectProp === 'function') {\n          onSelectProp(value, undefined, evt);\n        }\n      }\n    };\n\n    const handleMenuItemMouseOver = (e: MouseEvent<HTMLDivElement>) => {\n      if (onMouseOverProp) {\n        onMouseOverProp(e);\n      }\n      if (!disabled) {\n        updateHighlighted(value);\n      }\n    };\n\n    if (isHidden(value)) {\n      return null;\n    }\n\n    const isChecked = selectedValues.includes(value);\n\n    return (\n      <>\n        <GenericMenuItem\n          {...props}\n          data-value={value}\n          onClick={handleMenuItemClick}\n          onMouseOver={handleMenuItemMouseOver}\n          ref={forwardedRef}\n          data-disabled={disabled ? true : undefined}\n          data-highlighted={highlighted == value ? 'true' : undefined}\n          data-testid={`multi-select-checkbox-${value}`}\n          cui-select-item=\"\"\n        >\n          <Container\n            orientation=\"horizontal\"\n            gap=\"xs\"\n            overflow=\"hidden\"\n            isResponsive={false}\n          >\n            <Checkbox\n              checked={isChecked}\n              data-testid=\"multi-select-checkbox\"\n              disabled={disabled}\n              variant={variant ?? 'default'}\n            />\n            <IconWrapper\n              icon={icon}\n              iconDir={iconDir}\n              gap=\"xxs\"\n              isResponsive={false}\n            >\n              {label ? (\n                <>\n                  {label}\n                  {description && (\n                    <SelectItemDescription>{description}</SelectItemDescription>\n                  )}\n                </>\n              ) : (\n                children\n              )}\n            </IconWrapper>\n          </Container>\n        </GenericMenuItem>\n        {separator && <Separator size=\"sm\" />}\n      </>\n    );\n  }\n);\n\nMultiSelectCheckboxItem.displayName = 'Select.Item';\n\nexport const SelectItemDescription = forwardRef<HTMLDivElement, TextProps>(\n  ({ children, ...props }, ref) => {\n    return (\n      <Text\n        ref={ref}\n        component={SelectItemDescriptionText}\n        color=\"muted\"\n        {...props}\n      >\n        {children}\n      </Text>\n    );\n  }\n);\n\nSelectItemDescription.displayName = 'Select.ItemDescription';\n"],"names":["NoOptionsDisplay","allowCreateOption","search","customText","noAvailableOptions","onCreateOption","onOpenChange","containerProps","getCustomTextWithSearch","text","replaceAll","getDefaultMessage","length","getNoAvailableOptionsNode","close","hasCustomText","hasSearchInput","shouldShowCreateOption","noOptionsNode","handleNoOptionsClick","e","isCustomReactNode","childrenToComboboxItemArray","children","callback","heading","Children","toArray","flatMap","child","isValidElement","type","displayName","groupChildren","props","getTextFromNodes","toLowerCase","title","value","disabled","nodeProps","InternalSelect","label","orientation","dir","id","error","selectedValues","onChange","onSelect","open","name","form","options","sortable","placeholder","maxHeight","multiple","checkbox","selectLabel","showSearch","container","useFullWidthItems","itemCharacterLimit","triggerProps","defaultId","useId","setSearch","useState","highlighted","setHighlighted","visibleList","useRef","navigatable","valueNode","Map","isInitialized","setInitialized","list","setList","updateElements","useCallback","includes","current","push","set","onUpdateSearch","hasHighlightedValue","visibleItemsList","navigatableList","searchLowerCase","forEach","item","updateList","lowerCasedSearch","option","map","useEffect","inputRef","inputModalityProps","useInputModality","onFocus","focus","clearSearch","onKeyDown","defaultPrevented","key","preventDefault","undefined","nextHighlightedValue","highlightedIndex","findIndex","isHidden","optionContextValue","useMemo","updateHighlighted","stopPropagation","get","Icon","target","IconButton","index","itemList","groupProps","itemProps","itemIndex","SelectGroup","forwardRef","forwardedRef","useSearch","mergeRefs","node","hidden","querySelectorAll","setAttribute","removeAttribute","toString","CheckIcon","styled","svg","withConfig","componentId","$showCheck","SelectItem","description","separator","onSelectProp","icon","iconDir","onMouseOver","onMouseOverProp","useOption","onSelectValue","evt","isChecked","MultiSelectCheckboxItem","variant","handleMenuItemClick","handleMenuItemMouseOver","SelectItemDescription","ref","SelectItemDescriptionText"],"mappings":"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"}
+{"version":3,"file":"InternalSelect.js","sources":["../../../../../src/components/Select/common/InternalSelect.tsx"],"sourcesContent":["import {\n  Children,\n  FunctionComponent,\n  HTMLAttributes,\n  KeyboardEvent,\n  MouseEvent,\n  ReactNode,\n  forwardRef,\n  isValidElement,\n  useCallback,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport {\n  NoAvailableOptionsFactoryProps,\n  SelectContainerProps,\n  SelectGroupProps,\n  SelectItemObject,\n  SelectItemProps,\n  SelectOptionListItem,\n} from './types';\nimport { Error, FormElementContainer, FormRoot } from '@/components/FormContainer';\nimport { Portal } from '@radix-ui/react-popover';\nimport { Checkbox } from '@/components/Checkbox';\nimport type { CheckboxVariants } from '@/components/Checkbox';\nimport { Container } from '@/components/Container';\nimport { Icon } from '@/components/Icon';\nimport { IconButton } from '@/components/IconButton';\nimport { Label } from '@/components/Label';\nimport { Separator } from '@/components/Separator';\nimport { Text } from '@/components/Text';\nimport type { TextProps } from '@/components/Text';\n\nimport {\n  SelectPopoverContent,\n  SearchBar,\n  SearchBarContainer,\n  SearchClose,\n  SelectList,\n  SelectListContent,\n  SelectPopoverRoot,\n  StyledSelectTrigger,\n  SelectValue,\n  HiddenSelectElement,\n  SelectGroupContainer,\n  SelectGroupName,\n  SelectGroupContent,\n  SelectNoDataContainer,\n  SelectItemDescriptionText,\n} from './SelectStyled';\nimport { OptionContext } from './OptionContext';\nimport { MultiSelectValue } from '../MultiSelectValue';\nimport SingleSelectValue from '../SingleSelectValue';\nimport { useOption, useSearch } from './useOption';\nimport { mergeRefs } from '@/utils/mergeRefs';\nimport { GenericMenuItem } from '@/components/GenericMenu';\nimport { IconWrapper } from '@/components/IconWrapper';\nimport { useInputModality } from '@/hooks/internal';\nimport { styled } from 'styled-components';\nimport { getTextFromNodes } from '@/lib/getTextFromNodes';\nimport { useResolvedPortalContainer } from '@/providers/PortalContext';\n\ntype CallbackProps = SelectItemObject & {\n  nodeProps: SelectItemProps;\n};\n\ninterface NoOptionsDisplayProps {\n  allowCreateOption: boolean;\n  search: string;\n  customText: string;\n  noAvailableOptions: boolean | ((props: NoAvailableOptionsFactoryProps) => ReactNode);\n  onCreateOption: (e: MouseEvent<HTMLDivElement>) => void;\n  onOpenChange: (open: boolean) => void;\n  containerProps?: HTMLAttributes<HTMLDivElement>;\n}\n\nconst NoOptionsDisplay: React.FC<NoOptionsDisplayProps> = ({\n  allowCreateOption,\n  search,\n  customText,\n  noAvailableOptions,\n  onCreateOption,\n  onOpenChange,\n  containerProps,\n}) => {\n  const getCustomTextWithSearch = (text: string) => text.replaceAll('{search}', search);\n\n  const getDefaultMessage = () =>\n    `No Options found${search.length > 0 ? ` for \"${search}\" ` : ''}`;\n\n  const getNoAvailableOptionsNode = (): ReactNode => {\n    if (typeof noAvailableOptions === 'boolean') {\n      return noAvailableOptions ? getDefaultMessage() : null;\n    }\n\n    // ReactNode\n    return noAvailableOptions({\n      search,\n      close: (): void => onOpenChange(false),\n    });\n  };\n\n  // Determine node to render when there are no options\n  const hasCustomText = customText.length > 0;\n  const hasSearchInput = search.length > 0;\n  const shouldShowCreateOption = allowCreateOption && hasSearchInput;\n\n  let noOptionsNode: ReactNode = null;\n\n  if (shouldShowCreateOption) {\n    noOptionsNode = hasCustomText ? getCustomTextWithSearch(customText) : `Add ${search}`;\n  } else if (hasCustomText) {\n    noOptionsNode = getCustomTextWithSearch(customText);\n  } else {\n    noOptionsNode = getNoAvailableOptionsNode();\n  }\n\n  if (!noOptionsNode) {\n    return null;\n  }\n\n  const handleNoOptionsClick = (e: MouseEvent<HTMLDivElement>) => {\n    if (shouldShowCreateOption) {\n      onCreateOption(e);\n      onOpenChange(false);\n    }\n  };\n\n  const isCustomReactNode = typeof noAvailableOptions === 'function';\n  if (isCustomReactNode) {\n    return (\n      <Container\n        onClick={handleNoOptionsClick}\n        {...containerProps}\n      >\n        {noOptionsNode}\n      </Container>\n    );\n  }\n\n  return (\n    <SelectNoDataContainer\n      onClick={handleNoOptionsClick}\n      $clickable={allowCreateOption}\n      {...containerProps}\n    >\n      {noOptionsNode}\n    </SelectNoDataContainer>\n  );\n};\n\nconst childrenToComboboxItemArray = (\n  children: ReactNode,\n  callback: (props: CallbackProps) => void,\n  heading?: string\n): SelectItemObject[] => {\n  return Children.toArray(children).flatMap(child => {\n    if (isValidElement(child) && child && typeof child === 'object') {\n      const type = child.type as FunctionComponent;\n      if (type.displayName === 'Select.Group') {\n        const groupChildren = child.props.children;\n        return childrenToComboboxItemArray(\n          groupChildren,\n          callback,\n          getTextFromNodes(child.props.heading).toLowerCase()\n        );\n      } else if (type.displayName === 'Select.Item') {\n        const title = getTextFromNodes(child).toLowerCase();\n        const value = child.props.value;\n        const disabled = child.props.disabled;\n        callback({\n          disabled,\n          value,\n          title,\n          heading,\n          nodeProps: child.props,\n        });\n        return {\n          disabled,\n          value,\n          title,\n          heading,\n        };\n      } else if ('props' in child && child.props.children) {\n        return childrenToComboboxItemArray(child.props.children, callback, heading);\n      }\n    }\n    return [];\n  });\n};\n\nexport const InternalSelect = ({\n  label,\n  children,\n  orientation,\n  dir,\n  disabled,\n  id,\n  error,\n  value: selectedValues,\n  onChange,\n  onSelect,\n  open,\n  onOpenChange,\n  name,\n  form,\n  allowCreateOption = false,\n  customText = '',\n  options,\n  sortable = false,\n  placeholder = 'Select an option',\n  maxHeight,\n  multiple,\n  checkbox,\n  selectLabel,\n  showSearch = false,\n  container,\n  useFullWidthItems = false,\n  itemCharacterLimit = '64ch',\n  noAvailableOptions = true,\n  triggerProps,\n  ...props\n}: SelectContainerProps) => {\n  const defaultId = useId();\n  const [search, setSearch] = useState('');\n  const [highlighted, setHighlighted] = useState<string | undefined>();\n  const visibleList = useRef<string[]>([]);\n  const navigatable = useRef<string[]>([]);\n  const valueNode = useRef<Map<string, SelectItemProps>>(new Map());\n  const [isInitialized, setInitialized] = useState(false);\n  const [list, setList] = useState<SelectItemObject[]>([]);\n  const updateElements = useCallback(\n    ({ disabled, value, title, heading, nodeProps }: CallbackProps) => {\n      if (title.includes(search) || heading?.includes(search)) {\n        visibleList.current.push(value);\n        if (!disabled) {\n          navigatable.current.push(value);\n        }\n      }\n      valueNode.current.set(value, nodeProps);\n    },\n    [search]\n  );\n  const onUpdateSearch = useCallback(\n    (search: string) => {\n      setSearch(search);\n      let hasHighlightedValue = false;\n      const visibleItemsList: string[] = [];\n      const navigatableList: string[] = [];\n      const searchLowerCase = search.toLowerCase();\n      list.forEach(item => {\n        if (\n          item.title.includes(searchLowerCase) ||\n          item.heading?.includes(searchLowerCase)\n        ) {\n          if (item.value === highlighted) {\n            hasHighlightedValue = true;\n          }\n          visibleItemsList.push(item.value);\n          if (!item.disabled) {\n            navigatableList.push(item.value);\n          }\n        }\n      });\n      navigatable.current = navigatableList;\n      visibleList.current = visibleItemsList;\n      if (!hasHighlightedValue) {\n        setHighlighted(navigatableList[0] ?? null);\n      }\n    },\n    [highlighted, list]\n  );\n\n  const updateList = useCallback(\n    (children?: ReactNode, options?: SelectOptionListItem[]) => {\n      const lowerCasedSearch = search.toLowerCase();\n      if (options) {\n        setList(\n          options.flatMap(option => {\n            if ('options' in option) {\n              const heading = getTextFromNodes(option.heading).toLowerCase();\n              return (option.options ?? []).map(item => {\n                valueNode.current.set(item.value, item);\n                const title = getTextFromNodes(item.label).toLowerCase();\n                if (\n                  title.includes(lowerCasedSearch) ||\n                  heading?.includes(lowerCasedSearch)\n                ) {\n                  visibleList.current.push(item.value);\n                  if (!disabled) {\n                    navigatable.current.push(item.value);\n                  }\n                }\n                return {\n                  heading,\n                  disabled: item.disabled,\n                  value: item.value,\n                  title,\n                };\n              });\n            } else {\n              valueNode.current.set(option.value, option);\n              const title = getTextFromNodes(option.label).toLowerCase();\n              if (title.includes(lowerCasedSearch)) {\n                visibleList.current.push(option.value);\n                if (!disabled) {\n                  navigatable.current.push(option.value);\n                }\n              }\n              return {\n                disabled: option.disabled,\n                value: option.value,\n                title: getTextFromNodes(option.label),\n              };\n            }\n          })\n        );\n      } else if (children) {\n        setList(childrenToComboboxItemArray(children, updateElements));\n      }\n    },\n    [disabled, search, updateElements]\n  );\n\n  useEffect(() => {\n    updateList(children, options);\n    setInitialized(true);\n  }, [children, options, updateList]);\n\n  const inputRef = useRef<HTMLInputElement>(null);\n  const inputModalityProps = useInputModality();\n  const portalContainer = useResolvedPortalContainer(container);\n\n  const onFocus = () => {\n    inputRef.current?.focus();\n  };\n\n  const clearSearch = () => {\n    onUpdateSearch('');\n  };\n\n  const onKeyDown = (e: KeyboardEvent<HTMLElement>) => {\n    if (!e.defaultPrevented) {\n      if (e.key === 'Enter') {\n        e.preventDefault();\n        if (highlighted) {\n          onSelect(highlighted, undefined, e);\n        } else if (visibleList.current.length === 0 && allowCreateOption) {\n          onSelect(search, 'custom', e);\n        }\n      } else if (['ArrowUp', 'ArrowDown', 'Home', 'End'].includes(e.key)) {\n        e.preventDefault();\n        let nextHighlightedValue = highlighted;\n        const highlightedIndex = navigatable.current.findIndex(\n          value => value === highlighted\n        );\n        if (e.key === 'ArrowUp') {\n          if (highlightedIndex === 0) {\n            nextHighlightedValue = navigatable.current[navigatable.current.length - 1];\n          } else {\n            nextHighlightedValue = navigatable.current[highlightedIndex - 1];\n          }\n        } else if (e.key === 'ArrowDown') {\n          e.preventDefault();\n          if (highlightedIndex === navigatable.current.length - 1) {\n            nextHighlightedValue = navigatable.current[0];\n          } else {\n            nextHighlightedValue = navigatable.current[highlightedIndex + 1];\n          }\n        } else if (e.key === 'End') {\n          e.preventDefault();\n          nextHighlightedValue = navigatable.current[navigatable.current.length - 1];\n        } else if (e.key === 'Home') {\n          nextHighlightedValue = navigatable.current[0];\n          e.preventDefault();\n        }\n        setHighlighted(nextHighlightedValue);\n      }\n    }\n  };\n  const isHidden = useCallback(\n    (value?: string) => {\n      return !visibleList.current.includes(value ?? '');\n    },\n    [visibleList]\n  );\n\n  const optionContextValue = useMemo(() => {\n    return {\n      search,\n      updateHighlighted: setHighlighted,\n      highlighted,\n      isHidden,\n      onSelect,\n      selectedValues,\n    };\n  }, [search, highlighted, isHidden, onSelect, selectedValues]);\n\n  const onCreateOption = (e: MouseEvent<HTMLDivElement>) => {\n    e.preventDefault();\n    e.stopPropagation();\n    if (allowCreateOption) {\n      onSelect(search, 'custom', e);\n    }\n  };\n\n  return (\n    <FormRoot\n      $orientation={orientation}\n      $dir={dir}\n      $addLabelPadding\n      {...props}\n    >\n      <FormElementContainer>\n        <SelectPopoverRoot\n          open={open}\n          onOpenChange={onOpenChange}\n          modal={true}\n        >\n          <StyledSelectTrigger\n            id={id ?? defaultId}\n            $error={!!error}\n            disabled={disabled}\n            data-testid=\"select-trigger\"\n            {...triggerProps}\n          >\n            {isInitialized && (\n              <SelectValue>\n                {selectedValues.length === 0 ? (\n                  placeholder\n                ) : multiple ? (\n                  <MultiSelectValue\n                    disabled={disabled ?? false}\n                    onSelect={onSelect}\n                    selectedValues={selectedValues}\n                    sortable={!disabled && sortable}\n                    valueNode={valueNode.current}\n                    onChange={onChange}\n                  />\n                ) : (\n                  <SingleSelectValue\n                    valueNode={\n                      checkbox && selectLabel\n                        ? { label: selectLabel as string, value: selectLabel as string }\n                        : valueNode.current.get(selectedValues[0])\n                    }\n                    value={selectedValues[0]}\n                  />\n                )}\n              </SelectValue>\n            )}\n            <Icon\n              name=\"sort\"\n              size=\"sm\"\n            />\n          </StyledSelectTrigger>\n          {form && (\n            <HiddenSelectElement\n              multiple={multiple}\n              name={name}\n              form={form}\n              value={selectedValues}\n              onChange={() => null}\n            >\n              {list.map(item => (\n                <option\n                  key={item.value}\n                  value={item.value}\n                  disabled={item.disabled}\n                >\n                  {item.value}\n                </option>\n              ))}\n            </HiddenSelectElement>\n          )}\n          <Portal container={portalContainer}>\n            <SelectPopoverContent\n              {...inputModalityProps}\n              sideOffset={5}\n              onFocus={onFocus}\n              onCloseAutoFocus={() => {\n                onUpdateSearch('');\n              }}\n              onOpenAutoFocus={() => {\n                setHighlighted(visibleList.current[0]);\n              }}\n              align=\"start\"\n              $useFullWidthItems={useFullWidthItems}\n              $itemCharacterLimit={itemCharacterLimit}\n            >\n              <SelectList>\n                <SearchBarContainer $showSearch={showSearch}>\n                  <SearchBar\n                    ref={inputRef}\n                    value={search}\n                    onChange={e => onUpdateSearch(e.target.value)}\n                    data-testid=\"select-search-input\"\n                    onKeyDown={onKeyDown}\n                    $showSearch={showSearch}\n                  />\n                  <SearchClose\n                    as={IconButton}\n                    icon=\"cross\"\n                    onClick={clearSearch}\n                    data-testid=\"select-search-close\"\n                    $showClose={search.length > 0}\n                    size=\"xs\"\n                  />\n                </SearchBarContainer>\n                <SelectListContent $maxHeight={maxHeight}>\n                  <OptionContext.Provider value={optionContextValue}>\n                    {options && options.length > 0\n                      ? options.map((props, index) => {\n                          if ('options' in props) {\n                            const { options: itemList = [], ...groupProps } = props;\n                            return (\n                              <SelectGroup\n                                key={`select-${id}-group-${index}`}\n                                {...groupProps}\n                              >\n                                {itemList.map((itemProps, itemIndex) => {\n                                  if (checkbox) {\n                                    return (\n                                      <MultiSelectCheckboxItem\n                                        key={`select-${id}-group-${index}-item-${itemIndex}`}\n                                        {...itemProps}\n                                      />\n                                    );\n                                  }\n                                  return (\n                                    <SelectItem\n                                      key={`select-${id}-group-${index}-item-${itemIndex}`}\n                                      {...itemProps}\n                                    />\n                                  );\n                                })}\n                              </SelectGroup>\n                            );\n                          } else {\n                            if (checkbox) {\n                              return (\n                                <MultiSelectCheckboxItem\n                                  key={`select-${id}-item-${index}`}\n                                  {...props}\n                                />\n                              );\n                            }\n                            return (\n                              <SelectItem\n                                key={`select-${id}-item-${index}`}\n                                {...props}\n                              />\n                            );\n                          }\n                        })\n                      : children}\n                  </OptionContext.Provider>\n                </SelectListContent>\n                {visibleList.current.length === 0 &&\n                  (allowCreateOption || !!noAvailableOptions) && (\n                    <NoOptionsDisplay\n                      allowCreateOption={allowCreateOption}\n                      search={search}\n                      customText={customText}\n                      noAvailableOptions={noAvailableOptions}\n                      onCreateOption={onCreateOption}\n                      onOpenChange={onOpenChange}\n                      containerProps={props}\n                    />\n                  )}\n              </SelectList>\n            </SelectPopoverContent>\n          </Portal>\n        </SelectPopoverRoot>\n        {!!error && error !== true && <Error>{error}</Error>}\n      </FormElementContainer>\n      {label && (\n        <Label\n          htmlFor={id ?? defaultId}\n          disabled={disabled}\n          error={!!error}\n        >\n          {label}\n        </Label>\n      )}\n    </FormRoot>\n  );\n};\n\nexport const SelectGroup = forwardRef<HTMLDivElement, SelectGroupProps>(\n  ({ children, heading, ...props }, forwardedRef) => {\n    useSearch();\n    return (\n      <SelectGroupContainer\n        {...props}\n        ref={mergeRefs([\n          forwardedRef,\n          node => {\n            const hidden = node?.querySelectorAll('[cui-select-item]').length === 0;\n            if (hidden) {\n              node?.setAttribute('hidden', '');\n            } else {\n              node?.removeAttribute('hidden');\n            }\n            node?.setAttribute('aria-hidden', hidden.toString());\n          },\n        ])}\n      >\n        <SelectGroupName>{heading}</SelectGroupName>\n        <SelectGroupContent>{children}</SelectGroupContent>\n      </SelectGroupContainer>\n    );\n  }\n);\n\nSelectGroup.displayName = 'Select.Group';\n\nconst CheckIcon = styled.svg<{ $showCheck: boolean }>`\n  opacity: ${({ $showCheck }) => ($showCheck ? 1 : 0)};\n`;\n\nexport const SelectItem = forwardRef<HTMLDivElement, SelectItemProps>(\n  (\n    {\n      disabled = false,\n      children,\n      label,\n      description,\n      separator,\n      onSelect: onSelectProp,\n      value = '',\n      icon,\n      iconDir,\n      onMouseOver: onMouseOverProp,\n      ...props\n    },\n    forwardedRef\n  ) => {\n    const { highlighted, updateHighlighted, isHidden, selectedValues, onSelect } =\n      useOption();\n    const onSelectValue = (evt: MouseEvent<HTMLElement>) => {\n      if (!disabled) {\n        onSelect(value, undefined, evt);\n        if (typeof onSelectProp == 'function') {\n          onSelectProp(value, undefined, evt);\n        }\n      }\n    };\n    const onMouseOver = (e: MouseEvent<HTMLDivElement>) => {\n      if (onMouseOverProp) {\n        onMouseOverProp(e);\n      }\n      if (!disabled) {\n        updateHighlighted(value);\n      }\n    };\n\n    if (isHidden(value)) {\n      return null;\n    }\n    const isChecked = selectedValues.includes(value);\n\n    return (\n      <>\n        <GenericMenuItem\n          {...props}\n          data-value={value}\n          onClick={onSelectValue}\n          onMouseOver={onMouseOver}\n          ref={forwardedRef}\n          data-state={isChecked ? 'checked' : 'unchecked'}\n          data-disabled={disabled ? true : undefined}\n          data-highlighted={highlighted == value ? 'true' : undefined}\n          cui-select-item=\"\"\n        >\n          <IconWrapper\n            icon={icon}\n            iconDir={iconDir}\n            gap=\"xxs\"\n            isResponsive={false}\n          >\n            {label ? (\n              <>\n                {label}\n                {description && (\n                  <SelectItemDescription>{description}</SelectItemDescription>\n                )}\n              </>\n            ) : (\n              children\n            )}\n          </IconWrapper>\n          <CheckIcon\n            as={Icon}\n            name=\"check\"\n            size=\"sm\"\n            $showCheck={isChecked}\n          />\n        </GenericMenuItem>\n        {separator && <Separator size=\"sm\" />}\n      </>\n    );\n  }\n);\n\nexport type MultiSelectCheckboxItemProps = SelectItemProps & {\n  variant?: CheckboxVariants;\n};\n\nSelectItem.displayName = 'Select.Item';\n\nexport const MultiSelectCheckboxItem = forwardRef<\n  HTMLDivElement,\n  MultiSelectCheckboxItemProps\n>(\n  (\n    {\n      disabled = false,\n      children,\n      icon,\n      iconDir = 'end',\n      label,\n      description,\n      onMouseOver: onMouseOverProp,\n      onSelect: onSelectProp,\n      separator,\n      value = '',\n      variant,\n      ...props\n    },\n    forwardedRef\n  ) => {\n    const { highlighted, updateHighlighted, isHidden, selectedValues, onSelect } =\n      useOption();\n\n    const handleMenuItemClick = (evt: MouseEvent<HTMLElement>) => {\n      if (!disabled) {\n        onSelect(value, undefined, evt);\n\n        if (typeof onSelectProp === 'function') {\n          onSelectProp(value, undefined, evt);\n        }\n      }\n    };\n\n    const handleMenuItemMouseOver = (e: MouseEvent<HTMLDivElement>) => {\n      if (onMouseOverProp) {\n        onMouseOverProp(e);\n      }\n      if (!disabled) {\n        updateHighlighted(value);\n      }\n    };\n\n    if (isHidden(value)) {\n      return null;\n    }\n\n    const isChecked = selectedValues.includes(value);\n\n    return (\n      <>\n        <GenericMenuItem\n          {...props}\n          data-value={value}\n          onClick={handleMenuItemClick}\n          onMouseOver={handleMenuItemMouseOver}\n          ref={forwardedRef}\n          data-disabled={disabled ? true : undefined}\n          data-highlighted={highlighted == value ? 'true' : undefined}\n          data-testid={`multi-select-checkbox-${value}`}\n          cui-select-item=\"\"\n        >\n          <Container\n            orientation=\"horizontal\"\n            gap=\"xs\"\n            overflow=\"hidden\"\n            isResponsive={false}\n          >\n            <Checkbox\n              checked={isChecked}\n              data-testid=\"multi-select-checkbox\"\n              disabled={disabled}\n              variant={variant ?? 'default'}\n            />\n            <IconWrapper\n              icon={icon}\n              iconDir={iconDir}\n              gap=\"xxs\"\n              isResponsive={false}\n            >\n              {label ? (\n                <>\n                  {label}\n                  {description && (\n                    <SelectItemDescription>{description}</SelectItemDescription>\n                  )}\n                </>\n              ) : (\n                children\n              )}\n            </IconWrapper>\n          </Container>\n        </GenericMenuItem>\n        {separator && <Separator size=\"sm\" />}\n      </>\n    );\n  }\n);\n\nMultiSelectCheckboxItem.displayName = 'Select.Item';\n\nexport const SelectItemDescription = forwardRef<HTMLDivElement, TextProps>(\n  ({ children, ...props }, ref) => {\n    return (\n      <Text\n        ref={ref}\n        component={SelectItemDescriptionText}\n        color=\"muted\"\n        {...props}\n      >\n        {children}\n      </Text>\n    );\n  }\n);\n\nSelectItemDescription.displayName = 'Select.ItemDescription';\n"],"names":["NoOptionsDisplay","allowCreateOption","search","customText","noAvailableOptions","onCreateOption","onOpenChange","containerProps","getCustomTextWithSearch","text","replaceAll","getDefaultMessage","length","getNoAvailableOptionsNode","close","hasCustomText","hasSearchInput","shouldShowCreateOption","noOptionsNode","handleNoOptionsClick","e","isCustomReactNode","childrenToComboboxItemArray","children","callback","heading","Children","toArray","flatMap","child","isValidElement","type","displayName","groupChildren","props","getTextFromNodes","toLowerCase","title","value","disabled","nodeProps","InternalSelect","label","orientation","dir","id","error","selectedValues","onChange","onSelect","open","name","form","options","sortable","placeholder","maxHeight","multiple","checkbox","selectLabel","showSearch","container","useFullWidthItems","itemCharacterLimit","triggerProps","defaultId","useId","setSearch","useState","highlighted","setHighlighted","visibleList","useRef","navigatable","valueNode","Map","isInitialized","setInitialized","list","setList","updateElements","useCallback","includes","current","push","set","onUpdateSearch","hasHighlightedValue","visibleItemsList","navigatableList","searchLowerCase","forEach","item","updateList","lowerCasedSearch","option","map","useEffect","inputRef","inputModalityProps","useInputModality","portalContainer","useResolvedPortalContainer","onFocus","focus","clearSearch","onKeyDown","defaultPrevented","key","preventDefault","undefined","nextHighlightedValue","highlightedIndex","findIndex","isHidden","optionContextValue","useMemo","updateHighlighted","stopPropagation","get","Icon","target","IconButton","index","itemList","groupProps","itemProps","itemIndex","SelectGroup","forwardRef","forwardedRef","useSearch","mergeRefs","node","hidden","querySelectorAll","setAttribute","removeAttribute","toString","CheckIcon","styled","svg","withConfig","componentId","$showCheck","SelectItem","description","separator","onSelectProp","icon","iconDir","onMouseOver","onMouseOverProp","useOption","onSelectValue","evt","isChecked","MultiSelectCheckboxItem","variant","handleMenuItemClick","handleMenuItemMouseOver","SelectItemDescription","ref","SelectItemDescriptionText"],"mappings":"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"}

package/dist/esm/components/Tabs/Tabs.css

@@ -0,0 +1,54 @@
+.tabs__trigger__JHqK4 {
+  padding: var(--click-tabs-space-y) var(--click-tabs-space-x);
+  border: none;
+  border-bottom: 2px solid var(--click-tabs-basic-color-stroke-default);
+  background-color: var(--click-tabs-basic-color-background-default);
+  color: var(--click-tabs-basic-color-text-default);
+  font: var(--click-tabs-typography-label-default);
+  cursor: pointer;
+  border-top-left-radius: var(--click-tabs-radii-all);
+  border-top-right-radius: var(--click-tabs-radii-all);
+}
+
+.tabs__trigger__JHqK4[data-state='active'] {
+  border-bottom: 2px solid var(--click-tabs-basic-color-stroke-active);
+  color: var(--click-tabs-basic-color-text-active);
+  font: var(--click-tabs-typography-label-active);
+}
+
+.tabs__trigger__JHqK4:hover {
+  border-bottom: 2px solid var(--click-tabs-basic-color-stroke-hover);
+  background-color: var(--click-tabs-basic-color-background-hover);
+  color: var(--click-tabs-basic-color-text-hover);
+  font: var(--click-tabs-typography-label-hover);
+}
+
+.tabs__trigger__JHqK4:hover[data-state='active'] {
+  border-bottom: 2px solid var(--click-tabs-basic-color-stroke-active);
+  font: var(--click-tabs-typography-label-active);
+}
+
+/* stylelint-disable-next-line block-no-empty -- base element required by BEM */
+.tabs__content__O9Cub {
+}
+
+.tabs__triggers-list__9Hz3q {
+  display: flex;
+  border-bottom: 1px solid var(--click-global-color-stroke-default);
+}
+
+.full-width-tabs__VaUSf {
+  width: 100%;
+}
+
+/* stylelint-disable-next-line block-no-empty -- base element required by BEM */
+.full-width-tabs__trigger__LA8iG {
+}
+
+.full-width-tabs__trigger_width_stretched__Q31k- {
+  flex: 1 1 auto;
+}
+
+.full-width-tabs__trigger_width_fixed__U9z-W {
+  width: var(--full-width-tabs-trigger-width);
+}

package/dist/esm/components/Tabs/Tabs.module.css.js

@@ -0,0 +1,14 @@
+const tabs__trigger = "tabs__trigger__JHqK4";
+const tabs__content = "tabs__content__O9Cub";
+const styles = {
+	tabs__trigger: tabs__trigger,
+	tabs__content: tabs__content,
+	"tabs__triggers-list": "tabs__triggers-list__9Hz3q",
+	"full-width-tabs": "full-width-tabs__VaUSf",
+	"full-width-tabs__trigger": "full-width-tabs__trigger__LA8iG",
+	"full-width-tabs__trigger_width_stretched": "full-width-tabs__trigger_width_stretched__Q31k-",
+	"full-width-tabs__trigger_width_fixed": "full-width-tabs__trigger_width_fixed__U9z-W"
+};
+
+export { styles as default, tabs__content, tabs__trigger };
+//# sourceMappingURL=Tabs.module.css.js.map

package/dist/esm/components/Tabs/Tabs.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;"}

package/dist/esm/components/Tabs/index.js

@@ -1,16 +1,34 @@
+import "./Tabs.css";
 import { jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
 import * as RadixTabs from '@radix-ui/react-tabs';
-import { styled } from 'styled-components';
+import { cn } from '../../lib/cva.js';
+import styles from './Tabs.module.css.js';
+import { cva } from 'class-variance-authority';
 
-const Trigger = styled(RadixTabs.Trigger).withConfig({
-  componentId: "sc-tj736u-0"
-})(["padding:", ";border-top-left-radius:", ";border-top-right-radius:", ";border:none;border-bottom:2px solid ", ";background-color:", ";color:", ";font:", ";cursor:pointer;&[data-state='active']{border-bottom:2px solid ", ";color:", ";font:", ";&:hover{font:", ";}}&:hover{border-bottom:2px solid ", ";background-color:", ";color:", ";font:", ";}&:hover[data-state='active']{border-bottom:2px solid ", ";}"], (props) => `${props.theme.click.tabs.space.y} ${props.theme.click.tabs.space.x}`, (props) => props.theme.click.tabs.radii.all, (props) => props.theme.click.tabs.radii.all, (props) => props.theme.click.tabs.basic.color.stroke.default, (props) => props.theme.click.tabs.basic.color.background.default, (props) => props.theme.click.tabs.basic.color.text.default, (props) => props.theme.click.tabs.typography.label.default, (props) => props.theme.click.tabs.basic.color.stroke.active, (props) => props.theme.click.tabs.basic.color.text.active, (props) => props.theme.click.tabs.typography.label.active, (props) => props.theme.click.tabs.typography.label.active, (props) => props.theme.click.tabs.basic.color.stroke.hover, (props) => props.theme.click.tabs.basic.color.background.hover, (props) => props.theme.click.tabs.basic.color.text.hover, (props) => props.theme.click.tabs.typography.label.hover, (props) => props.theme.click.tabs.basic.color.stroke.active);
-const Content = styled(RadixTabs.Content).withConfig({
-  componentId: "sc-tj736u-1"
-})([""]);
-const TriggersList = styled(RadixTabs.List).withConfig({
-  componentId: "sc-tj736u-2"
-})(["border-bottom:1px solid ", ";display:flex;"], (props) => props.theme.click.global.color.stroke.default);
+const fullWidthTriggerVariants = cva(cn(styles.tabs__trigger, styles["full-width-tabs__trigger"]), {
+  variants: {
+    width: {
+      fixed: styles["full-width-tabs__trigger_width_fixed"],
+      stretched: styles["full-width-tabs__trigger_width_stretched"]
+    }
+  },
+  defaultVariants: {
+    width: "stretched"
+  }
+});
+const Trigger = forwardRef(({
+  className,
+  ...props
+}, ref) => /* @__PURE__ */ jsx(RadixTabs.Trigger, { ref, ...props, className: cn(styles.tabs__trigger, className) }));
+const Content = forwardRef(({
+  className,
+  ...props
+}, ref) => /* @__PURE__ */ jsx(RadixTabs.Content, { ref, ...props, className: cn(styles.tabs__content, className) }));
+const TriggersList = forwardRef(({
+  className,
+  ...props
+}, ref) => /* @__PURE__ */ jsx(RadixTabs.List, { ref, ...props, className: cn(styles["tabs__triggers-list"], className) }));
 const Tabs = ({
   defaultValue,
   children,
@@ -23,17 +41,24 @@ const Tabs = ({
 Tabs.TriggersList = TriggersList;
 Tabs.Trigger = Trigger;
 Tabs.Content = Content;
-const FullWidthTabs = styled(Tabs).withConfig({
-  componentId: "sc-tj736u-3"
-})(["width:100%;"]);
-FullWidthTabs.Trigger = styled(Trigger).withConfig({
-  componentId: "sc-tj736u-4"
-})(["", ";"], (props) => props.width ? `width: ${props.width};` : `
-    flex-basis: auto;
-    flex-grow: 1;
-    flex-shrink: 1;
-  `);
+const FullWidthTabs = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx(Tabs, { ...props, className: cn(styles["full-width-tabs"], className) });
+const FullWidthTabsTrigger = forwardRef(({
+  className,
+  width,
+  style,
+  ...props
+}, ref) => /* @__PURE__ */ jsx(RadixTabs.Trigger, { ref, ...props, style: width ? {
+  ...style,
+  "--full-width-tabs-trigger-width": width
+} : style, className: cn(fullWidthTriggerVariants({
+  width: width ? "fixed" : "stretched"
+}), className) }));
+FullWidthTabs.Trigger = FullWidthTabsTrigger;
 FullWidthTabs.TriggersList = TriggersList;
+FullWidthTabs.Content = Content;
 
 export { FullWidthTabs, Tabs };
 //# sourceMappingURL=index.js.map

package/dist/esm/components/Tabs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/Tabs/Tabs.tsx"],"sourcesContent":["import * as RadixTabs from '@radix-ui/react-tabs';\nimport { styled } from 'styled-components';\nimport { TabsProps } from './Tabs.types';\n\nconst Trigger = styled(RadixTabs.Trigger)`\n  padding: ${props =>\n    `${props.theme.click.tabs.space.y} ${props.theme.click.tabs.space.x}`};\n\n  border-top-left-radius: ${props => props.theme.click.tabs.radii.all};\n  border-top-right-radius: ${props => props.theme.click.tabs.radii.all};\n  border: none;\n  border-bottom: 2px solid ${props => props.theme.click.tabs.basic.color.stroke.default};\n  background-color: ${props => props.theme.click.tabs.basic.color.background.default};\n  color: ${props => props.theme.click.tabs.basic.color.text.default};\n  font: ${props => props.theme.click.tabs.typography.label.default};\n  cursor: pointer;\n\n  &[data-state='active'] {\n    border-bottom: 2px solid ${props => props.theme.click.tabs.basic.color.stroke.active};\n    color: ${props => props.theme.click.tabs.basic.color.text.active};\n    font: ${props => props.theme.click.tabs.typography.label.active};\n    &:hover {\n      font: ${props => props.theme.click.tabs.typography.label.active};\n    }\n  }\n\n  &:hover {\n    border-bottom: 2px solid ${props => props.theme.click.tabs.basic.color.stroke.hover};\n    background-color: ${props => props.theme.click.tabs.basic.color.background.hover};\n    color: ${props => props.theme.click.tabs.basic.color.text.hover};\n    font: ${props => props.theme.click.tabs.typography.label.hover};\n  }\n\n  &:hover[data-state='active'] {\n    border-bottom: 2px solid ${props => props.theme.click.tabs.basic.color.stroke.active};\n  }\n`;\n\nconst Content = styled(RadixTabs.Content)``;\n\nconst TriggersList = styled(RadixTabs.List)`\n  border-bottom: 1px solid ${props => props.theme.click.global.color.stroke.default};\n  display: flex;\n`;\n\nconst Tabs = ({\n  defaultValue,\n  children,\n  ariaLabel,\n  onValueChange,\n  ...delegated\n}: TabsProps) => {\n  return (\n    <RadixTabs.Root\n      aria-label={ariaLabel}\n      defaultValue={defaultValue}\n      onValueChange={onValueChange}\n      {...delegated}\n    >\n      {children}\n    </RadixTabs.Root>\n  );\n};\n\nTabs.TriggersList = TriggersList;\nTabs.Trigger = Trigger;\nTabs.Content = Content;\n\nconst FullWidthTabs = styled(Tabs)`\n  width: 100%;\n`;\n\nFullWidthTabs.Trigger = styled(Trigger)<{ width?: string }>`\n  ${props =>\n    props.width\n      ? `width: ${props.width};`\n      : `\n    flex-basis: auto;\n    flex-grow: 1;\n    flex-shrink: 1;\n  `};\n`;\n\nFullWidthTabs.TriggersList = TriggersList;\n\nexport { Tabs, FullWidthTabs };\n"],"names":["Trigger","styled","RadixTabs","withConfig","componentId","props","theme","click","tabs","space","y","x","radii","all","basic","color","stroke","default","background","text","typography","label","active","hover","Content","TriggersList","List","global","Tabs","defaultValue","children","ariaLabel","onValueChange","delegated","FullWidthTabs","width"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/Tabs/Tabs.tsx"],"sourcesContent":["import { ComponentPropsWithoutRef, CSSProperties, ElementRef, forwardRef } from 'react';\nimport * as RadixTabs from '@radix-ui/react-tabs';\nimport { cn, cva } from '@/lib/cva';\nimport { TabsProps } from './Tabs.types';\nimport styles from './Tabs.module.css';\n\nconst fullWidthTriggerVariants = cva(\n  cn(styles.tabs__trigger, styles['full-width-tabs__trigger']),\n  {\n    variants: {\n      width: {\n        fixed: styles['full-width-tabs__trigger_width_fixed'],\n        stretched: styles['full-width-tabs__trigger_width_stretched'],\n      },\n    },\n    defaultVariants: {\n      width: 'stretched',\n    },\n  }\n);\n\nconst Trigger = forwardRef<\n  ElementRef<typeof RadixTabs.Trigger>,\n  ComponentPropsWithoutRef<typeof RadixTabs.Trigger>\n>(({ className, ...props }, ref) => (\n  <RadixTabs.Trigger\n    ref={ref}\n    {...props}\n    className={cn(styles.tabs__trigger, className)}\n  />\n));\n\nconst Content = forwardRef<\n  ElementRef<typeof RadixTabs.Content>,\n  ComponentPropsWithoutRef<typeof RadixTabs.Content>\n>(({ className, ...props }, ref) => (\n  <RadixTabs.Content\n    ref={ref}\n    {...props}\n    className={cn(styles.tabs__content, className)}\n  />\n));\n\nconst TriggersList = forwardRef<\n  ElementRef<typeof RadixTabs.List>,\n  ComponentPropsWithoutRef<typeof RadixTabs.List>\n>(({ className, ...props }, ref) => (\n  <RadixTabs.List\n    ref={ref}\n    {...props}\n    className={cn(styles['tabs__triggers-list'], className)}\n  />\n));\n\nconst Tabs = ({\n  defaultValue,\n  children,\n  ariaLabel,\n  onValueChange,\n  ...delegated\n}: TabsProps) => {\n  return (\n    <RadixTabs.Root\n      aria-label={ariaLabel}\n      defaultValue={defaultValue}\n      onValueChange={onValueChange}\n      {...delegated}\n    >\n      {children}\n    </RadixTabs.Root>\n  );\n};\n\nTabs.TriggersList = TriggersList;\nTabs.Trigger = Trigger;\nTabs.Content = Content;\n\nconst FullWidthTabs = ({ className, ...props }: TabsProps) => (\n  <Tabs\n    {...props}\n    className={cn(styles['full-width-tabs'], className)}\n  />\n);\n\nconst FullWidthTabsTrigger = forwardRef<\n  ElementRef<typeof RadixTabs.Trigger>,\n  ComponentPropsWithoutRef<typeof RadixTabs.Trigger> & { width?: string }\n>(({ className, width, style, ...props }, ref) => (\n  <RadixTabs.Trigger\n    ref={ref}\n    {...props}\n    style={\n      width\n        ? ({ ...style, '--full-width-tabs-trigger-width': width } as CSSProperties)\n        : style\n    }\n    className={cn(\n      fullWidthTriggerVariants({ width: width ? 'fixed' : 'stretched' }),\n      className\n    )}\n  />\n));\n\nFullWidthTabs.Trigger = FullWidthTabsTrigger;\nFullWidthTabs.TriggersList = TriggersList;\nFullWidthTabs.Content = Content;\n\nexport { Tabs, FullWidthTabs };\n"],"names":["fullWidthTriggerVariants","cva","cn","styles","tabs__trigger","variants","width","fixed","stretched","defaultVariants","Trigger","forwardRef","className","props","ref","Content","tabs__content","TriggersList","Tabs","defaultValue","children","ariaLabel","onValueChange","delegated","FullWidthTabs","FullWidthTabsTrigger","style"],"mappings":"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"}

package/dist/esm/components/Tooltip/index.js

@@ -1,6 +1,7 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import * as RadixTooltip from '@radix-ui/react-tooltip';
 import { styled } from 'styled-components';
+import { useResolvedPortalContainer } from '../../providers/PortalContext.js';
 
 const Tooltip = ({
   children,
@@ -41,9 +42,11 @@ const TooltipContent = ({
   children,
   sideOffset = 6,
   maxWidth,
+  container,
   ...props
 }) => {
-  return /* @__PURE__ */ jsx(RadixTooltip.Portal, { children: /* @__PURE__ */ jsxs(RadixTooltipContent, { sideOffset, $maxWidth: maxWidth, ...props, children: [
+  const portalContainer = useResolvedPortalContainer(container);
+  return /* @__PURE__ */ jsx(RadixTooltip.Portal, { container: portalContainer, children: /* @__PURE__ */ jsxs(RadixTooltipContent, { sideOffset, $maxWidth: maxWidth, ...props, children: [
     showArrow && /* @__PURE__ */ jsx(Arrow, { as: RadixTooltip.Arrow, width: 20, height: 8 }),
     children
   ] }) });

package/dist/esm/components/Tooltip/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["import * as RadixTooltip from '@radix-ui/react-tooltip';\nimport { HTMLAttributes } from 'react';\nimport { styled } from 'styled-components';\nimport { TooltipProps } from './Tooltip.types';\n\nexport const Tooltip = ({ children, open, disabled, ...props }: TooltipProps) => {\n  return (\n    <RadixTooltip.Root\n      open={disabled ? false : open}\n      {...props}\n    >\n      {children}\n    </RadixTooltip.Root>\n  );\n};\n\nconst TooltipTrigger = (props: HTMLAttributes<HTMLDivElement>) => {\n  return (\n    <RadixTooltip.Trigger asChild>\n      <div {...props} />\n    </RadixTooltip.Trigger>\n  );\n};\nTooltipTrigger.displayName = 'TooltipTrigger';\nTooltip.Trigger = TooltipTrigger;\ninterface TooltipContentProps extends RadixTooltip.TooltipContentProps {\n  /** Whether to show an arrow pointing to the trigger element */\n  showArrow?: boolean;\n  /** Maximum width of the tooltip content */\n  maxWidth?: string;\n}\n\nconst RadixTooltipContent = styled(RadixTooltip.Content)<{ $maxWidth?: string }>`\n  display: flex;\n  align-items: flex-start;\n  ${({ theme, $maxWidth }) => `\n    padding: ${theme.click.tooltip.space.y} ${theme.click.tooltip.space.x};\n    color: ${theme.click.tooltip.color.label.default};\n    background: ${theme.click.tooltip.color.background.default};\n    border-radius: ${theme.click.tooltip.radii.all};\n    font: ${theme.click.tooltip.typography.label.default};\n    white-space: pre-wrap;\n    ${$maxWidth && `max-width: ${$maxWidth}`};\n  `}\n`;\n\nconst Arrow = styled.svg`\n  ${({ theme }) => `\n    fill: ${theme.click.tooltip.color.background.default};\n  `};\n`;\n\nconst TooltipContent = ({\n  showArrow,\n  children,\n  sideOffset = 6,\n  maxWidth,\n  ...props\n}: TooltipContentProps) => {\n  return (\n    <RadixTooltip.Portal>\n      <RadixTooltipContent\n        sideOffset={sideOffset}\n        $maxWidth={maxWidth}\n        {...props}\n      >\n        {showArrow && (\n          <Arrow\n            as={RadixTooltip.Arrow}\n            width={20}\n            height={8}\n          />\n        )}\n        {children}\n      </RadixTooltipContent>\n    </RadixTooltip.Portal>\n  );\n};\nTooltipContent.displayName = 'TooltipContent';\nTooltip.Content = TooltipContent;\n"],"names":["Tooltip","children","open","disabled","props","TooltipTrigger","displayName","Trigger","RadixTooltipContent","styled","RadixTooltip","Content","withConfig","componentId","theme","$maxWidth","click","tooltip","space","y","x","color","label","default","background","radii","all","typography","Arrow","svg","TooltipContent","showArrow","sideOffset","maxWidth"],"mappings":";;;;AAKO,MAAMA,UAAUA,CAAC;AAAA,EAAEC,QAAAA;AAAAA,EAAUC,IAAAA;AAAAA,EAAMC,QAAAA;AAAAA,EAAU,GAAGC;AAAoB,CAAA,KAAM;AAC/E,EAAA,uBACE,GAAA,CAAC,YAAA,CAAa,IAAA,EAAb,EACC,IAAA,EAAMD,WAAW,KAAA,GAAQD,IAAAA,EACzB,GAAIE,KAAAA,EAEHH,QAAAA,EACH,CAAA;AAEJ;AAEA,MAAMI,cAAAA,GAAiBA,CAACD,KAAAA,KAA0C;AAChE,EAAA,uBACE,GAAA,CAAC,YAAA,CAAa,OAAA,EAAb,EAAqB,OAAA,EAAO,MAC3B,QAAA,kBAAA,GAAA,CAAC,KAAA,EAAA,EAAI,GAAIA,KAAAA,EAAM,CAAA,EACjB,CAAA;AAEJ,CAAA;AACAC,cAAAA,CAAeC,WAAAA,GAAc,gBAAA;AAC7BN,OAAAA,CAAQO,OAAAA,GAAUF,cAAAA;AAQlB,MAAMG,mBAAAA,GAAsBC,MAAAA,CAAOC,YAAAA,CAAaC,OAAO,EAACC,UAAAA,CAAA;AAAA,EAAAC,WAAAA,EAAA;AAAA,CAAA,CAAA,CAAA,CAAA,sCAAA,EAAA,EAAA,GAGpD,CAAC;AAAA,EAAEC,KAAAA;AAAAA,EAAOC;AAAU,CAAA,KAAM;AAAA,aAAA,EACfD,KAAAA,CAAME,KAAAA,CAAMC,OAAAA,CAAQC,KAAAA,CAAMC,CAAC,IAAIL,KAAAA,CAAME,KAAAA,CAAMC,OAAAA,CAAQC,KAAAA,CAAME,CAAC,CAAA;AAAA,WAAA,EAC5DN,KAAAA,CAAME,KAAAA,CAAMC,OAAAA,CAAQI,KAAAA,CAAMC,MAAMC,OAAO,CAAA;AAAA,gBAAA,EAClCT,KAAAA,CAAME,KAAAA,CAAMC,OAAAA,CAAQI,KAAAA,CAAMG,WAAWD,OAAO,CAAA;AAAA,mBAAA,EACzCT,KAAAA,CAAME,KAAAA,CAAMC,OAAAA,CAAQQ,KAAAA,CAAMC,GAAG,CAAA;AAAA,UAAA,EACtCZ,KAAAA,CAAME,KAAAA,CAAMC,OAAAA,CAAQU,UAAAA,CAAWL,MAAMC,OAAO,CAAA;AAAA;AAAA,IAAA,EAElDR,SAAAA,IAAa,CAAA,WAAA,EAAcA,SAAS,CAAA,CAAE,CAAA;AAAA,EAAA,CACzC,CAAA;AAGH,MAAMa,KAAAA,GAAQnB,MAAAA,CAAOoB,GAAAA,CAAGjB,UAAAA,CAAA;AAAA,EAAAC,WAAAA,EAAA;AAAA,CAAA,CAAA,CAAA,CAAA,EAAA,EAAA,GAAA,GACpB,CAAC;AAAA,EAAEC;AAAM,CAAA,KAAM;AAAA,UAAA,EACPA,KAAAA,CAAME,KAAAA,CAAMC,OAAAA,CAAQI,KAAAA,CAAMG,WAAWD,OAAO,CAAA;AAAA,EAAA,CACrD,CAAA;AAGH,MAAMO,iBAAiBA,CAAC;AAAA,EACtBC,SAAAA;AAAAA,EACA9B,QAAAA;AAAAA,EACA+B,UAAAA,GAAa,CAAA;AAAA,EACbC,QAAAA;AAAAA,EACA,GAAG7B;AACgB,CAAA,KAAM;AACzB,EAAA,uBACE,GAAA,CAAC,YAAA,CAAa,MAAA,EAAb,EACC,QAAA,kBAAA,IAAA,CAAC,uBACC,UAAA,EACA,SAAA,EAAW6B,QAAAA,EACX,GAAI7B,KAAAA,EAEH2B,QAAAA,EAAAA;AAAAA,IAAAA,SAAAA,oBACC,GAAA,CAAC,SACC,EAAA,EAAIrB,YAAAA,CAAakB,OACjB,KAAA,EAAO,EAAA,EACP,QAAQ,CAAA,EAAE,CAAA;AAAA,IAGb3B;AAAAA,GAAAA,EACH,CAAA,EACF,CAAA;AAEJ,CAAA;AACA6B,cAAAA,CAAexB,WAAAA,GAAc,gBAAA;AAC7BN,OAAAA,CAAQW,OAAAA,GAAUmB,cAAAA;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["import * as RadixTooltip from '@radix-ui/react-tooltip';\nimport { HTMLAttributes } from 'react';\nimport { styled } from 'styled-components';\nimport { useResolvedPortalContainer } from '@/providers/PortalContext';\nimport { TooltipContentProps, TooltipProps } from './Tooltip.types';\n\nexport const Tooltip = ({ children, open, disabled, ...props }: TooltipProps) => {\n  return (\n    <RadixTooltip.Root\n      open={disabled ? false : open}\n      {...props}\n    >\n      {children}\n    </RadixTooltip.Root>\n  );\n};\n\nconst TooltipTrigger = (props: HTMLAttributes<HTMLDivElement>) => {\n  return (\n    <RadixTooltip.Trigger asChild>\n      <div {...props} />\n    </RadixTooltip.Trigger>\n  );\n};\nTooltipTrigger.displayName = 'TooltipTrigger';\nTooltip.Trigger = TooltipTrigger;\nconst RadixTooltipContent = styled(RadixTooltip.Content)<{ $maxWidth?: string }>`\n  display: flex;\n  align-items: flex-start;\n  ${({ theme, $maxWidth }) => `\n    padding: ${theme.click.tooltip.space.y} ${theme.click.tooltip.space.x};\n    color: ${theme.click.tooltip.color.label.default};\n    background: ${theme.click.tooltip.color.background.default};\n    border-radius: ${theme.click.tooltip.radii.all};\n    font: ${theme.click.tooltip.typography.label.default};\n    white-space: pre-wrap;\n    ${$maxWidth && `max-width: ${$maxWidth}`};\n  `}\n`;\n\nconst Arrow = styled.svg`\n  ${({ theme }) => `\n    fill: ${theme.click.tooltip.color.background.default};\n  `};\n`;\n\nconst TooltipContent = ({\n  showArrow,\n  children,\n  sideOffset = 6,\n  maxWidth,\n  container,\n  ...props\n}: TooltipContentProps) => {\n  const portalContainer = useResolvedPortalContainer(container);\n\n  return (\n    <RadixTooltip.Portal container={portalContainer}>\n      <RadixTooltipContent\n        sideOffset={sideOffset}\n        $maxWidth={maxWidth}\n        {...props}\n      >\n        {showArrow && (\n          <Arrow\n            as={RadixTooltip.Arrow}\n            width={20}\n            height={8}\n          />\n        )}\n        {children}\n      </RadixTooltipContent>\n    </RadixTooltip.Portal>\n  );\n};\nTooltipContent.displayName = 'TooltipContent';\nTooltip.Content = TooltipContent;\n"],"names":["Tooltip","children","open","disabled","props","TooltipTrigger","displayName","Trigger","RadixTooltipContent","styled","RadixTooltip","Content","withConfig","componentId","theme","$maxWidth","click","tooltip","space","y","x","color","label","default","background","radii","all","typography","Arrow","svg","TooltipContent","showArrow","sideOffset","maxWidth","container","portalContainer","useResolvedPortalContainer"],"mappings":"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"}

package/dist/esm/index.js

@@ -80,5 +80,7 @@ export { Text } from './components/Text/index.js';
 export { Title } from './components/Title/index.js';
 export { VerticalStepper } from './components/VerticalStepper/index.js';
 export { ClickUIProvider } from './providers/ClickUIProvider.js';
+export { PortalProvider } from './providers/PortalProvider.js';
 export { ThemeProvider } from './providers/ThemeProvider.js';
+export { usePortalContainer, useResolvedPortalContainer } from './providers/PortalContext.js';
 //# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/providers/PortalContext.js

@@ -0,0 +1,13 @@
+import { createContext, useContext } from 'react';
+
+const PortalContainerContext = createContext(null);
+const usePortalContainer = () => {
+  return useContext(PortalContainerContext);
+};
+const useResolvedPortalContainer = (container) => {
+  const contextContainer = usePortalContainer();
+  return container === void 0 ? contextContainer : container;
+};
+
+export { PortalContainerContext, usePortalContainer, useResolvedPortalContainer };
+//# sourceMappingURL=PortalContext.js.map

package/dist/esm/providers/PortalContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PortalContext.js","sources":["../../../src/providers/PortalContext.ts"],"sourcesContent":["import { createContext, useContext } from 'react';\n\nexport type PortalContainer = HTMLElement | null;\n\nexport const PortalContainerContext = createContext<PortalContainer>(null);\n\nexport const usePortalContainer = (): PortalContainer => {\n  return useContext(PortalContainerContext);\n};\n\nexport const useResolvedPortalContainer = (\n  container?: PortalContainer\n): PortalContainer => {\n  const contextContainer = usePortalContainer();\n\n  return container === undefined ? contextContainer : container;\n};\n"],"names":["PortalContainerContext","createContext","usePortalContainer","useContext","useResolvedPortalContainer","container","contextContainer","undefined"],"mappings":";;AAIO,MAAMA,sBAAAA,GAAyBC,cAA+B,IAAI;AAElE,MAAMC,qBAAqBA,MAAuB;AACvD,EAAA,OAAOC,WAAWH,sBAAsB,CAAA;AAC1C;AAEO,MAAMI,0BAAAA,GAA6BA,CACxCC,SAAAA,KACoB;AACpB,EAAA,MAAMC,mBAAmBJ,kBAAAA,EAAmB;AAE5C,EAAA,OAAOG,SAAAA,KAAcE,SAAYD,gBAAAA,GAAmBD,SAAAA;AACtD;;;;"}

package/dist/esm/providers/PortalProvider.js

@@ -0,0 +1,12 @@
+import { jsx } from 'react/jsx-runtime';
+import { PortalContainerContext } from './PortalContext.js';
+
+const PortalProvider = ({
+  children,
+  container = null
+}) => {
+  return /* @__PURE__ */ jsx(PortalContainerContext.Provider, { value: container, children });
+};
+
+export { PortalProvider };
+//# sourceMappingURL=PortalProvider.js.map

package/dist/esm/providers/PortalProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PortalProvider.js","sources":["../../../src/providers/PortalProvider.tsx"],"sourcesContent":["import { ReactElement, ReactNode } from 'react';\nimport { PortalContainerContext, type PortalContainer } from './PortalContext';\n\nexport interface PortalProviderProps {\n  children: ReactNode;\n  container?: PortalContainer;\n}\n\nexport const PortalProvider = ({\n  children,\n  container = null,\n}: PortalProviderProps): ReactElement => {\n  return (\n    <PortalContainerContext.Provider value={container}>\n      {children}\n    </PortalContainerContext.Provider>\n  );\n};\n"],"names":["PortalProvider","children","container"],"mappings":";;;AAQO,MAAMA,iBAAiBA,CAAC;AAAA,EAC7BC,QAAAA;AAAAA,EACAC,SAAAA,GAAY;AACO,CAAA,KAAoB;AACvC,EAAA,2BACG,sBAAA,CAAuB,QAAA,EAAvB,EAAgC,KAAA,EAAOA,WACrCD,QAAAA,EACH,CAAA;AAEJ;;;;"}

package/dist/esm/theme/styles/tokens-dark.css

@@ -367,6 +367,11 @@
   --click-button-group-space-button-default-x: 0.75rem;
   --click-button-group-space-button-borderless-y: 5.5px;
   --click-button-group-space-button-borderless-x: 1rem;
+  --click-button-group-space-icon-default-y: 3px;
+  --click-button-group-space-icon-default-x: 1rem;
+  --click-button-group-space-icon-borderless-y: 5.5px;
+  --click-button-group-space-icon-borderless-x: 1rem;
+  --click-button-group-icon-size-all: 1rem;
   --click-button-group-color-background-default: rgba(0, 0, 0, 0);
   --click-button-group-color-background-hover: #282828;
   --click-button-group-color-background-active: #414141;

package/dist/esm/theme/styles/tokens-light.css

@@ -368,6 +368,11 @@
   --click-button-group-space-button-default-x: 0.75rem;
   --click-button-group-space-button-borderless-y: 5.5px;
   --click-button-group-space-button-borderless-x: 1rem;
+  --click-button-group-space-icon-default-y: 3px;
+  --click-button-group-space-icon-default-x: 1rem;
+  --click-button-group-space-icon-borderless-y: 5.5px;
+  --click-button-group-space-icon-borderless-x: 1rem;
+  --click-button-group-icon-size-all: 1rem;
   --click-button-group-color-background-default: rgba(0, 0, 0, 0);
   --click-button-group-color-background-hover: #f6f7fa;
   --click-button-group-color-background-active: lch(95.274 1.5364 271.98);

package/dist/esm/theme/tokens/variables.dark.js

@@ -768,6 +768,21 @@ const theme = {
               y: "5.5px",
               x: "1rem"
             }
+          },
+          icon: {
+            default: {
+              y: "3px",
+              x: "1rem"
+            },
+            borderless: {
+              y: "5.5px",
+              x: "1rem"
+            }
+          }
+        },
+        icon: {
+          size: {
+            all: "1rem"
           }
         },
         color: {