@clickhouse/click-ui 0.6.2-rc3 → 0.8.0

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/AutoComplete/AutoComplete.tsx"],"sourcesContent":["import {\n  Children,\n  FunctionComponent,\n  HTMLAttributes,\n  KeyboardEventHandler,\n  MouseEventHandler,\n  ReactNode,\n  forwardRef,\n  isValidElement,\n  useCallback,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { Portal, PopoverProps, Content, Root, Trigger } from '@radix-ui/react-popover';\nimport { styled } from 'styled-components';\n\nimport { HorizontalDirection } from '@/types';\nimport { SearchField } from '@/components/SearchField';\nimport { Separator } from '@/components/Separator';\nimport { Icon, type ImageName } from '@/components/Icon';\nimport { GenericMenuItem } from '@/components/GenericMenu';\nimport { IconWrapper } from '@/components/IconWrapper';\nimport { getTextFromNodes } from '@/lib/getTextFromNodes';\nimport { mergeRefs } from '@/utils/mergeRefs';\nimport { useResolvedPortalContainer } from '@/providers/PortalContext';\n\nimport { useOption, useSearch } from './useOption';\nimport { OptionContext } from './OptionContext';\n\ntype DivProps = HTMLAttributes<HTMLDivElement>;\ninterface SelectItemComponentProps extends Omit<\n  DivProps,\n  'disabled' | 'onSelect' | 'value' | 'children'\n> {\n  separator?: boolean;\n  disabled?: boolean;\n  onSelect?: (value: string) => void;\n  value: string;\n  icon?: ImageName;\n  iconDir?: HorizontalDirection;\n}\n\ntype SelectItemChildren = {\n  children: ReactNode;\n  label?: never;\n};\n\ntype SelectItemLabel = {\n  children?: never;\n  label: ReactNode;\n};\nexport interface SelectGroupProps extends Omit<\n  HTMLAttributes<HTMLDivElement>,\n  'heading'\n> {\n  heading: ReactNode;\n  value?: never;\n  onSelect?: never;\n}\nexport interface SelectOptionItem extends Omit<SelectItemProps, 'children' | 'label'> {\n  heading?: never;\n  label: ReactNode;\n  [key: `data-${string}`]: string;\n}\n\ninterface SelectGroupOptionItem extends Omit<SelectGroupProps, 'children' | 'label'> {\n  options: SelectOptionItem[];\n  label?: never;\n  [key: `data-${string}`]: string;\n}\n\nexport type AutoCompleteOptionListItem = SelectGroupOptionItem | SelectOptionItem;\n\nexport type SelectItemProps = SelectItemComponentProps &\n  (SelectItemChildren | SelectItemLabel);\ntype SelectOptionType = {\n  options: AutoCompleteOptionListItem[];\n  children?: never;\n};\n\ntype SelectChildrenType = {\n  children: ReactNode;\n  options?: never;\n};\n\ntype SelectOptionProp = SelectOptionType | SelectChildrenType;\n\ninterface Props\n  extends PopoverProps, Omit<DivProps, 'onChange' | 'dir' | 'onSelect' | 'children'> {\n  onSelect?: (value: string) => void;\n  value?: string;\n  placeholder?: string;\n  onOpenChange?: (open: boolean) => void;\n  label?: ReactNode;\n  container?: HTMLElement | null;\n  error?: ReactNode;\n  disabled?: boolean;\n  dir?: 'start' | 'end';\n  orientation?: 'horizontal' | 'vertical';\n  allowCreateOption?: boolean;\n}\ntype SelectItemObject = {\n  disabled?: boolean;\n  value: string;\n  title: string;\n  heading?: string;\n};\n\nexport type AutoCompleteProps = (SelectOptionType & Props) | (SelectChildrenType & Props);\n\nexport const SelectPopoverRoot = styled(Root)`\n  width: 100%;\n  ${({ theme }) => `\n    border: 1px solid ${theme.click.genericMenu.item.color.default.stroke.default};\n    background: ${theme.click.genericMenu.item.color.default.background.default};\n    box-shadow: 0px 1px 3px 0px rgba(16, 24, 40, 0.1),\n      0px 1px 2px 0px rgba(16, 24, 40, 0.06);\n    border-radius: 0.25rem;\n  `}\n  overflow: hidden;\n  display: flex;\n  padding: 0.5rem 0rem;\n  align-items: flex-start;\n  gap: 0.625rem;\n`;\n\nconst PopoverContent = styled(Content)`\n  width: var(--radix-popover-trigger-width);\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 5px;\n`;\nconst SelectGroupContainer = styled.div`\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  justify-content: center;\n  width: -webkit-fill-available;\n  width: fill-available;\n  width: stretch;\n  overflow: hidden;\n  background: transparent;\n  &[aria-selected] {\n    outline: none;\n  }\n\n  ${({ theme }) => `\n    font: ${theme.click.genericMenu.item.typography.sectionHeader.default};\n    color: ${theme.click.genericMenu.item.color.default.text.muted};\n  `};\n  &[hidden] {\n    display: none;\n  }\n`;\n\nconst SelectGroupName = styled.div`\n  display: flex;\n  width: 100%;\n  flex-direction: column;\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  ${({ theme }) => `\n     font: ${theme.click.genericMenu.item.typography.sectionHeader.default};\n     color: ${theme.click.genericMenu.item.color.default.text.muted};\n     padding: ${theme.click.genericMenu.sectionHeader.space.top} ${theme.click.genericMenu.item.space.x} ${theme.click.genericMenu.sectionHeader.space.bottom};\n     gap: ${theme.click.genericMenu.item.space.gap};\n     border-bottom: 1px solid ${theme.click.genericMenu.item.color.default.stroke.default};\n   `}\n`;\n\nconst SelectGroupContent = styled.div`\n  width: inherit;\n`;\n\nconst SelectListContent = styled.div`\n  width: inherit;\n  overflow: overlay;\n  flex: 1;\n`;\n\ntype CallbackProps = SelectItemObject & {\n  nodeProps: SelectItemProps;\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 === 'AutoComplete.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 === 'AutoComplete.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};\nconst SelectNoDataContainer = styled.div`\n  border: none;\n  display: block;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  text-align: left;\n  cursor: default;\n  &[hidden='true'] {\n    display: none;\n  }\n  ${({ theme }) => `\n    font: ${theme.click.genericMenu.button.typography.label.default}\n    padding: ${theme.click.genericMenu.button.space.y} ${theme.click.genericMenu.item.space.x};\n    background: ${theme.click.genericMenu.button.color.background.default};\n    color: ${theme.click.genericMenu.button.color.label.default};\n  `}\n`;\n\nconst SelectList = styled.div`\n  display: flex;\n  flex-direction: column;\n  width: inherit;\n  max-height: var(--radix-popover-content-available-height);\n  ${({ theme }) => `\n    border: 1px solid ${theme.click.genericMenu.item.color.default.stroke.default};\n    background: ${theme.click.genericMenu.item.color.default.background.default};\n    box-shadow: ${theme.click.genericMenu.panel.shadow.default};\n    border-radius: 0.25rem;\n  `}\n`;\n\nexport const AutoComplete = ({\n  onSelect: onSelectProp,\n  options,\n  children,\n  onOpenChange: onOpenChangeProp,\n  disabled,\n  value = '',\n  placeholder = 'Search',\n  container,\n  ...props\n}: AutoCompleteProps) => {\n  const defaultId = useId();\n  const [search, setSearch] = useState('');\n  const [open, setOpen] = useState(false);\n\n  const inputRef = useRef<HTMLInputElement>(null);\n  const portalContainer = useResolvedPortalContainer(container);\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 [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\n  const onFocus = () => {\n    inputRef.current?.focus();\n  };\n\n  const onOpenChange = useCallback(\n    (open: boolean) => {\n      const newOpen = open && !disabled;\n      setOpen(newOpen);\n      if (typeof onOpenChangeProp === 'function') {\n        onOpenChangeProp(newOpen);\n      }\n    },\n    [disabled, onOpenChangeProp]\n  );\n\n  const onSelect = useCallback(\n    (value: string) => {\n      onOpenChange(false);\n      if (typeof onSelectProp === 'function') {\n        onSelectProp(value);\n      }\n    },\n    [onSelectProp, onOpenChange]\n  );\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?: AutoCompleteOptionListItem[]) => {\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  }, [children, options, updateList]);\n\n  const onKeyDown: KeyboardEventHandler<HTMLInputElement> = e => {\n    if (!e.defaultPrevented) {\n      if (e.key === 'Enter') {\n        e.preventDefault();\n        if (highlighted) {\n          onSelect(highlighted);\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      selectedValue: value,\n    };\n  }, [search, highlighted, isHidden, onSelect, value]);\n\n  const conditionalProps: Partial<SelectOptionProp> = {};\n  if (options) {\n    conditionalProps.options = options;\n  } else {\n    conditionalProps.children = children;\n  }\n\n  const onTriggerClick: MouseEventHandler<HTMLDivElement> = e => {\n    if (open) {\n      e.preventDefault();\n      inputRef.current?.focus();\n    }\n  };\n\n  const onFocusOutside = (\n    e: CustomEvent<{\n      originalEvent: FocusEvent;\n    }>\n  ) => {\n    const contentElement = (e.target as HTMLElement)?.closest('[aria-haspopup=dialog]');\n    const triggerElement = (e.target as HTMLElement)?.closest(\n      '[data-radix-popper-content-wrapper]'\n    );\n\n    if (contentElement || triggerElement) {\n      e.preventDefault();\n    }\n  };\n\n  return (\n    <SelectPopoverRoot\n      open={open}\n      onOpenChange={onOpenChange}\n    >\n      <Trigger\n        asChild\n        disabled={disabled}\n        data-testid=\"autocomplete-trigger\"\n      >\n        <div onClick={onTriggerClick}>\n          <SearchField\n            ref={inputRef}\n            value={search}\n            onChange={onUpdateSearch}\n            onKeyDown={onKeyDown}\n            disabled={disabled}\n            placeholder={placeholder}\n            {...props}\n          />\n        </div>\n      </Trigger>\n      <Portal container={portalContainer}>\n        <PopoverContent\n          sideOffset={5}\n          onFocus={onFocus}\n          onCloseAutoFocus={() => {\n            onUpdateSearch('');\n            inputRef.current?.focus();\n          }}\n          onOpenAutoFocus={e => {\n            e.preventDefault();\n            setHighlighted(visibleList.current[0]);\n            inputRef.current?.focus();\n          }}\n          align=\"start\"\n          onPointerDownOutside={() => {\n            onOpenChange(false);\n          }}\n          onFocusOutside={onFocusOutside}\n        >\n          <SelectList>\n            <SelectListContent>\n              <OptionContext.Provider value={optionContextValue}>\n                {options && options.length > 0\n                  ? options.map((optionProps, index) => {\n                      if ('options' in optionProps) {\n                        const { options: itemList = [], ...groupProps } = optionProps;\n                        return (\n                          <Group\n                            key={`autocomplete-${defaultId}-group-${index}`}\n                            {...groupProps}\n                          >\n                            {itemList.map(\n                              ({ label, ...itemProps }, itemIndex: number) => (\n                                <Item\n                                  key={`autocomplete-${defaultId}-group-${index}-item-${itemIndex}`}\n                                  {...itemProps}\n                                >\n                                  {label}\n                                </Item>\n                              )\n                            )}\n                          </Group>\n                        );\n                      } else {\n                        return (\n                          <Item\n                            key={`autocomplete-${defaultId}-item-${index}`}\n                            {...optionProps}\n                          />\n                        );\n                      }\n                    })\n                  : children}\n              </OptionContext.Provider>\n            </SelectListContent>\n            {visibleList.current.length === 0 && (\n              <SelectNoDataContainer {...props}>\n                No Options found{search.length > 0 ? ` for \"${search}\" ` : ''}\n              </SelectNoDataContainer>\n            )}\n          </SelectList>\n        </PopoverContent>\n      </Portal>\n    </SelectPopoverRoot>\n  );\n};\n\nexport const Group = 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-autocomplete-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\nGroup.displayName = 'AutoComplete.Group';\n\nconst CheckIcon = styled.svg<{ $showCheck: boolean }>`\n  opacity: ${({ $showCheck }) => ($showCheck ? 1 : 0)};\n`;\n\nexport const Item = forwardRef<HTMLDivElement, SelectItemProps>(\n  (\n    {\n      disabled = false,\n      children,\n      label,\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, selectedValue, onSelect } =\n      useOption();\n    const onSelectValue = () => {\n      if (!disabled) {\n        onSelect(value);\n        if (typeof onSelectProp == 'function') {\n          onSelectProp(value);\n        }\n      }\n    };\n    const onMouseOver: MouseEventHandler<HTMLDivElement> = e => {\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 = selectedValue === 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-autocomplete-item=\"\"\n        >\n          <IconWrapper\n            icon={icon}\n            iconDir={iconDir}\n          >\n            {label ?? children}\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\nItem.displayName = 'AutoComplete.Item';\n\nAutoComplete.Group = Group;\nAutoComplete.Item = Item;\n"],"names":["SelectPopoverRoot","styled","Root","withConfig","componentId","theme","click","genericMenu","item","color","default","stroke","background","PopoverContent","Content","SelectGroupContainer","div","typography","sectionHeader","text","muted","SelectGroupName","space","top","x","bottom","gap","SelectGroupContent","SelectListContent","childrenToComboboxItemArray","children","callback","heading","Children","toArray","flatMap","child","isValidElement","type","displayName","groupChildren","props","getTextFromNodes","toLowerCase","title","value","disabled","nodeProps","SelectNoDataContainer","button","label","y","SelectList","panel","shadow","AutoComplete","onSelect","onSelectProp","options","onOpenChange","onOpenChangeProp","placeholder","container","defaultId","useId","search","setSearch","useState","open","setOpen","inputRef","useRef","portalContainer","useResolvedPortalContainer","highlighted","setHighlighted","visibleList","navigatable","valueNode","Map","list","setList","updateElements","useCallback","includes","current","push","set","onFocus","focus","newOpen","onUpdateSearch","hasHighlightedValue","visibleItemsList","navigatableList","searchLowerCase","forEach","updateList","lowerCasedSearch","option","map","useEffect","onKeyDown","e","defaultPrevented","key","preventDefault","nextHighlightedValue","highlightedIndex","findIndex","length","isHidden","optionContextValue","useMemo","updateHighlighted","selectedValue","onTriggerClick","onFocusOutside","contentElement","target","closest","triggerElement","optionProps","index","itemList","groupProps","itemProps","itemIndex","Group","forwardRef","forwardedRef","useSearch","mergeRefs","node","hidden","querySelectorAll","setAttribute","removeAttribute","toString","CheckIcon","svg","$showCheck","Item","separator","icon","iconDir","onMouseOver","onMouseOverProp","useOption","onSelectValue","isChecked","undefined","Icon"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/AutoComplete/AutoComplete.tsx"],"sourcesContent":["import {\n  Children,\n  FunctionComponent,\n  HTMLAttributes,\n  KeyboardEventHandler,\n  MouseEventHandler,\n  ReactNode,\n  forwardRef,\n  isValidElement,\n  useCallback,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { Portal, PopoverProps, Content, Root, Trigger } from '@radix-ui/react-popover';\n\nimport { HorizontalDirection } from '@/types';\nimport { cn } from '@/lib/cva';\nimport { SearchField } from '@/components/SearchField';\nimport { Separator } from '@/components/Separator';\nimport { Icon, type ImageName } from '@/components/Icon';\nimport { GenericMenuItem } from '@/components/GenericMenu';\nimport { IconWrapper } from '@/components/IconWrapper';\nimport { getTextFromNodes } from '@/lib/getTextFromNodes';\nimport { mergeRefs } from '@/utils/mergeRefs';\nimport { useResolvedPortalContainer } from '@/providers/PortalContext';\n\nimport { useOption, useSearch } from './useOption';\nimport { OptionContext } from './OptionContext';\nimport styles from './AutoComplete.module.css';\n\ntype DivProps = HTMLAttributes<HTMLDivElement>;\ninterface SelectItemComponentProps extends Omit<\n  DivProps,\n  'disabled' | 'onSelect' | 'value' | 'children'\n> {\n  separator?: boolean;\n  disabled?: boolean;\n  onSelect?: (value: string) => void;\n  value: string;\n  icon?: ImageName;\n  iconDir?: HorizontalDirection;\n}\n\ntype SelectItemChildren = {\n  children: ReactNode;\n  label?: never;\n};\n\ntype SelectItemLabel = {\n  children?: never;\n  label: ReactNode;\n};\nexport interface SelectGroupProps extends Omit<\n  HTMLAttributes<HTMLDivElement>,\n  'heading'\n> {\n  heading: ReactNode;\n  value?: never;\n  onSelect?: never;\n}\nexport interface SelectOptionItem extends Omit<SelectItemProps, 'children' | 'label'> {\n  heading?: never;\n  label: ReactNode;\n  [key: `data-${string}`]: string;\n}\n\ninterface SelectGroupOptionItem extends Omit<SelectGroupProps, 'children' | 'label'> {\n  options: SelectOptionItem[];\n  label?: never;\n  [key: `data-${string}`]: string;\n}\n\nexport type AutoCompleteOptionListItem = SelectGroupOptionItem | SelectOptionItem;\n\nexport type SelectItemProps = SelectItemComponentProps &\n  (SelectItemChildren | SelectItemLabel);\ntype SelectOptionType = {\n  options: AutoCompleteOptionListItem[];\n  children?: never;\n};\n\ntype SelectChildrenType = {\n  children: ReactNode;\n  options?: never;\n};\n\ntype SelectOptionProp = SelectOptionType | SelectChildrenType;\n\ninterface Props\n  extends PopoverProps, Omit<DivProps, 'onChange' | 'dir' | 'onSelect' | 'children'> {\n  onSelect?: (value: string) => void;\n  value?: string;\n  placeholder?: string;\n  onOpenChange?: (open: boolean) => void;\n  label?: ReactNode;\n  container?: HTMLElement | null;\n  error?: ReactNode;\n  disabled?: boolean;\n  dir?: 'start' | 'end';\n  orientation?: 'horizontal' | 'vertical';\n  allowCreateOption?: boolean;\n}\ntype SelectItemObject = {\n  disabled?: boolean;\n  value: string;\n  title: string;\n  heading?: string;\n};\n\nexport type AutoCompleteProps = (SelectOptionType & Props) | (SelectChildrenType & Props);\n\n// Popover.Root renders no DOM node (it is a context provider), so the styling\n// that previously lived on `styled(Root)` never applied — the visible popover\n// chrome comes from `.select-list` below. Kept as a bare `Root` re-export so the\n// public `SelectPopoverRoot` export is preserved.\nexport const SelectPopoverRoot = Root;\n\ntype CallbackProps = SelectItemObject & {\n  nodeProps: SelectItemProps;\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 === 'AutoComplete.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 === 'AutoComplete.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};\nexport const AutoComplete = ({\n  onSelect: onSelectProp,\n  options,\n  children,\n  onOpenChange: onOpenChangeProp,\n  disabled,\n  value = '',\n  placeholder = 'Search',\n  container,\n  ...props\n}: AutoCompleteProps) => {\n  const defaultId = useId();\n  const [search, setSearch] = useState('');\n  const [open, setOpen] = useState(false);\n\n  const inputRef = useRef<HTMLInputElement>(null);\n  const portalContainer = useResolvedPortalContainer(container);\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 [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\n  const onFocus = () => {\n    inputRef.current?.focus();\n  };\n\n  const onOpenChange = useCallback(\n    (open: boolean) => {\n      const newOpen = open && !disabled;\n      setOpen(newOpen);\n      if (typeof onOpenChangeProp === 'function') {\n        onOpenChangeProp(newOpen);\n      }\n    },\n    [disabled, onOpenChangeProp]\n  );\n\n  const onSelect = useCallback(\n    (value: string) => {\n      onOpenChange(false);\n      if (typeof onSelectProp === 'function') {\n        onSelectProp(value);\n      }\n    },\n    [onSelectProp, onOpenChange]\n  );\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?: AutoCompleteOptionListItem[]) => {\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  }, [children, options, updateList]);\n\n  const onKeyDown: KeyboardEventHandler<HTMLInputElement> = e => {\n    if (!e.defaultPrevented) {\n      if (e.key === 'Enter') {\n        e.preventDefault();\n        if (highlighted) {\n          onSelect(highlighted);\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      selectedValue: value,\n    };\n  }, [search, highlighted, isHidden, onSelect, value]);\n\n  const conditionalProps: Partial<SelectOptionProp> = {};\n  if (options) {\n    conditionalProps.options = options;\n  } else {\n    conditionalProps.children = children;\n  }\n\n  const onTriggerClick: MouseEventHandler<HTMLDivElement> = e => {\n    if (open) {\n      e.preventDefault();\n      inputRef.current?.focus();\n    }\n  };\n\n  const onFocusOutside = (\n    e: CustomEvent<{\n      originalEvent: FocusEvent;\n    }>\n  ) => {\n    const contentElement = (e.target as HTMLElement)?.closest('[aria-haspopup=dialog]');\n    const triggerElement = (e.target as HTMLElement)?.closest(\n      '[data-radix-popper-content-wrapper]'\n    );\n\n    if (contentElement || triggerElement) {\n      e.preventDefault();\n    }\n  };\n\n  return (\n    <SelectPopoverRoot\n      open={open}\n      onOpenChange={onOpenChange}\n    >\n      <Trigger\n        asChild\n        disabled={disabled}\n        data-testid=\"autocomplete-trigger\"\n      >\n        <div onClick={onTriggerClick}>\n          <SearchField\n            ref={inputRef}\n            value={search}\n            onChange={onUpdateSearch}\n            onKeyDown={onKeyDown}\n            disabled={disabled}\n            placeholder={placeholder}\n            {...props}\n          />\n        </div>\n      </Trigger>\n      <Portal container={portalContainer}>\n        <Content\n          className={styles['popover-content']}\n          sideOffset={5}\n          onFocus={onFocus}\n          onCloseAutoFocus={() => {\n            onUpdateSearch('');\n            inputRef.current?.focus();\n          }}\n          onOpenAutoFocus={e => {\n            e.preventDefault();\n            setHighlighted(visibleList.current[0]);\n            inputRef.current?.focus();\n          }}\n          align=\"start\"\n          onPointerDownOutside={() => {\n            onOpenChange(false);\n          }}\n          onFocusOutside={onFocusOutside}\n        >\n          <div className={styles['select-list']}>\n            <div className={styles['select-list-content']}>\n              <OptionContext.Provider value={optionContextValue}>\n                {options && options.length > 0\n                  ? options.map((optionProps, index) => {\n                      if ('options' in optionProps) {\n                        const { options: itemList = [], ...groupProps } = optionProps;\n                        return (\n                          <Group\n                            key={`autocomplete-${defaultId}-group-${index}`}\n                            {...groupProps}\n                          >\n                            {itemList.map(\n                              ({ label, ...itemProps }, itemIndex: number) => (\n                                <Item\n                                  key={`autocomplete-${defaultId}-group-${index}-item-${itemIndex}`}\n                                  {...itemProps}\n                                >\n                                  {label}\n                                </Item>\n                              )\n                            )}\n                          </Group>\n                        );\n                      } else {\n                        return (\n                          <Item\n                            key={`autocomplete-${defaultId}-item-${index}`}\n                            {...optionProps}\n                          />\n                        );\n                      }\n                    })\n                  : children}\n              </OptionContext.Provider>\n            </div>\n            {visibleList.current.length === 0 && (\n              <div\n                {...props}\n                className={cn(styles['select-no-data-container'], props.className)}\n              >\n                No Options found{search.length > 0 ? ` for \"${search}\" ` : ''}\n              </div>\n            )}\n          </div>\n        </Content>\n      </Portal>\n    </SelectPopoverRoot>\n  );\n};\n\nexport const Group = forwardRef<HTMLDivElement, SelectGroupProps>(\n  ({ children, heading, className, ...props }, forwardedRef) => {\n    useSearch();\n    return (\n      <div\n        {...props}\n        ref={mergeRefs([\n          forwardedRef,\n          node => {\n            const hidden = node?.querySelectorAll('[cui-autocomplete-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        className={cn(styles['select-group-container'], className)}\n      >\n        <div className={styles['select-group-name']}>{heading}</div>\n        <div className={styles['select-group-content']}>{children}</div>\n      </div>\n    );\n  }\n);\n\nGroup.displayName = 'AutoComplete.Group';\n\nexport const Item = forwardRef<HTMLDivElement, SelectItemProps>(\n  (\n    {\n      disabled = false,\n      children,\n      label,\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, selectedValue, onSelect } =\n      useOption();\n    const onSelectValue = () => {\n      if (!disabled) {\n        onSelect(value);\n        if (typeof onSelectProp == 'function') {\n          onSelectProp(value);\n        }\n      }\n    };\n    const onMouseOver: MouseEventHandler<HTMLDivElement> = e => {\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 = selectedValue === 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-autocomplete-item=\"\"\n        >\n          <IconWrapper\n            icon={icon}\n            iconDir={iconDir}\n          >\n            {label ?? children}\n          </IconWrapper>\n          <Icon\n            className={cn(\n              styles['check-icon'],\n              isChecked && styles['check-icon_show-check']\n            )}\n            name=\"check\"\n            size=\"sm\"\n          />\n        </GenericMenuItem>\n        {separator && <Separator size=\"sm\" />}\n      </>\n    );\n  }\n);\n\nItem.displayName = 'AutoComplete.Item';\n\nAutoComplete.Group = Group;\nAutoComplete.Item = Item;\n"],"names":["SelectPopoverRoot","Root","childrenToComboboxItemArray","children","callback","heading","Children","toArray","flatMap","child","isValidElement","type","displayName","groupChildren","props","getTextFromNodes","toLowerCase","title","value","disabled","nodeProps","AutoComplete","onSelect","onSelectProp","options","onOpenChange","onOpenChangeProp","placeholder","container","defaultId","useId","search","setSearch","useState","open","setOpen","inputRef","useRef","portalContainer","useResolvedPortalContainer","highlighted","setHighlighted","visibleList","navigatable","valueNode","Map","list","setList","updateElements","useCallback","includes","current","push","set","onFocus","focus","newOpen","onUpdateSearch","hasHighlightedValue","visibleItemsList","navigatableList","searchLowerCase","forEach","item","updateList","lowerCasedSearch","option","map","label","useEffect","onKeyDown","e","defaultPrevented","key","preventDefault","nextHighlightedValue","highlightedIndex","findIndex","length","isHidden","optionContextValue","useMemo","updateHighlighted","selectedValue","onTriggerClick","onFocusOutside","contentElement","target","closest","triggerElement","styles","optionProps","index","itemList","groupProps","itemProps","itemIndex","cn","className","Group","forwardRef","forwardedRef","useSearch","mergeRefs","node","hidden","querySelectorAll","setAttribute","removeAttribute","toString","Item","separator","icon","iconDir","onMouseOver","onMouseOverProp","useOption","onSelectValue","isChecked","undefined","Icon"],"mappings":"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"}

package/dist/esm/components/BigStat/BigStat.css

@@ -0,0 +1,77 @@
+/* stylelint-disable custom-property-pattern -- design tokens use camelCase (e.g. bigStat) */
+.big-stat__ZC5s7 {
+  --big-stat-max-width: initial;
+
+  display: flex;
+  box-sizing: border-box;
+  max-width: var(--big-stat-max-width, none);
+  min-height: var(--big-stat-height, auto);
+  padding: var(--click-bigStat-space-all);
+  justify-content: center;
+  border: var(--click-bigStat-stroke) solid var(--big-stat-stroke-color);
+  border-radius: var(--click-bigStat-radii-all);
+  background-color: var(--big-stat-background);
+  color: var(--big-stat-label-color);
+  font: var(--big-stat-label-font);
+}
+
+/* State drives the color/background tokens. The `default` and `muted`
+   typography tokens are byte-identical, so font is dispatched on size only. */
+.big-stat_state_default__YsXXh {
+  --big-stat-background: var(--click-bigStat-color-background-default);
+  --big-stat-label-color: var(--click-bigStat-color-label-default);
+  --big-stat-title-color: var(--click-bigStat-color-title-default);
+  --big-stat-stroke-color: var(--click-bigStat-color-stroke-default);
+}
+
+.big-stat_state_muted__FI-y- {
+  --big-stat-background: var(--click-bigStat-color-background-muted);
+  --big-stat-label-color: var(--click-bigStat-color-label-muted);
+  --big-stat-title-color: var(--click-bigStat-color-title-muted);
+  --big-stat-stroke-color: var(--click-bigStat-color-stroke-muted);
+}
+
+.big-stat_size_lg__B4I3T {
+  --big-stat-label-font: var(--click-bigStat-typography-lg-label-default);
+  --big-stat-title-font: var(--click-bigStat-typography-lg-title-default);
+}
+
+.big-stat_size_sm__q2e-M {
+  --big-stat-label-font: var(--click-bigStat-typography-sm-label-default);
+  --big-stat-title-font: var(--click-bigStat-typography-sm-title-default);
+}
+
+.big-stat_error__jprpL {
+  --big-stat-label-color: var(--click-bigStat-color-label-danger);
+  --big-stat-stroke-color: var(--click-bigStat-color-stroke-danger);
+}
+
+.big-stat_order_title-top__ccjZB {
+  flex-direction: column;
+}
+
+.big-stat_order_title-bottom__Mpgww {
+  flex-direction: column-reverse;
+}
+
+.big-stat_fill-width__FxoMI {
+  width: 100%;
+}
+
+.big-stat_spacing_sm__Xx-wJ {
+  gap: var(--click-bigStat-space-sm-gap);
+}
+
+.big-stat_spacing_lg__MTWck {
+  gap: var(--click-bigStat-space-lg-gap);
+}
+
+.big-stat__label__MAyV0 {
+  color: var(--big-stat-label-color);
+  font: var(--big-stat-label-font);
+}
+
+.big-stat__title__ql7Gx {
+  color: var(--big-stat-title-color);
+  font: var(--big-stat-title-font);
+}

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

@@ -0,0 +1,18 @@
+const styles = {
+	"big-stat": "big-stat__ZC5s7",
+	"big-stat_state_default": "big-stat_state_default__YsXXh",
+	"big-stat_state_muted": "big-stat_state_muted__FI-y-",
+	"big-stat_size_lg": "big-stat_size_lg__B4I3T",
+	"big-stat_size_sm": "big-stat_size_sm__q2e-M",
+	"big-stat_error": "big-stat_error__jprpL",
+	"big-stat_order_title-top": "big-stat_order_title-top__ccjZB",
+	"big-stat_order_title-bottom": "big-stat_order_title-bottom__Mpgww",
+	"big-stat_fill-width": "big-stat_fill-width__FxoMI",
+	"big-stat_spacing_sm": "big-stat_spacing_sm__Xx-wJ",
+	"big-stat_spacing_lg": "big-stat_spacing_lg__MTWck",
+	"big-stat__label": "big-stat__label__MAyV0",
+	"big-stat__title": "big-stat__title__ql7Gx"
+};
+
+export { styles as default };
+//# sourceMappingURL=BigStat.module.css.js.map

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

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

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

@@ -1,68 +1,76 @@
+import "./BigStat.css";
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { styled } from 'styled-components';
+import { useMemo } from 'react';
+import { cn } from '../../lib/cva.js';
+import styles from './BigStat.module.css.js';
+import { cva } from 'class-variance-authority';
 
+const wrapperVariants = cva(styles["big-stat"], {
+  variants: {
+    state: {
+      default: styles["big-stat_state_default"],
+      muted: styles["big-stat_state_muted"]
+    },
+    size: {
+      lg: styles["big-stat_size_lg"],
+      sm: styles["big-stat_size_sm"]
+    },
+    spacing: {
+      sm: styles["big-stat_spacing_sm"],
+      lg: styles["big-stat_spacing_lg"]
+    },
+    order: {
+      titleTop: styles["big-stat_order_title-top"],
+      titleBottom: styles["big-stat_order_title-bottom"]
+    },
+    fillWidth: {
+      true: styles["big-stat_fill-width"]
+    },
+    error: {
+      true: styles["big-stat_error"]
+    }
+  },
+  defaultVariants: {
+    state: "default",
+    size: "lg",
+    spacing: "sm",
+    order: "titleTop"
+  }
+});
 const BigStat = ({
   fillWidth = false,
   maxWidth,
   height = "6rem",
   label = "Label",
   order = "titleTop",
-  size,
+  size = "lg",
   spacing = "sm",
   state = "default",
   title = "Title",
   error = false,
+  className,
+  style,
   ...props
-}) => /* @__PURE__ */ jsxs(Wrapper, { $height: height, $order: order, $size: size, $spacing: spacing, $state: state, $fillWidth: fillWidth, $maxWidth: maxWidth, $error: error, ...props, children: [
-  /* @__PURE__ */ jsx(Label, { $state: state, $size: size, $error: error, children: label }),
-  /* @__PURE__ */ jsx(Title, { $state: state, $size: size, children: title })
-] });
-const Wrapper = styled.div.withConfig({
-  componentId: "sc-u5029o-0"
-})(["display:flex;justify-content:center;box-sizing:border-box;", ""], ({
-  $fillWidth = false,
-  $maxWidth = "none",
-  $state = "default",
-  $size = "lg",
-  $height = "fixed",
-  $order,
-  $spacing = "sm",
-  $error = false,
-  theme
-}) => `
-    background-color: ${theme.click.bigStat.color.background[$state]};
-    color: ${theme.click.bigStat.color.label[$state]};
-    font: ${theme.click.bigStat.typography[$size].label[$state]};
-    border-radius: ${theme.click.bigStat.radii.all};
-    border: ${theme.click.bigStat.stroke} solid ${$error ? theme.click.bigStat.color.stroke.danger : theme.click.bigStat.color.stroke[$state]};
-  gap: ${theme.click.bigStat.space[$spacing].gap};
-  padding: ${theme.click.bigStat.space.all};
-  min-height: ${$height !== void 0 ? `${$height}` : "auto"};
-  flex-direction: ${$order === "titleBottom" ? "column-reverse" : "column"};
-  width: ${$fillWidth === true ? "100%" : "auto"};
-  max-width: ${$maxWidth ? $maxWidth : "none"};
-  `);
-const Label = styled.div.withConfig({
-  componentId: "sc-u5029o-1"
-})(["", ""], ({
-  $state = "default",
-  $size = "lg",
-  $error = false,
-  theme
-}) => `
-    color: ${$error ? theme.click.bigStat.color.label.danger : theme.click.bigStat.color.label[$state]};
-    font: ${theme.click.bigStat.typography[$size].label[$state]};
-  `);
-const Title = styled.div.withConfig({
-  componentId: "sc-u5029o-2"
-})(["", ""], ({
-  $state = "default",
-  $size = "lg",
-  theme
-}) => `
-    color: ${theme.click.bigStat.color.title[$state]};
-    font: ${theme.click.bigStat.typography[$size].title[$state]};
-  `);
+}) => {
+  const mergedStyle = useMemo(() => ({
+    "--big-stat-height": height,
+    ...maxWidth && {
+      "--big-stat-max-width": maxWidth
+    },
+    ...style
+  }), [height, maxWidth, style]);
+  return /* @__PURE__ */ jsxs("div", { style: mergedStyle, ...props, className: cn(wrapperVariants({
+    state,
+    size,
+    spacing,
+    order,
+    fillWidth,
+    error
+  }), className), children: [
+    /* @__PURE__ */ jsx("div", { className: cn(styles["big-stat__label"]), children: label }),
+    /* @__PURE__ */ jsx("div", { className: cn(styles["big-stat__title"]), children: title })
+  ] });
+};
 
 export { BigStat };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/BigStat/BigStat.tsx"],"sourcesContent":["import { styled } from 'styled-components';\nimport { BigStatProps } from './BigStat.types';\n\n//* Use this component to highlight important pieces of information. */\nexport const BigStat = ({\n  fillWidth = false,\n  maxWidth,\n  height = '6rem',\n  label = 'Label',\n  order = 'titleTop',\n  size,\n  spacing = 'sm',\n  state = 'default',\n  title = 'Title',\n  error = false,\n  ...props\n}: BigStatProps) => (\n  <Wrapper\n    $height={height}\n    $order={order}\n    $size={size}\n    $spacing={spacing}\n    $state={state}\n    $fillWidth={fillWidth}\n    $maxWidth={maxWidth}\n    $error={error}\n    {...props}\n  >\n    <Label\n      $state={state}\n      $size={size}\n      $error={error}\n    >\n      {label}\n    </Label>\n    <Title\n      $state={state}\n      $size={size}\n    >\n      {title}\n    </Title>\n  </Wrapper>\n);\n\nimport { bigStatOrder, bigStatSize, bigStatSpacing, bigStatState } from './BigStat.types';\n\nconst Wrapper = styled.div<{\n  $fillWidth?: boolean;\n  $maxWidth?: string;\n  $height?: string;\n  $order?: bigStatOrder;\n  $size?: bigStatSize;\n  $spacing?: bigStatSpacing;\n  $state?: bigStatState;\n  $error?: boolean;\n}>`\n  display: flex;\n  justify-content: center;\n  box-sizing: border-box;\n  ${({\n    $fillWidth = false,\n    $maxWidth = 'none',\n    $state = 'default',\n    $size = 'lg',\n    $height = 'fixed',\n    $order,\n    $spacing = 'sm',\n    $error = false,\n    theme,\n  }) => `\n    background-color: ${theme.click.bigStat.color.background[$state]};\n    color: ${theme.click.bigStat.color.label[$state]};\n    font: ${theme.click.bigStat.typography[$size].label[$state]};\n    border-radius: ${theme.click.bigStat.radii.all};\n    border: ${theme.click.bigStat.stroke} solid ${\n      $error\n        ? theme.click.bigStat.color.stroke.danger\n        : theme.click.bigStat.color.stroke[$state]\n    };\n  gap: ${theme.click.bigStat.space[$spacing].gap};\n  padding: ${theme.click.bigStat.space.all};\n  min-height: ${$height !== undefined ? `${$height}` : 'auto'};\n  flex-direction: ${$order === 'titleBottom' ? 'column-reverse' : 'column'};\n  width: ${$fillWidth === true ? '100%' : 'auto'};\n  max-width: ${$maxWidth ? $maxWidth : 'none'};\n  `}\n`;\n\nconst Label = styled.div<{\n  $state?: bigStatState;\n  $size?: bigStatSize;\n  $error?: boolean;\n}>`\n  ${({ $state = 'default', $size = 'lg', $error = false, theme }) => `\n    color: ${$error ? theme.click.bigStat.color.label.danger : theme.click.bigStat.color.label[$state]};\n    font: ${theme.click.bigStat.typography[$size].label[$state]};\n  `}\n`;\n\nconst Title = styled.div<{\n  $state?: bigStatState;\n  $size?: bigStatSize;\n}>`\n  ${({ $state = 'default', $size = 'lg', theme }) => `\n    color: ${theme.click.bigStat.color.title[$state]};\n    font: ${theme.click.bigStat.typography[$size].title[$state]};\n  `}\n`;\n"],"names":["BigStat","fillWidth","maxWidth","height","label","order","size","spacing","state","title","error","props","Wrapper","styled","div","withConfig","componentId","$fillWidth","$maxWidth","$state","$size","$height","$order","$spacing","$error","theme","click","bigStat","color","background","typography","radii","all","stroke","danger","space","gap","undefined","Label","Title"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/BigStat/BigStat.tsx"],"sourcesContent":["import { CSSProperties, useMemo } from 'react';\nimport { cn, cva } from '@/lib/cva';\nimport { BigStatProps } from './BigStat.types';\nimport styles from './BigStat.module.css';\n\nconst wrapperVariants = cva(styles['big-stat'], {\n  variants: {\n    state: {\n      default: styles['big-stat_state_default'],\n      muted: styles['big-stat_state_muted'],\n    },\n    size: {\n      lg: styles['big-stat_size_lg'],\n      sm: styles['big-stat_size_sm'],\n    },\n    spacing: {\n      sm: styles['big-stat_spacing_sm'],\n      lg: styles['big-stat_spacing_lg'],\n    },\n    order: {\n      titleTop: styles['big-stat_order_title-top'],\n      titleBottom: styles['big-stat_order_title-bottom'],\n    },\n    fillWidth: {\n      true: styles['big-stat_fill-width'],\n    },\n    error: {\n      true: styles['big-stat_error'],\n    },\n  },\n  defaultVariants: {\n    state: 'default',\n    size: 'lg',\n    spacing: 'sm',\n    order: 'titleTop',\n  },\n});\n\n//* Use this component to highlight important pieces of information. */\nexport const BigStat = ({\n  fillWidth = false,\n  maxWidth,\n  height = '6rem',\n  label = 'Label',\n  order = 'titleTop',\n  size = 'lg',\n  spacing = 'sm',\n  state = 'default',\n  title = 'Title',\n  error = false,\n  className,\n  style,\n  ...props\n}: BigStatProps) => {\n  const mergedStyle = useMemo(\n    () =>\n      ({\n        '--big-stat-height': height,\n        ...(maxWidth && { '--big-stat-max-width': maxWidth }),\n        ...style,\n      }) as CSSProperties,\n    [height, maxWidth, style]\n  );\n\n  return (\n    <div\n      style={mergedStyle}\n      {...props}\n      className={cn(\n        wrapperVariants({ state, size, spacing, order, fillWidth, error }),\n        className\n      )}\n    >\n      <div className={cn(styles['big-stat__label'])}>{label}</div>\n      <div className={cn(styles['big-stat__title'])}>{title}</div>\n    </div>\n  );\n};\n"],"names":["wrapperVariants","cva","styles","variants","state","default","muted","size","lg","sm","spacing","order","titleTop","titleBottom","fillWidth","true","error","defaultVariants","BigStat","maxWidth","height","label","title","className","style","props","mergedStyle","useMemo","cn"],"mappings":";;;;;;AAKA,MAAMA,eAAAA,GAAkBC,GAAAA,CAAIC,MAAAA,CAAO,UAAU,CAAA,EAAG;AAAA,EAC9CC,QAAAA,EAAU;AAAA,IACRC,KAAAA,EAAO;AAAA,MACLC,OAAAA,EAASH,OAAO,wBAAwB,CAAA;AAAA,MACxCI,KAAAA,EAAOJ,OAAO,sBAAsB;AAAA,KACtC;AAAA,IACAK,IAAAA,EAAM;AAAA,MACJC,EAAAA,EAAIN,OAAO,kBAAkB,CAAA;AAAA,MAC7BO,EAAAA,EAAIP,OAAO,kBAAkB;AAAA,KAC/B;AAAA,IACAQ,OAAAA,EAAS;AAAA,MACPD,EAAAA,EAAIP,OAAO,qBAAqB,CAAA;AAAA,MAChCM,EAAAA,EAAIN,OAAO,qBAAqB;AAAA,KAClC;AAAA,IACAS,KAAAA,EAAO;AAAA,MACLC,QAAAA,EAAUV,OAAO,0BAA0B,CAAA;AAAA,MAC3CW,WAAAA,EAAaX,OAAO,6BAA6B;AAAA,KACnD;AAAA,IACAY,SAAAA,EAAW;AAAA,MACTC,IAAAA,EAAMb,OAAO,qBAAqB;AAAA,KACpC;AAAA,IACAc,KAAAA,EAAO;AAAA,MACLD,IAAAA,EAAMb,OAAO,gBAAgB;AAAA;AAC/B,GACF;AAAA,EACAe,eAAAA,EAAiB;AAAA,IACfb,KAAAA,EAAO,SAAA;AAAA,IACPG,IAAAA,EAAM,IAAA;AAAA,IACNG,OAAAA,EAAS,IAAA;AAAA,IACTC,KAAAA,EAAO;AAAA;AAEX,CAAC,CAAA;AAGM,MAAMO,UAAUA,CAAC;AAAA,EACtBJ,SAAAA,GAAY,KAAA;AAAA,EACZK,QAAAA;AAAAA,EACAC,MAAAA,GAAS,MAAA;AAAA,EACTC,KAAAA,GAAQ,OAAA;AAAA,EACRV,KAAAA,GAAQ,UAAA;AAAA,EACRJ,IAAAA,GAAO,IAAA;AAAA,EACPG,OAAAA,GAAU,IAAA;AAAA,EACVN,KAAAA,GAAQ,SAAA;AAAA,EACRkB,KAAAA,GAAQ,OAAA;AAAA,EACRN,KAAAA,GAAQ,KAAA;AAAA,EACRO,SAAAA;AAAAA,EACAC,KAAAA;AAAAA,EACA,GAAGC;AACS,CAAA,KAAM;AAClB,EAAA,MAAMC,WAAAA,GAAcC,QAClB,OACG;AAAA,IACC,mBAAA,EAAqBP,MAAAA;AAAAA,IACrB,GAAID,QAAAA,IAAY;AAAA,MAAE,sBAAA,EAAwBA;AAAAA,KAAS;AAAA,IACnD,GAAGK;AAAAA,GACL,CAAA,EACF,CAACJ,MAAAA,EAAQD,QAAAA,EAAUK,KAAK,CAC1B,CAAA;AAEA,EAAA,uBACE,IAAA,CAAC,SACC,KAAA,EAAOE,WAAAA,KACHD,KAAAA,EACJ,SAAA,EAAWG,GACT5B,eAAAA,CAAgB;AAAA,IAAEI,KAAAA;AAAAA,IAAOG,IAAAA;AAAAA,IAAMG,OAAAA;AAAAA,IAASC,KAAAA;AAAAA,IAAOG,SAAAA;AAAAA,IAAWE;AAAAA,GAAO,CAAA,EACjEO,SACF,CAAA,EAEA,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,SAAI,SAAA,EAAWK,EAAAA,CAAG1B,OAAO,iBAAiB,CAAC,GAAImB,QAAAA,EAAAA,KAAAA,EAAM,CAAA;AAAA,oBACtD,GAAA,CAAC,SAAI,SAAA,EAAWO,EAAAA,CAAG1B,OAAO,iBAAiB,CAAC,GAAIoB,QAAAA,EAAAA,KAAAA,EAAM;AAAA,GAAA,EACxD,CAAA;AAEJ;;;;"}

package/dist/esm/components/Button/BaseButton.css

@@ -0,0 +1,40 @@
+/* Kept at zero specificity via :where() so that downstream styled-components
+   overrides on a styled(BaseButton) (SplitButton's PrimaryButton/SecondaryButton
+   override padding, border-radius, font, background, color, border, and width)
+   win without needing a specificity hack — BaseButton is a CSS Module, whose rules
+   otherwise beat equal-specificity styled-components by source order. SplitButton
+   cannot be fully migrated to fix the collision in the consumer because it renders
+   as={Dropdown.Trigger}/as={Dropdown.Content} and Dropdown is still on
+   styled-components, so :where() is the correct call for this coupled base. */
+:where(.base-button__6Tguv) {
+  display: flex;
+  padding: var(--click-button-basic-space-y) var(--click-button-basic-space-x);
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  gap: var(--click-button-basic-space-gap);
+  border-radius: var(--click-button-radii-all);
+  font: var(--click-button-basic-typography-label-default);
+  cursor: pointer;
+}
+
+:where(.base-button__6Tguv):hover {
+  font: var(--click-button-basic-typography-label-hover);
+}
+
+:where(.base-button__6Tguv):active,
+:where(.base-button__6Tguv):focus {
+  font: var(--click-button-basic-typography-label-active);
+}
+
+:where(.base-button__6Tguv):focus-visible {
+  outline: 2px solid var(--click-global-color-outline-default);
+  outline-offset: 2px;
+}
+
+:where(.base-button__6Tguv):disabled,
+:where(.base-button__6Tguv):disabled:hover,
+:where(.base-button__6Tguv):disabled:active {
+  font: var(--click-button-basic-typography-label-disabled);
+  cursor: not-allowed;
+}

package/dist/esm/components/Button/BaseButton.js

@@ -1,35 +1,14 @@
-import { styled } from 'styled-components';
-
-const BaseButton = styled.button.withConfig({
-  componentId: "sc-saag5a-0"
-})(["display:flex;flex-direction:row;justify-content:center;align-items:center;cursor:pointer;", ""], ({
-  theme
-}) => `
-    padding: ${theme.click.button.basic.space.y} ${theme.click.button.basic.space.x};
-    border-radius: ${theme.click.button.radii.all};
-    gap: ${theme.click.button.basic.space.gap};
-    font: ${theme.click.button.basic.typography.label.default};
-    &:hover {
-      font: ${theme.click.button.basic.typography.label.hover};
-    }
-
-    &:active,
-    &:focus {
-      font: ${theme.click.button.basic.typography.label.active};
-    }
-
-    &:focus-visible {
-      outline: 2px solid ${theme.click.global.color.outline.default};
-      outline-offset: 2px;
-    }
-
-    &:disabled,
-    &:disabled:hover,
-    &:disabled:active {
-      font: ${theme.click.button.basic.typography.label.disabled};
-      cursor: not-allowed;
-    }
-    `);
+import "./BaseButton.css";
+import { jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { cn } from '../../lib/cva.js';
+import styles from './BaseButton.module.css.js';
+
+const BaseButton = forwardRef(({
+  className,
+  ...props
+}, ref) => /* @__PURE__ */ jsx("button", { ref, ...props, className: cn(styles["base-button"], className) }));
+BaseButton.displayName = "BaseButton";
 
 export { BaseButton };
 //# sourceMappingURL=BaseButton.js.map

package/dist/esm/components/Button/BaseButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseButton.js","sources":["../../../../src/components/Button/BaseButton.tsx"],"sourcesContent":["import { styled } from 'styled-components';\n\nexport const BaseButton = styled.button`\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n  cursor: pointer;\n  ${({ theme }) => `\n    padding: ${theme.click.button.basic.space.y} ${theme.click.button.basic.space.x};\n    border-radius: ${theme.click.button.radii.all};\n    gap: ${theme.click.button.basic.space.gap};\n    font: ${theme.click.button.basic.typography.label.default};\n    &:hover {\n      font: ${theme.click.button.basic.typography.label.hover};\n    }\n\n    &:active,\n    &:focus {\n      font: ${theme.click.button.basic.typography.label.active};\n    }\n\n    &:focus-visible {\n      outline: 2px solid ${theme.click.global.color.outline.default};\n      outline-offset: 2px;\n    }\n\n    &:disabled,\n    &:disabled:hover,\n    &:disabled:active {\n      font: ${theme.click.button.basic.typography.label.disabled};\n      cursor: not-allowed;\n    }\n    `}\n`;\n"],"names":["BaseButton","styled","button","withConfig","componentId","theme","click","basic","space","y","x","radii","all","gap","typography","label","default","hover","active","global","color","outline","disabled"],"mappings":";;AAEO,MAAMA,UAAAA,GAAaC,MAAAA,CAAOC,MAAAA,CAAMC,UAAAA,CAAA;AAAA,EAAAC,WAAAA,EAAA;AAAA,CAAA,CAAA,CAAA,CAAA,2FAAA,EAAA,EAAA,GAMnC,CAAC;AAAA,EAAEC;AAAM,CAAA,KAAM;AAAA,aAAA,EACJA,KAAAA,CAAMC,KAAAA,CAAMJ,MAAAA,CAAOK,KAAAA,CAAMC,KAAAA,CAAMC,CAAC,CAAA,CAAA,EAAIJ,KAAAA,CAAMC,KAAAA,CAAMJ,MAAAA,CAAOK,KAAAA,CAAMC,KAAAA,CAAME,CAAC,CAAA;AAAA,mBAAA,EAC9DL,KAAAA,CAAMC,KAAAA,CAAMJ,MAAAA,CAAOS,KAAAA,CAAMC,GAAG,CAAA;AAAA,SAAA,EACtCP,KAAAA,CAAMC,KAAAA,CAAMJ,MAAAA,CAAOK,KAAAA,CAAMC,MAAMK,GAAG,CAAA;AAAA,UAAA,EACjCR,MAAMC,KAAAA,CAAMJ,MAAAA,CAAOK,KAAAA,CAAMO,UAAAA,CAAWC,MAAMC,OAAO,CAAA;AAAA;AAAA,YAAA,EAE/CX,MAAMC,KAAAA,CAAMJ,MAAAA,CAAOK,KAAAA,CAAMO,UAAAA,CAAWC,MAAME,KAAK,CAAA;AAAA;;AAAA;AAAA;AAAA,YAAA,EAK/CZ,MAAMC,KAAAA,CAAMJ,MAAAA,CAAOK,KAAAA,CAAMO,UAAAA,CAAWC,MAAMG,MAAM,CAAA;AAAA;;AAAA;AAAA,yBAAA,EAInCb,KAAAA,CAAMC,KAAAA,CAAMa,MAAAA,CAAOC,KAAAA,CAAMC,QAAQL,OAAO,CAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA,YAAA,EAOrDX,MAAMC,KAAAA,CAAMJ,MAAAA,CAAOK,KAAAA,CAAMO,UAAAA,CAAWC,MAAMO,QAAQ,CAAA;AAAA;AAAA;AAAA,IAAA,CAG3D;;;;"}
+{"version":3,"file":"BaseButton.js","sources":["../../../../src/components/Button/BaseButton.tsx"],"sourcesContent":["import { ButtonHTMLAttributes, forwardRef } from 'react';\nimport { cn } from '@/lib/cva';\nimport styles from './BaseButton.module.css';\n\nexport const BaseButton = forwardRef<\n  HTMLButtonElement,\n  ButtonHTMLAttributes<HTMLButtonElement>\n>(({ className, ...props }, ref) => (\n  <button\n    ref={ref}\n    {...props}\n    className={cn(styles['base-button'], className)}\n  />\n));\n\nBaseButton.displayName = 'BaseButton';\n"],"names":["BaseButton","forwardRef","className","props","ref","cn","styles","displayName"],"mappings":";;;;;AAIO,MAAMA,UAAAA,GAAaC,WAGxB,CAAC;AAAA,EAAEC,SAAAA;AAAAA,EAAW,GAAGC;AAAM,CAAA,EAAGC,GAAAA,qBAC1B,GAAA,CAAC,QAAA,EAAA,EACC,GAAA,KACID,KAAAA,EACJ,SAAA,EAAWE,EAAAA,CAAGC,MAAAA,CAAO,aAAa,CAAA,EAAGJ,SAAS,IAEjD;AAEDF,UAAAA,CAAWO,WAAAA,GAAc,YAAA;;;;"}

package/dist/esm/components/Button/BaseButton.module.css.js

@@ -0,0 +1,6 @@
+const styles = {
+	"base-button": "base-button__6Tguv"
+};
+
+export { styles as default };
+//# sourceMappingURL=BaseButton.module.css.js.map

package/dist/esm/components/Button/BaseButton.module.css.js.map

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

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

@@ -101,7 +101,7 @@ const ButtonGroup = forwardRef(({
     ...buttonProps
   }) => {
     const isActive = isValueSelected(value, currentSelection);
-    return /* @__PURE__ */ jsx("button", { className: cn(buttonVariants({
+    return /* @__PURE__ */ jsx("button", { type: "button", className: cn(buttonVariants({
       type,
       iconOnly,
       fillWidth