@clickhouse/click-ui 0.9.0 → 0.10.0-rc1

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';\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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"}
+{"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":["disabled","value","open","search","children","options","Icon"],"mappings":"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"}

package/dist/esm/components/AutoComplete/useOption.js

@@ -9,9 +9,7 @@ const useOption = () => {
   return result;
 };
 const useSearch = () => {
-  const {
-    search
-  } = useOption();
+  const { search } = useOption();
   return search;
 };
 

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

@@ -1 +1 @@
-{"version":3,"file":"useOption.js","sources":["../../../../src/components/AutoComplete/useOption.tsx"],"sourcesContent":["import { useContext } from 'react';\nimport { OptionContext } from './OptionContext';\n\nexport const useOption = () => {\n  const result = useContext(OptionContext);\n  if (!result) {\n    throw new Error('Context used outside of its Provider!');\n  }\n  return result;\n};\n\nexport const useSearch = () => {\n  const { search } = useOption();\n  return search;\n};\n"],"names":["useOption","result","useContext","OptionContext","Error","useSearch","search"],"mappings":";;;AAGO,MAAMA,YAAYA,MAAM;AAC7B,EAAA,MAAMC,MAAAA,GAASC,WAAWC,aAAa,CAAA;AACvC,EAAA,IAAI,CAACF,MAAAA,EAAQ;AACX,IAAA,MAAM,IAAIG,MAAM,uCAAuC,CAAA;AAAA,EACzD;AACA,EAAA,OAAOH,MAAAA;AACT;AAEO,MAAMI,YAAYA,MAAM;AAC7B,EAAA,MAAM;AAAA,IAAEC;AAAAA,MAAWN,SAAAA,EAAU;AAC7B,EAAA,OAAOM,MAAAA;AACT;;;;"}
+{"version":3,"file":"useOption.js","sources":["../../../../src/components/AutoComplete/useOption.tsx"],"sourcesContent":["import { useContext } from 'react';\nimport { OptionContext } from './OptionContext';\n\nexport const useOption = () => {\n  const result = useContext(OptionContext);\n  if (!result) {\n    throw new Error('Context used outside of its Provider!');\n  }\n  return result;\n};\n\nexport const useSearch = () => {\n  const { search } = useOption();\n  return search;\n};\n"],"names":[],"mappings":";;;AAGO,MAAM,YAAY,MAAM;AAC7B,EAAA,MAAM,MAAA,GAAS,WAAW,aAAa,CAAA;AACvC,EAAA,IAAI,CAAC,MAAA,EAAQ;AACX,IAAA,MAAM,IAAI,MAAM,uCAAuC,CAAA;AAAA,EACzD;AACA,EAAA,OAAO,MAAA;AACT;AAEO,MAAM,YAAY,MAAM;AAC7B,EAAA,MAAM,EAAE,MAAA,EAAO,GAAI,SAAA,EAAU;AAC7B,EAAA,OAAO,MAAA;AACT;;;;"}

package/dist/esm/components/Avatar/Avatar.css

@@ -1,4 +1,4 @@
-.avatar__3xMuZ {
+@layer clickui {.avatar__3xMuZ {
   display: inline-flex;
   width: var(--click-avatar-size-width);
   height: var(--click-avatar-size-height);
@@ -59,3 +59,4 @@
 .avatar__fallback_size_md__21Kuk:hover {
   font: var(--click-avatar-typography-label-md-hover);
 }
+}

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

@@ -23,12 +23,32 @@ const Avatar = ({
   srcSet,
   className,
   ...delegated
-}) => /* @__PURE__ */ jsxs(Root, { ...delegated, className: cn(styles.avatar, className), children: [
-  /* @__PURE__ */ jsx(Image, { src, srcSet, alt: text, className: styles.avatar__image }),
-  /* @__PURE__ */ jsx(Fallback, { delayMs: 0, className: cn(fallbackVariants({
-    textSize
-  })), children: text.trim().replace(/(^.)([^ ]* )?(.).*/, "$1$3").trim().toUpperCase() })
-] });
+}) => /* @__PURE__ */ jsxs(
+  Root,
+  {
+    ...delegated,
+    className: cn(styles.avatar, className),
+    children: [
+      /* @__PURE__ */ jsx(
+        Image,
+        {
+          src,
+          srcSet,
+          alt: text,
+          className: styles.avatar__image
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Fallback,
+        {
+          delayMs: 0,
+          className: cn(fallbackVariants({ textSize })),
+          children: text.trim().replace(/(^.)([^ ]* )?(.).*/, "$1$3").trim().toUpperCase()
+        }
+      )
+    ]
+  }
+);
 
 export { Avatar };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/Avatar/Avatar.tsx"],"sourcesContent":["import { Fallback, Image, Root } from '@radix-ui/react-avatar';\nimport { cn, cva } from '@/lib/cva';\nimport { AvatarProps } from './Avatar.types';\nimport styles from './Avatar.module.css';\n\nconst fallbackVariants = cva(styles.avatar__fallback, {\n  variants: {\n    textSize: {\n      sm: styles['avatar__fallback_size_sm'],\n      md: styles['avatar__fallback_size_md'],\n    },\n  },\n  defaultVariants: {\n    textSize: 'sm',\n  },\n});\n\nexport const Avatar = ({\n  text,\n  textSize = 'sm',\n  src,\n  srcSet,\n  className,\n  ...delegated\n}: AvatarProps) => (\n  <Root\n    {...delegated}\n    className={cn(styles.avatar, className)}\n  >\n    <Image\n      src={src}\n      srcSet={srcSet}\n      alt={text}\n      className={styles.avatar__image}\n    />\n    <Fallback\n      delayMs={0}\n      className={cn(fallbackVariants({ textSize }))}\n    >\n      {text\n        .trim()\n        .replace(/(^.)([^ ]* )?(.).*/, '$1$3')\n        .trim()\n        .toUpperCase()}\n    </Fallback>\n  </Root>\n);\n"],"names":["fallbackVariants","cva","styles","avatar__fallback","variants","textSize","sm","md","defaultVariants","Avatar","text","src","srcSet","className","delegated","cn","avatar","avatar__image","trim","replace","toUpperCase"],"mappings":";;;;;;AAKA,MAAMA,gBAAAA,GAAmBC,GAAAA,CAAIC,MAAAA,CAAOC,gBAAAA,EAAkB;AAAA,EACpDC,QAAAA,EAAU;AAAA,IACRC,QAAAA,EAAU;AAAA,MACRC,EAAAA,EAAIJ,OAAO,0BAA0B,CAAA;AAAA,MACrCK,EAAAA,EAAIL,OAAO,0BAA0B;AAAA;AACvC,GACF;AAAA,EACAM,eAAAA,EAAiB;AAAA,IACfH,QAAAA,EAAU;AAAA;AAEd,CAAC,CAAA;AAEM,MAAMI,SAASA,CAAC;AAAA,EACrBC,IAAAA;AAAAA,EACAL,QAAAA,GAAW,IAAA;AAAA,EACXM,GAAAA;AAAAA,EACAC,MAAAA;AAAAA,EACAC,SAAAA;AAAAA,EACA,GAAGC;AACQ,CAAA,qBACX,IAAA,CAAC,QACC,GAAIA,SAAAA,EACJ,WAAWC,EAAAA,CAAGb,MAAAA,CAAOc,MAAAA,EAAQH,SAAS,CAAA,EAEtC,QAAA,EAAA;AAAA,kBAAA,GAAA,CAAC,SACC,GAAA,EACA,MAAA,EACA,KAAKH,IAAAA,EACL,SAAA,EAAWR,OAAOe,aAAAA,EAAc,CAAA;AAAA,sBAEjC,QAAA,EAAA,EACC,OAAA,EAAS,CAAA,EACT,SAAA,EAAWF,GAAGf,gBAAAA,CAAiB;AAAA,IAAEK;AAAAA,GAAU,CAAC,CAAA,EAE3CK,QAAAA,EAAAA,IAAAA,CACEQ,IAAAA,EAAK,CACLC,OAAAA,CAAQ,oBAAA,EAAsB,MAAM,CAAA,CACpCD,IAAAA,EAAK,CACLE,aAAY,EACjB;AAAA,CAAA,EACF;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/Avatar/Avatar.tsx"],"sourcesContent":["import { Fallback, Image, Root } from '@radix-ui/react-avatar';\nimport { cn, cva } from '@/lib/cva';\nimport { AvatarProps } from './Avatar.types';\nimport styles from './Avatar.module.css';\n\nconst fallbackVariants = cva(styles.avatar__fallback, {\n  variants: {\n    textSize: {\n      sm: styles['avatar__fallback_size_sm'],\n      md: styles['avatar__fallback_size_md'],\n    },\n  },\n  defaultVariants: {\n    textSize: 'sm',\n  },\n});\n\nexport const Avatar = ({\n  text,\n  textSize = 'sm',\n  src,\n  srcSet,\n  className,\n  ...delegated\n}: AvatarProps) => (\n  <Root\n    {...delegated}\n    className={cn(styles.avatar, className)}\n  >\n    <Image\n      src={src}\n      srcSet={srcSet}\n      alt={text}\n      className={styles.avatar__image}\n    />\n    <Fallback\n      delayMs={0}\n      className={cn(fallbackVariants({ textSize }))}\n    >\n      {text\n        .trim()\n        .replace(/(^.)([^ ]* )?(.).*/, '$1$3')\n        .trim()\n        .toUpperCase()}\n    </Fallback>\n  </Root>\n);\n"],"names":[],"mappings":";;;;;;AAKA,MAAM,gBAAA,GAAmB,GAAA,CAAI,MAAA,CAAO,gBAAA,EAAkB;AAAA,EACpD,QAAA,EAAU;AAAA,IACR,QAAA,EAAU;AAAA,MACR,EAAA,EAAI,OAAO,0BAA0B,CAAA;AAAA,MACrC,EAAA,EAAI,OAAO,0BAA0B;AAAA;AACvC,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,QAAA,EAAU;AAAA;AAEd,CAAC,CAAA;AAEM,MAAM,SAAS,CAAC;AAAA,EACrB,IAAA;AAAA,EACA,QAAA,GAAW,IAAA;AAAA,EACX,GAAA;AAAA,EACA,MAAA;AAAA,EACA,SAAA;AAAA,EACA,GAAG;AACL,CAAA,qBACE,IAAA;AAAA,EAAC,IAAA;AAAA,EAAA;AAAA,IACE,GAAG,SAAA;AAAA,IACJ,SAAA,EAAW,EAAA,CAAG,MAAA,CAAO,MAAA,EAAQ,SAAS,CAAA;AAAA,IAEtC,QAAA,EAAA;AAAA,sBAAA,GAAA;AAAA,QAAC,KAAA;AAAA,QAAA;AAAA,UACC,GAAA;AAAA,UACA,MAAA;AAAA,UACA,GAAA,EAAK,IAAA;AAAA,UACL,WAAW,MAAA,CAAO;AAAA;AAAA,OACpB;AAAA,sBACA,GAAA;AAAA,QAAC,QAAA;AAAA,QAAA;AAAA,UACC,OAAA,EAAS,CAAA;AAAA,UACT,WAAW,EAAA,CAAG,gBAAA,CAAiB,EAAE,QAAA,EAAU,CAAC,CAAA;AAAA,UAE3C,QAAA,EAAA,IAAA,CACE,MAAK,CACL,OAAA,CAAQ,sBAAsB,MAAM,CAAA,CACpC,IAAA,EAAK,CACL,WAAA;AAAY;AAAA;AACjB;AAAA;AACF;;;;"}

package/dist/esm/components/Badge/Badge.css

@@ -1,4 +1,4 @@
-.wrapper__DxhQK {
+@layer clickui {.wrapper__DxhQK {
   display: inline-flex;
   padding: var(--click-badge-space-md-y) var(--click-badge-space-md-x);
   border: var(--click-badge-stroke) solid var(--click-badge-opaque-color-stroke-default);
@@ -108,9 +108,9 @@
   font: var(--click-badge-typography-label-md-default);
 }
 
-/* Content row — mirrors the inner Content styled component. The original
-   `Content` was never passed `$size`, so its `gap` always defaulted to the
-   md token regardless of the badge's actual `size`. Preserved verbatim. */
+/* Content row `gap` always uses the md token regardless of the badge's actual
+   `size` — matching the pre-migration behavior, where the row was never passed
+   a size. Preserved verbatim. */
 
 .content__8D6nB {
   display: inline-flex;
@@ -120,28 +120,25 @@
   gap: var(--click-badge-space-md-gap);
 }
 
-/* BadgeContent — wraps the IconWrapper. The original styled(IconWrapper) set
-   `width: auto; overflow: hidden;` on the IconWrapper's rendered root and
-   styled the descendant <svg> with color, height, width, and `gap: inherit`.
+/* BadgeContent — wraps the IconWrapper. Sets `width: auto; overflow: hidden;`
+   on the IconWrapper's root and styles the descendant <svg> with color,
+   height, width, and `gap: inherit`.
 
-   The styled-components version only forwarded `$state` to BadgeContent;
-   `$type` and `$size` were NOT passed and defaulted to `'opaque'` and `'md'`
-   inside the styled rule. To preserve that behavior verbatim, the descendant
-   <svg> rules below key off `state` only — color always comes from the
-   opaque-text-* tokens, and dimensions are always md, regardless of the
-   badge's actual `type`/`size`.
+   The content wrapper is keyed off `state` only — `type` and `size` are not
+   applied and effectively default to `'opaque'` and `'md'`, matching the
+   pre-migration behavior. So the descendant <svg> color always comes from the
+   opaque-text-* tokens and dimensions are always md, regardless of the badge's
+   actual `type`/`size`.
 
    The doubled-class selectors below (e.g. `.badgecontent.badgecontent svg`)
    raise specificity to (0,2,1) so these rules win over the Icon component's
-   own runtime-injected styled-components rule `.<sc-class> svg { width: ... }`
-   (specificity 0,1,1). styled-components used to inject the BadgeContent
-   stylesheet AFTER Icon's stylesheet at render time, so source order let
-   BadgeContent win at equal specificity; CSS Modules now bundle Badge's
-   stylesheet earlier than the runtime SC stylesheet, so we need the bump. */
+   own `svg` rule `.<icon-class> svg { width: ... }` (specificity 0,1,1). Badge
+   and Icon are both CSS Modules in the same cascade layer, and Badge's rule
+   bundles earlier, so at equal specificity Icon would win on source order —
+   the bump keeps BadgeContent's <svg> sizing authoritative. */
 
 /* stylelint-disable no-descending-specificity -- doubled-class selectors below
-   raise specificity so they win over the Icon component's runtime-injected
-   styled-components `& svg` rule. */
+   raise specificity so they win over the Icon component's `& svg` rule. */
 
 .badgecontent__MlQs8 {
   width: auto;
@@ -184,19 +181,17 @@
 
 /* stylelint-enable no-descending-specificity */
 
-/* Close icon — mirrors the SvgContainer styled.svg with as={Icon}. The
-   styled-components version only passed $state (size and type defaulted),
-   so width/height come from the default md/opaque tokens, and color from
-   the opaque-text-<state> token.
+/* Close icon — rendered as an Icon, keyed off `state` only (size and type
+   default), so width/height come from the default md/opaque tokens and color
+   from the opaque-text-<state> token.
 
    The state classes below use doubled-class specificity (0,2,1) so they
-   always win over Icon's internal `SvgWrapper` styled-component rule that
-   sets `color: currentColor` on the same element at single-class specificity.
-   Without the bump, stylesheet-order would decide and CSS Modules bundle
-   before runtime SC styles, so the close icon would inherit the wrapper's
-   color (e.g. opaque-text-info for an info badge, but solid-text-info for
-   a solid info badge). Doubled class keeps the close icon on opaque-text-*
-   regardless. */
+   always win over Icon's own `svg` rule that sets `color: currentColor` on
+   the same element at single-class specificity. Without the bump, source
+   order would decide — Badge and Icon are CSS Modules in the same layer and
+   Badge bundles first — so the close icon would inherit the wrapper's color
+   (e.g. opaque-text-info for an info badge, but solid-text-info for a solid
+   info badge). Doubled class keeps the close icon on opaque-text-* regardless. */
 
 .closeicon__p-7mr {
   width: var(--click-badge-icon-md-size-width);
@@ -230,3 +225,4 @@
 .closeicon_state_info__qNJkh.closeicon_state_info__qNJkh {
   color: var(--click-badge-opaque-color-text-info);
 }
+}

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

@@ -46,9 +46,7 @@ const badgeContentVariants = cva(styles.badgecontent, {
       info: styles["badgecontent_state_info"]
     }
   },
-  defaultVariants: {
-    state: "default"
-  }
+  defaultVariants: { state: "default" }
 });
 const closeIconVariants = cva(styles.closeicon, {
   variants: {
@@ -62,9 +60,7 @@ const closeIconVariants = cva(styles.closeicon, {
       info: styles["closeicon_state_info"]
     }
   },
-  defaultVariants: {
-    state: "default"
-  }
+  defaultVariants: { state: "default" }
 });
 const Badge = ({
   icon,
@@ -82,17 +78,42 @@ const Badge = ({
   const resolvedType = type ?? "opaque";
   const resolvedSize = size ?? "md";
   const typestate = `${resolvedType}-${state}`;
-  return /* @__PURE__ */ jsx("div", { ...props, className: cn(wrapperVariants({
-    typestate,
-    size: resolvedSize
-  }), className), children: /* @__PURE__ */ jsxs("div", { "data-testid": `${ellipsisContent ? "ellipsed" : "normal"}-badge-content`, className: styles.content, children: [
-    /* @__PURE__ */ jsx(IconWrapper, { icon, iconDir, size, ellipsisContent, className: cn(badgeContentVariants({
-      state
-    })), children: text }),
-    dismissible && /* @__PURE__ */ jsx(SvgImage, { name: "cross", onClick: onClose, "aria-label": "close", className: cn(closeIconVariants({
-      state
-    })) })
-  ] }) });
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ...props,
+      className: cn(wrapperVariants({ typestate, size: resolvedSize }), className),
+      children: /* @__PURE__ */ jsxs(
+        "div",
+        {
+          "data-testid": `${ellipsisContent ? "ellipsed" : "normal"}-badge-content`,
+          className: styles.content,
+          children: [
+            /* @__PURE__ */ jsx(
+              IconWrapper,
+              {
+                icon,
+                iconDir,
+                size,
+                ellipsisContent,
+                className: cn(badgeContentVariants({ state })),
+                children: text
+              }
+            ),
+            dismissible && /* @__PURE__ */ jsx(
+              SvgImage,
+              {
+                name: "cross",
+                onClick: onClose,
+                "aria-label": "close",
+                className: cn(closeIconVariants({ state }))
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
 };
 
 export { Badge };

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/Badge/Badge.tsx"],"sourcesContent":["import { Icon } from '@/components/Icon';\nimport { IconWrapper } from '@/components/IconWrapper';\nimport { cn, cva } from '@/lib/cva';\nimport { BadgeProps } from './Badge.types';\nimport styles from './Badge.module.css';\n\nconst wrapperVariants = cva(styles.wrapper, {\n  variants: {\n    typestate: {\n      'opaque-default': styles['wrapper_typestate_opaque-default'],\n      'opaque-success': styles['wrapper_typestate_opaque-success'],\n      'opaque-neutral': styles['wrapper_typestate_opaque-neutral'],\n      'opaque-danger': styles['wrapper_typestate_opaque-danger'],\n      'opaque-disabled': styles['wrapper_typestate_opaque-disabled'],\n      'opaque-warning': styles['wrapper_typestate_opaque-warning'],\n      'opaque-info': styles['wrapper_typestate_opaque-info'],\n      'solid-default': styles['wrapper_typestate_solid-default'],\n      'solid-success': styles['wrapper_typestate_solid-success'],\n      'solid-neutral': styles['wrapper_typestate_solid-neutral'],\n      'solid-danger': styles['wrapper_typestate_solid-danger'],\n      'solid-disabled': styles['wrapper_typestate_solid-disabled'],\n      'solid-warning': styles['wrapper_typestate_solid-warning'],\n      'solid-info': styles['wrapper_typestate_solid-info'],\n    },\n    size: {\n      sm: styles['wrapper_size_sm'],\n      md: styles['wrapper_size_md'],\n    },\n  },\n  defaultVariants: {\n    typestate: 'opaque-default',\n    size: 'md',\n  },\n});\n\n// The original `BadgeContent = styled(IconWrapper)` only forwarded `$state` —\n// `$type` and `$size` were NOT passed and defaulted to `'opaque'` and `'md'`\n// inside the styled rule. So the descendant <svg> color always came from the\n// opaque-text-* tokens (regardless of the badge's actual `type`) and the\n// SVG dimensions were always md (regardless of the badge's actual `size`).\n// To preserve byte-for-byte behavior, this variant set keys off `state` only.\nconst badgeContentVariants = cva(styles.badgecontent, {\n  variants: {\n    state: {\n      default: styles['badgecontent_state_default'],\n      success: styles['badgecontent_state_success'],\n      neutral: styles['badgecontent_state_neutral'],\n      danger: styles['badgecontent_state_danger'],\n      disabled: styles['badgecontent_state_disabled'],\n      warning: styles['badgecontent_state_warning'],\n      info: styles['badgecontent_state_info'],\n    },\n  },\n  defaultVariants: { state: 'default' },\n});\n\nconst closeIconVariants = cva(styles.closeicon, {\n  variants: {\n    state: {\n      default: styles['closeicon_state_default'],\n      success: styles['closeicon_state_success'],\n      neutral: styles['closeicon_state_neutral'],\n      danger: styles['closeicon_state_danger'],\n      disabled: styles['closeicon_state_disabled'],\n      warning: styles['closeicon_state_warning'],\n      info: styles['closeicon_state_info'],\n    },\n  },\n  defaultVariants: { state: 'default' },\n});\n\ntype BadgeTypeState =\n  | 'opaque-default'\n  | 'opaque-success'\n  | 'opaque-neutral'\n  | 'opaque-danger'\n  | 'opaque-disabled'\n  | 'opaque-warning'\n  | 'opaque-info'\n  | 'solid-default'\n  | 'solid-success'\n  | 'solid-neutral'\n  | 'solid-danger'\n  | 'solid-disabled'\n  | 'solid-warning'\n  | 'solid-info';\n\nexport const Badge = ({\n  icon,\n  iconDir,\n  text,\n  state = 'default',\n  size,\n  type,\n  dismissible,\n  onClose,\n  ellipsisContent = true,\n  className,\n  ...props\n}: BadgeProps) => {\n  const resolvedType = type ?? 'opaque';\n  const resolvedSize = size ?? 'md';\n  const typestate = `${resolvedType}-${state}` as BadgeTypeState;\n  return (\n    <div\n      {...props}\n      className={cn(wrapperVariants({ typestate, size: resolvedSize }), className)}\n    >\n      <div\n        data-testid={`${ellipsisContent ? 'ellipsed' : 'normal'}-badge-content`}\n        className={styles.content}\n      >\n        <IconWrapper\n          icon={icon}\n          iconDir={iconDir}\n          size={size}\n          ellipsisContent={ellipsisContent}\n          className={cn(badgeContentVariants({ state }))}\n        >\n          {text}\n        </IconWrapper>\n        {dismissible && (\n          <Icon\n            name=\"cross\"\n            onClick={onClose}\n            aria-label=\"close\"\n            className={cn(closeIconVariants({ state }))}\n          />\n        )}\n      </div>\n    </div>\n  );\n};\n"],"names":["wrapperVariants","cva","styles","wrapper","variants","typestate","size","sm","md","defaultVariants","badgeContentVariants","badgecontent","state","default","success","neutral","danger","disabled","warning","info","closeIconVariants","closeicon","Badge","icon","iconDir","text","type","dismissible","onClose","ellipsisContent","className","props","resolvedType","resolvedSize","cn","content","Icon"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/Badge/Badge.tsx"],"sourcesContent":["import { Icon } from '@/components/Icon';\nimport { IconWrapper } from '@/components/IconWrapper';\nimport { cn, cva } from '@/lib/cva';\nimport { BadgeProps } from './Badge.types';\nimport styles from './Badge.module.css';\n\nconst wrapperVariants = cva(styles.wrapper, {\n  variants: {\n    typestate: {\n      'opaque-default': styles['wrapper_typestate_opaque-default'],\n      'opaque-success': styles['wrapper_typestate_opaque-success'],\n      'opaque-neutral': styles['wrapper_typestate_opaque-neutral'],\n      'opaque-danger': styles['wrapper_typestate_opaque-danger'],\n      'opaque-disabled': styles['wrapper_typestate_opaque-disabled'],\n      'opaque-warning': styles['wrapper_typestate_opaque-warning'],\n      'opaque-info': styles['wrapper_typestate_opaque-info'],\n      'solid-default': styles['wrapper_typestate_solid-default'],\n      'solid-success': styles['wrapper_typestate_solid-success'],\n      'solid-neutral': styles['wrapper_typestate_solid-neutral'],\n      'solid-danger': styles['wrapper_typestate_solid-danger'],\n      'solid-disabled': styles['wrapper_typestate_solid-disabled'],\n      'solid-warning': styles['wrapper_typestate_solid-warning'],\n      'solid-info': styles['wrapper_typestate_solid-info'],\n    },\n    size: {\n      sm: styles['wrapper_size_sm'],\n      md: styles['wrapper_size_md'],\n    },\n  },\n  defaultVariants: {\n    typestate: 'opaque-default',\n    size: 'md',\n  },\n});\n\n// This variant set intentionally keys off `state` only: the descendant <svg>\n// color always comes from the opaque-text-* tokens (regardless of the badge's\n// `type`) and the SVG dimensions are always md (regardless of its `size`).\n// This matches the pre-migration behavior, where the content wrapper never\n// received `type`/`size` and defaulted to `'opaque'`/`'md'`.\nconst badgeContentVariants = cva(styles.badgecontent, {\n  variants: {\n    state: {\n      default: styles['badgecontent_state_default'],\n      success: styles['badgecontent_state_success'],\n      neutral: styles['badgecontent_state_neutral'],\n      danger: styles['badgecontent_state_danger'],\n      disabled: styles['badgecontent_state_disabled'],\n      warning: styles['badgecontent_state_warning'],\n      info: styles['badgecontent_state_info'],\n    },\n  },\n  defaultVariants: { state: 'default' },\n});\n\nconst closeIconVariants = cva(styles.closeicon, {\n  variants: {\n    state: {\n      default: styles['closeicon_state_default'],\n      success: styles['closeicon_state_success'],\n      neutral: styles['closeicon_state_neutral'],\n      danger: styles['closeicon_state_danger'],\n      disabled: styles['closeicon_state_disabled'],\n      warning: styles['closeicon_state_warning'],\n      info: styles['closeicon_state_info'],\n    },\n  },\n  defaultVariants: { state: 'default' },\n});\n\ntype BadgeTypeState =\n  | 'opaque-default'\n  | 'opaque-success'\n  | 'opaque-neutral'\n  | 'opaque-danger'\n  | 'opaque-disabled'\n  | 'opaque-warning'\n  | 'opaque-info'\n  | 'solid-default'\n  | 'solid-success'\n  | 'solid-neutral'\n  | 'solid-danger'\n  | 'solid-disabled'\n  | 'solid-warning'\n  | 'solid-info';\n\nexport const Badge = ({\n  icon,\n  iconDir,\n  text,\n  state = 'default',\n  size,\n  type,\n  dismissible,\n  onClose,\n  ellipsisContent = true,\n  className,\n  ...props\n}: BadgeProps) => {\n  const resolvedType = type ?? 'opaque';\n  const resolvedSize = size ?? 'md';\n  const typestate = `${resolvedType}-${state}` as BadgeTypeState;\n  return (\n    <div\n      {...props}\n      className={cn(wrapperVariants({ typestate, size: resolvedSize }), className)}\n    >\n      <div\n        data-testid={`${ellipsisContent ? 'ellipsed' : 'normal'}-badge-content`}\n        className={styles.content}\n      >\n        <IconWrapper\n          icon={icon}\n          iconDir={iconDir}\n          size={size}\n          ellipsisContent={ellipsisContent}\n          className={cn(badgeContentVariants({ state }))}\n        >\n          {text}\n        </IconWrapper>\n        {dismissible && (\n          <Icon\n            name=\"cross\"\n            onClick={onClose}\n            aria-label=\"close\"\n            className={cn(closeIconVariants({ state }))}\n          />\n        )}\n      </div>\n    </div>\n  );\n};\n"],"names":["Icon"],"mappings":";;;;;;;AAMA,MAAM,eAAA,GAAkB,GAAA,CAAI,MAAA,CAAO,OAAA,EAAS;AAAA,EAC1C,QAAA,EAAU;AAAA,IACR,SAAA,EAAW;AAAA,MACT,gBAAA,EAAkB,OAAO,kCAAkC,CAAA;AAAA,MAC3D,gBAAA,EAAkB,OAAO,kCAAkC,CAAA;AAAA,MAC3D,gBAAA,EAAkB,OAAO,kCAAkC,CAAA;AAAA,MAC3D,eAAA,EAAiB,OAAO,iCAAiC,CAAA;AAAA,MACzD,iBAAA,EAAmB,OAAO,mCAAmC,CAAA;AAAA,MAC7D,gBAAA,EAAkB,OAAO,kCAAkC,CAAA;AAAA,MAC3D,aAAA,EAAe,OAAO,+BAA+B,CAAA;AAAA,MACrD,eAAA,EAAiB,OAAO,iCAAiC,CAAA;AAAA,MACzD,eAAA,EAAiB,OAAO,iCAAiC,CAAA;AAAA,MACzD,eAAA,EAAiB,OAAO,iCAAiC,CAAA;AAAA,MACzD,cAAA,EAAgB,OAAO,gCAAgC,CAAA;AAAA,MACvD,gBAAA,EAAkB,OAAO,kCAAkC,CAAA;AAAA,MAC3D,eAAA,EAAiB,OAAO,iCAAiC,CAAA;AAAA,MACzD,YAAA,EAAc,OAAO,8BAA8B;AAAA,KACrD;AAAA,IACA,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI,OAAO,iBAAiB,CAAA;AAAA,MAC5B,EAAA,EAAI,OAAO,iBAAiB;AAAA;AAC9B,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,SAAA,EAAW,gBAAA;AAAA,IACX,IAAA,EAAM;AAAA;AAEV,CAAC,CAAA;AAOD,MAAM,oBAAA,GAAuB,GAAA,CAAI,MAAA,CAAO,YAAA,EAAc;AAAA,EACpD,QAAA,EAAU;AAAA,IACR,KAAA,EAAO;AAAA,MACL,OAAA,EAAS,OAAO,4BAA4B,CAAA;AAAA,MAC5C,OAAA,EAAS,OAAO,4BAA4B,CAAA;AAAA,MAC5C,OAAA,EAAS,OAAO,4BAA4B,CAAA;AAAA,MAC5C,MAAA,EAAQ,OAAO,2BAA2B,CAAA;AAAA,MAC1C,QAAA,EAAU,OAAO,6BAA6B,CAAA;AAAA,MAC9C,OAAA,EAAS,OAAO,4BAA4B,CAAA;AAAA,MAC5C,IAAA,EAAM,OAAO,yBAAyB;AAAA;AACxC,GACF;AAAA,EACA,eAAA,EAAiB,EAAE,KAAA,EAAO,SAAA;AAC5B,CAAC,CAAA;AAED,MAAM,iBAAA,GAAoB,GAAA,CAAI,MAAA,CAAO,SAAA,EAAW;AAAA,EAC9C,QAAA,EAAU;AAAA,IACR,KAAA,EAAO;AAAA,MACL,OAAA,EAAS,OAAO,yBAAyB,CAAA;AAAA,MACzC,OAAA,EAAS,OAAO,yBAAyB,CAAA;AAAA,MACzC,OAAA,EAAS,OAAO,yBAAyB,CAAA;AAAA,MACzC,MAAA,EAAQ,OAAO,wBAAwB,CAAA;AAAA,MACvC,QAAA,EAAU,OAAO,0BAA0B,CAAA;AAAA,MAC3C,OAAA,EAAS,OAAO,yBAAyB,CAAA;AAAA,MACzC,IAAA,EAAM,OAAO,sBAAsB;AAAA;AACrC,GACF;AAAA,EACA,eAAA,EAAiB,EAAE,KAAA,EAAO,SAAA;AAC5B,CAAC,CAAA;AAkBM,MAAM,QAAQ,CAAC;AAAA,EACpB,IAAA;AAAA,EACA,OAAA;AAAA,EACA,IAAA;AAAA,EACA,KAAA,GAAQ,SAAA;AAAA,EACR,IAAA;AAAA,EACA,IAAA;AAAA,EACA,WAAA;AAAA,EACA,OAAA;AAAA,EACA,eAAA,GAAkB,IAAA;AAAA,EAClB,SAAA;AAAA,EACA,GAAG;AACL,CAAA,KAAkB;AAChB,EAAA,MAAM,eAAe,IAAA,IAAQ,QAAA;AAC7B,EAAA,MAAM,eAAe,IAAA,IAAQ,IAAA;AAC7B,EAAA,MAAM,SAAA,GAAY,CAAA,EAAG,YAAY,CAAA,CAAA,EAAI,KAAK,CAAA,CAAA;AAC1C,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACE,GAAG,KAAA;AAAA,MACJ,SAAA,EAAW,GAAG,eAAA,CAAgB,EAAE,WAAW,IAAA,EAAM,YAAA,EAAc,CAAA,EAAG,SAAS,CAAA;AAAA,MAE3E,QAAA,kBAAA,IAAA;AAAA,QAAC,KAAA;AAAA,QAAA;AAAA,UACC,aAAA,EAAa,CAAA,EAAG,eAAA,GAAkB,UAAA,GAAa,QAAQ,CAAA,cAAA,CAAA;AAAA,UACvD,WAAW,MAAA,CAAO,OAAA;AAAA,UAElB,QAAA,EAAA;AAAA,4BAAA,GAAA;AAAA,cAAC,WAAA;AAAA,cAAA;AAAA,gBACC,IAAA;AAAA,gBACA,OAAA;AAAA,gBACA,IAAA;AAAA,gBACA,eAAA;AAAA,gBACA,WAAW,EAAA,CAAG,oBAAA,CAAqB,EAAE,KAAA,EAAO,CAAC,CAAA;AAAA,gBAE5C,QAAA,EAAA;AAAA;AAAA,aACH;AAAA,YACC,WAAA,oBACC,GAAA;AAAA,cAACA,QAAA;AAAA,cAAA;AAAA,gBACC,IAAA,EAAK,OAAA;AAAA,gBACL,OAAA,EAAS,OAAA;AAAA,gBACT,YAAA,EAAW,OAAA;AAAA,gBACX,WAAW,EAAA,CAAG,iBAAA,CAAkB,EAAE,KAAA,EAAO,CAAC;AAAA;AAAA;AAC5C;AAAA;AAAA;AAEJ;AAAA,GACF;AAEJ;;;;"}

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

@@ -1,4 +1,4 @@
-/* stylelint-disable custom-property-pattern -- design tokens use camelCase (e.g. bigStat) */
+@layer clickui {/* stylelint-disable custom-property-pattern -- design tokens use camelCase (e.g. bigStat) */
 .big-stat__ZC5s7 {
   --big-stat-max-width: initial;
 
@@ -75,3 +75,4 @@
   color: var(--big-stat-title-color);
   font: var(--big-stat-title-font);
 }
+}

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

@@ -52,24 +52,29 @@ const BigStat = ({
   style,
   ...props
 }) => {
-  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 })
-  ] });
+  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 };

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

@@ -1 +1 @@
-{"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;;;;"}
+{"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":[],"mappings":";;;;;;AAKA,MAAM,eAAA,GAAkB,GAAA,CAAI,MAAA,CAAO,UAAU,CAAA,EAAG;AAAA,EAC9C,QAAA,EAAU;AAAA,IACR,KAAA,EAAO;AAAA,MACL,OAAA,EAAS,OAAO,wBAAwB,CAAA;AAAA,MACxC,KAAA,EAAO,OAAO,sBAAsB;AAAA,KACtC;AAAA,IACA,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI,OAAO,kBAAkB,CAAA;AAAA,MAC7B,EAAA,EAAI,OAAO,kBAAkB;AAAA,KAC/B;AAAA,IACA,OAAA,EAAS;AAAA,MACP,EAAA,EAAI,OAAO,qBAAqB,CAAA;AAAA,MAChC,EAAA,EAAI,OAAO,qBAAqB;AAAA,KAClC;AAAA,IACA,KAAA,EAAO;AAAA,MACL,QAAA,EAAU,OAAO,0BAA0B,CAAA;AAAA,MAC3C,WAAA,EAAa,OAAO,6BAA6B;AAAA,KACnD;AAAA,IACA,SAAA,EAAW;AAAA,MACT,IAAA,EAAM,OAAO,qBAAqB;AAAA,KACpC;AAAA,IACA,KAAA,EAAO;AAAA,MACL,IAAA,EAAM,OAAO,gBAAgB;AAAA;AAC/B,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,KAAA,EAAO,SAAA;AAAA,IACP,IAAA,EAAM,IAAA;AAAA,IACN,OAAA,EAAS,IAAA;AAAA,IACT,KAAA,EAAO;AAAA;AAEX,CAAC,CAAA;AAGM,MAAM,UAAU,CAAC;AAAA,EACtB,SAAA,GAAY,KAAA;AAAA,EACZ,QAAA;AAAA,EACA,MAAA,GAAS,MAAA;AAAA,EACT,KAAA,GAAQ,OAAA;AAAA,EACR,KAAA,GAAQ,UAAA;AAAA,EACR,IAAA,GAAO,IAAA;AAAA,EACP,OAAA,GAAU,IAAA;AAAA,EACV,KAAA,GAAQ,SAAA;AAAA,EACR,KAAA,GAAQ,OAAA;AAAA,EACR,KAAA,GAAQ,KAAA;AAAA,EACR,SAAA;AAAA,EACA,KAAA;AAAA,EACA,GAAG;AACL,CAAA,KAAoB;AAClB,EAAA,MAAM,WAAA,GAAc,OAAA;AAAA,IAClB,OACG;AAAA,MACC,mBAAA,EAAqB,MAAA;AAAA,MACrB,GAAI,QAAA,IAAY,EAAE,sBAAA,EAAwB,QAAA,EAAS;AAAA,MACnD,GAAG;AAAA,KACL,CAAA;AAAA,IACF,CAAC,MAAA,EAAQ,QAAA,EAAU,KAAK;AAAA,GAC1B;AAEA,EAAA,uBACE,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,KAAA,EAAO,WAAA;AAAA,MACN,GAAG,KAAA;AAAA,MACJ,SAAA,EAAW,EAAA;AAAA,QACT,eAAA,CAAgB,EAAE,KAAA,EAAO,IAAA,EAAM,SAAS,KAAA,EAAO,SAAA,EAAW,OAAO,CAAA;AAAA,QACjE;AAAA,OACF;AAAA,MAEA,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,SAAI,SAAA,EAAW,EAAA,CAAG,OAAO,iBAAiB,CAAC,GAAI,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,wBACtD,GAAA,CAAC,SAAI,SAAA,EAAW,EAAA,CAAG,OAAO,iBAAiB,CAAC,GAAI,QAAA,EAAA,KAAA,EAAM;AAAA;AAAA;AAAA,GACxD;AAEJ;;;;"}

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

@@ -1,4 +1,4 @@
-/* Kept at zero specificity via :where() so that downstream styled-components
+@layer clickui {/* 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
@@ -38,3 +38,4 @@
   font: var(--click-button-basic-typography-label-disabled);
   cursor: not-allowed;
 }
+}

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

@@ -4,10 +4,14 @@ 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) }));
+const BaseButton = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "button",
+  {
+    ref,
+    ...props,
+    className: cn(styles["base-button"], className)
+  }
+));
 BaseButton.displayName = "BaseButton";
 
 export { BaseButton };

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

@@ -1 +1 @@
-{"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;;;;"}
+{"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":[],"mappings":";;;;;AAIO,MAAM,UAAA,GAAa,WAGxB,CAAC,EAAE,WAAW,GAAG,KAAA,IAAS,GAAA,qBAC1B,GAAA;AAAA,EAAC,QAAA;AAAA,EAAA;AAAA,IACC,GAAA;AAAA,IACC,GAAG,KAAA;AAAA,IACJ,SAAA,EAAW,EAAA,CAAG,MAAA,CAAO,aAAa,GAAG,SAAS;AAAA;AAChD,CACD;AAED,UAAA,CAAW,WAAA,GAAc,YAAA;;;;"}