npm - @clickhouse/click-ui - Versions diffs - 0.6.2-rc3 → 0.8.0 - Mend

@clickhouse/click-ui 0.6.2-rc3 → 0.8.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (460) hide show

package/dist/cjs/components/AutoComplete/index.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.cjs","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","jsxs","jsx","Trigger","SearchField","Portal","OptionContext","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","Fragment","GenericMenuItem","undefined","IconWrapper","Icon","Separator"],"mappings":"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"}
1	+ {"version":3,"file":"index.cjs","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","jsxs","jsx","Trigger","SearchField","Portal","Content","styles","OptionContext","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","Fragment","GenericMenuItem","undefined","IconWrapper","Icon","Separator"],"mappings":"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"}

package/dist/cjs/components/BigStat/BigStat.css ADDED Viewed

@@ -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/cjs/components/BigStat/BigStat.module.css.cjs ADDED Viewed

@@ -0,0 +1,22 @@
+'use strict';
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+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"
+};
+exports.default = styles;
+//# sourceMappingURL=BigStat.module.css.cjs.map

package/dist/cjs/components/BigStat/BigStat.module.css.cjs.map ADDED Viewed

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

package/dist/cjs/components/BigStat/index.cjs CHANGED Viewed

@@ -1,72 +1,80 @@
+require("./BigStat.css");
 'use strict';
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const jsxRuntime = require('react/jsx-runtime');
-const styledComponents = require('styled-components');
+const react = require('react');
+const cva = require('../../lib/cva.cjs');
+const BigStat_module = require('./BigStat.module.css.cjs');
+const classVarianceAuthority = require('class-variance-authority');
+const wrapperVariants = classVarianceAuthority.cva(BigStat_module.default["big-stat"], {
+  variants: {
+    state: {
+      default: BigStat_module.default["big-stat_state_default"],
+      muted: BigStat_module.default["big-stat_state_muted"]
+    },
+    size: {
+      lg: BigStat_module.default["big-stat_size_lg"],
+      sm: BigStat_module.default["big-stat_size_sm"]
+    },
+    spacing: {
+      sm: BigStat_module.default["big-stat_spacing_sm"],
+      lg: BigStat_module.default["big-stat_spacing_lg"]
+    },
+    order: {
+      titleTop: BigStat_module.default["big-stat_order_title-top"],
+      titleBottom: BigStat_module.default["big-stat_order_title-bottom"]
+    },
+    fillWidth: {
+      true: BigStat_module.default["big-stat_fill-width"]
+    },
+    error: {
+      true: BigStat_module.default["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__ */ jsxRuntime.jsxs(Wrapper, { $height: height, $order: order, $size: size, $spacing: spacing, $state: state, $fillWidth: fillWidth, $maxWidth: maxWidth, $error: error, ...props, children: [
-  /* @__PURE__ */ jsxRuntime.jsx(Label, { $state: state, $size: size, $error: error, children: label }),
-  /* @__PURE__ */ jsxRuntime.jsx(Title, { $state: state, $size: size, children: title })
-] });
-const Wrapper = styledComponents.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 = styledComponents.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 = styledComponents.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 = react.useMemo(() => ({
+    "--big-stat-height": height,
+    ...maxWidth && {
+      "--big-stat-max-width": maxWidth
+    },
+    ...style
+  }), [height, maxWidth, style]);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: mergedStyle, ...props, className: cva.cn(wrapperVariants({
+    state,
+    size,
+    spacing,
+    order,
+    fillWidth,
+    error
+  }), className), children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: cva.cn(BigStat_module.default["big-stat__label"]), children: label }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: cva.cn(BigStat_module.default["big-stat__title"]), children: title })
+  ] });
+};
 exports.BigStat = BigStat;
 //# sourceMappingURL=index.cjs.map

package/dist/cjs/components/BigStat/index.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.cjs","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~~","~~jsx~~","~~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":"~~;;;;;;;AAIO~~,MAAMA,~~UAAUA~~,~~CAAC;AAAA~~,~~EACtBC~~,~~SAAAA~~,~~GAAY~~,~~KAAA;AAAA~~,~~EACZC~~,~~QAAAA;AAAAA~~,~~EACAC,MAAAA,GAAS,MAAA~~;AAAA,~~EACTC~~,~~KAAAA~~,~~GAAQ,OAAA~~;AAAA,~~EACRC~~,KAAAA,~~GAAQ,UAAA~~;AAAA,~~EACRC~~,~~IAAAA;AAAAA~~,~~EACAC~~,~~OAAAA~~,~~GAAU~~,~~IAAA~~;AAAA,~~EACVC~~,KAAAA,~~GAAQ~~,~~SAAA~~;AAAA,~~EACRC,KAAAA,GAAQ,OAAA~~;AAAA,~~EACRC~~,~~KAAAA~~,~~GAAQ,KAAA~~;AAAA,~~EACR~~,~~GAAGC;AACS~~,~~CAAA~~,~~qCACX~~,~~OAAA~~,~~EAAA~~,~~EACC~~,~~OAAA~~,~~EAASR~~,~~QACT~~,~~MAAA~~,~~EAAQE~~,~~KAAAA~~,~~EACR~~,~~OAAOC~~,~~IAAAA~~,~~EACP~~,~~QAAA~~,~~EAAUC~~,~~SACV~~,~~MAAA~~,~~EAAQC~~,~~KAAAA~~,~~EACR~~,~~YAAYP~~,~~SAAAA~~,~~EACZ~~,~~SAAA~~,~~EAAWC,UACX,MAAA,EAAQQ,~~KAAAA,~~EACR,GAAIC,KAAAA,EAEJ,QAAA,EAAA~~;AAAA,~~kBAAAC~~,~~cAAA,CAAC,SACC,MAAA,EAAQJ,KAAAA,EACR,OAAOF,IAAAA,EACP,MAAA,EAAQI,OAEPN,~~QAAAA,~~EAAAA~~,~~KAAAA~~,~~EACH~~,CAAA;AAAA,~~iCACC~~,~~KAAA~~,~~EAAA~~,~~EACC~~,~~MAAA,EAAQI,KAAAA,EACR,KAAA,EAAOF,MAENG,QAAAA,EAAAA,KAAAA,EACH~~;AAAA,~~CAAA,EACF~~;~~AAKF~~,~~MAAMI~~,~~OAAAA~~,~~GAAUC~~,~~uBAAAA~~,~~CAAOC~~,~~GAAAA~~,~~CAAGC~~,~~UAAAA~~,~~CAAA~~;AAAA,~~EAAAC~~,~~WAAAA~~,~~EAAA~~;AAAA,~~CAAA~~,~~CAAA~~,~~CAAA~~,~~CAAA~~,~~4DAAA,EAAA,EAAA,GAatB,CAAC~~;AAAA,~~EACDC,UAAAA,GAAa,KAAA~~;AAAA,~~EACbC~~,~~SAAAA~~,~~GAAY,MAAA~~;AAAA,~~EACZC~~,~~MAAAA~~,~~GAAS~~,SAAA;AAAA,~~EACTC~~,~~KAAAA~~,~~GAAQ~~,IAAA;AAAA,~~EACRC~~,OAAAA,~~GAAU~~,~~OAAA;AAAA,EACVC,MAAAA;AAAAA,EACAC,QAAAA,GAAW,~~IAAA;AAAA,~~EACXC~~,~~MAAAA~~,~~GAAS,KAAA~~;AAAA~~,EACTC~~;~~AACF~~,~~CAAA,KAAM;AAAA,sBAAA,EACgBA,MAAMC,KAAAA,CAAMC,OAAAA,CAAQC,KAAAA,CAAMC,UAAAA,CAAWV,MAAM,~~CAAC,CAAA;~~AAAA~~,~~WAAA~~,~~EACvDM~~,~~MAAMC,KAAAA,CAAMC,OAAAA,CAAQC,KAAAA,CAAMzB,KAAAA,CAAMgB,MAAM,~~CAAC~~,CAAA~~;AAAA,~~UAAA~~,~~EACxCM~~,~~KAAAA~~,~~CAAMC,MAAMC,OAAAA,CAAQG,UAAAA,CAAWV,KAAK,CAAA,CAAEjB,KAAAA,CAAMgB,MAAM,CAAC,CAAA~~;AAAA,~~mBAAA~~,~~EAC1CM~~,~~KAAAA~~,~~CAAMC~~,~~KAAAA~~,~~CAAMC,OAAAA,CAAQI,KAAAA,CAAMC,GAAG,CAAA~~;AAAA,~~YAAA~~,~~EACpCP,MAAMC,~~KAAAA,~~CAAMC~~,~~OAAAA,CAAQM,MAAM,CAAA,~~OAAA~~,EAClCT,MAAAA,GACIC,MAAMC,KAAAA,CAAMC,OAAAA,CAAQC,KAAAA,CAAMK,MAAAA,CAAOC,SACjCT,KAAAA,CAAMC,KAAAA,CAAMC,QAAQC,KAAAA,CAAMK,MAAAA,CAAOd,MAAM,CAAC,CAAA~~;AAAA,~~OAAA~~,~~EAEzCM,MAAMC,~~KAAAA,~~CAAMC~~,~~OAAAA,CAAQQ,KAAAA,CAAMZ,QAAQ,EAAEa,GAAG,CAAA~~;AAAA,~~WAAA~~,~~EACnCX~~,~~KAAAA~~,~~CAAMC,KAAAA,CAAMC,OAAAA,CAAQQ,KAAAA,CAAMH,GAAG,CAAA~~;AAAA,~~cAAA~~,~~EAC1BX,~~OAAAA,~~KAAYgB~~,~~MAAAA,GAAY,CAAA,EAAGhB,OAAO,KAAK,MAAM,CAAA~~;AAAA,~~kBAAA~~,~~EACzCC~~,~~MAAAA~~,~~KAAW,aAAA,GAAgB,gBAAA,GAAmB,QAAQ,CAAA~~;AAAA,~~SAAA~~,~~EAC/DL~~,~~UAAAA~~,~~KAAe,IAAA,GAAO,MAAA,GAAS,MAAM,CAAA~~;AAAA,~~aAAA~~,~~EACjCC~~,~~SAAAA~~,~~GAAYA,YAAY,MAAM,CAAA~~;AAAA,~~EAAA~~,~~CAC1C,CAAA~~;~~AAGH~~,~~MAAMoB~~,KAAAA~~,GAAQzB,uBAAAA,CAAOC,GAAAA,CAAGC,UAAAA,CAAA~~;~~AAAA~~,~~EAAAC~~,~~WAAAA,EAAA~~;~~AAAA~~,CAAA,~~CAAA~~,~~CAAA~~,~~CAAA~~,~~EAAA~~,~~EAAA~~,~~EAAA~~,~~GAKpB,CAAC~~;AAAA,~~EAAEG~~,~~MAAAA~~,~~GAAS~~,~~SAAA~~;~~AAAA~~,~~EAAWC~~,~~KAAAA~~,~~GAAQ~~,~~IAAA~~;AAAA,~~EAAMI~~,~~MAAAA~~,~~GAAS~~,~~KAAA~~;AAAA,~~EAAOC~~;~~AAAM~~,CAAA,~~KAAM;AAAA~~,~~WAAA~~,~~EACxDD,~~MAAAA,~~GAASC~~,~~KAAAA~~,~~CAAMC~~,~~KAAAA~~,~~CAAMC~~,~~OAAAA~~,~~CAAQC~~,~~KAAAA~~,~~CAAMzB~~,~~KAAAA~~,~~CAAM+B~~,~~MAAAA~~,~~GAAST~~,~~KAAAA~~,~~CAAMC~~,KAAAA,~~CAAMC~~,~~OAAAA~~,~~CAAQC~~,~~KAAAA~~,~~CAAMzB~~,~~KAAAA,CAAMgB,MAAM,CAAC,CAAA~~;AAAA,~~UAAA~~,~~EAC1FM,~~KAAAA,~~CAAMC~~,~~MAAMC~~,OAAAA,~~CAAQG~~,~~UAAAA,CAAWV,KAAK,CAAA,CAAEjB,~~KAAAA,~~CAAMgB~~,~~MAAM~~,~~CAAC,CAAA~~;~~AAAA~~,~~EAAA~~,~~CAC5D,~~CAAA~~;AAGH~~,~~MAAMoB~~,~~KAAAA~~,~~GAAQ1B,uBAAAA,CAAOC,GAAAA,CAAGC,UAAAA,~~CAAA~~;AAAA~~,~~EAAAC~~,~~WAAAA~~,EAAA;AAAA,~~CAAA~~,~~CAAA~~,~~CAAA~~,~~CAAA~~,~~EAAA~~,~~EAAA~~,~~EAAA~~,~~GAIpB~~,~~CAAC;AAAA~~,~~EAAEG~~,~~MAAAA~~,~~GAAS~~,~~SAAA;AAAA~~,~~EAAWC~~,KAAAA,~~GAAQ~~,~~IAAA;AAAA,EAAMK;AAAM,~~CAAA~~,KAAM~~;AAAA,~~WAAA~~,~~EACxCA~~,~~MAAMC~~,~~KAAAA~~,~~CAAMC~~,~~OAAAA~~,~~CAAQC~~,~~KAAAA~~,~~CAAMpB~~,~~KAAAA~~,~~CAAMW,MAAM,~~CAAC,~~CAAA;AAAA~~,~~UAAA~~,~~EACxCM~~,KAAAA,~~CAAMC,MAAMC,OAAAA,CAAQG,UAAAA,CAAWV,KAAK,CAAA,CAAEZ,KAAAA,CAAMW,MAAM,CAAC,CAAA~~;AAAA,~~EAAA~~,~~CAC5D~~,CAAA;;;;"}
1	+ {"version":3,"file":"index.cjs","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","jsxs","cn","jsx"],"mappings":";;;;;;;;;;AAKA,MAAMA,eAAAA,GAAkBC,0BAAAA,CAAIC,sBAAAA,CAAO,UAAU,CAAA,EAAG;AAAA,EAC9CC,QAAAA,EAAU;AAAA,IACRC,KAAAA,EAAO;AAAA,MACLC,OAAAA,EAASH,uBAAO,wBAAwB,CAAA;AAAA,MACxCI,KAAAA,EAAOJ,uBAAO,sBAAsB;AAAA,KACtC;AAAA,IACAK,IAAAA,EAAM;AAAA,MACJC,EAAAA,EAAIN,uBAAO,kBAAkB,CAAA;AAAA,MAC7BO,EAAAA,EAAIP,uBAAO,kBAAkB;AAAA,KAC/B;AAAA,IACAQ,OAAAA,EAAS;AAAA,MACPD,EAAAA,EAAIP,uBAAO,qBAAqB,CAAA;AAAA,MAChCM,EAAAA,EAAIN,uBAAO,qBAAqB;AAAA,KAClC;AAAA,IACAS,KAAAA,EAAO;AAAA,MACLC,QAAAA,EAAUV,uBAAO,0BAA0B,CAAA;AAAA,MAC3CW,WAAAA,EAAaX,uBAAO,6BAA6B;AAAA,KACnD;AAAA,IACAY,SAAAA,EAAW;AAAA,MACTC,IAAAA,EAAMb,uBAAO,qBAAqB;AAAA,KACpC;AAAA,IACAc,KAAAA,EAAO;AAAA,MACLD,IAAAA,EAAMb,uBAAO,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,cAClB,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,uBACEI,eAAA,CAAC,SACC,KAAA,EAAOF,WAAAA,KACHD,KAAAA,EACJ,SAAA,EAAWI,OACT7B,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,oBAAAO,cAAA,CAAC,SAAI,SAAA,EAAWD,MAAAA,CAAG3B,uBAAO,iBAAiB,CAAC,GAAImB,QAAAA,EAAAA,KAAAA,EAAM,CAAA;AAAA,oBACtDS,cAAA,CAAC,SAAI,SAAA,EAAWD,MAAAA,CAAG3B,uBAAO,iBAAiB,CAAC,GAAIoB,QAAAA,EAAAA,KAAAA,EAAM;AAAA,GAAA,EACxD,CAAA;AAEJ;;;;"}

package/dist/cjs/components/Button/BaseButton.cjs CHANGED Viewed

@@ -1,39 +1,18 @@
+require("./BaseButton.css");
 'use strict';
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-const styledComponents = require('styled-components');
+const jsxRuntime = require('react/jsx-runtime');
+const react = require('react');
+const cva = require('../../lib/cva.cjs');
+const BaseButton_module = require('./BaseButton.module.css.cjs');
-const BaseButton = styledComponents.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;
-    }
-    `);
+const BaseButton = react.forwardRef(({
+  className,
+  ...props
+}, ref) => /* @__PURE__ */ jsxRuntime.jsx("button", { ref, ...props, className: cva.cn(BaseButton_module.default["base-button"], className) }));
+BaseButton.displayName = "BaseButton";
 exports.BaseButton = BaseButton;
 //# sourceMappingURL=BaseButton.cjs.map

package/dist/cjs/components/Button/BaseButton.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BaseButton.cjs","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,~~uBAAAA~~,~~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;;;;"}
1	+ {"version":3,"file":"BaseButton.cjs","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","jsx","cn","styles","displayName"],"mappings":";;;;;;;;;AAIO,MAAMA,UAAAA,GAAaC,iBAGxB,CAAC;AAAA,EAAEC,SAAAA;AAAAA,EAAW,GAAGC;AAAM,CAAA,EAAGC,GAAAA,qBAC1BC,cAAA,CAAC,QAAA,EAAA,EACC,GAAA,KACIF,KAAAA,EACJ,SAAA,EAAWG,MAAAA,CAAGC,yBAAAA,CAAO,aAAa,CAAA,EAAGL,SAAS,IAEjD;AAEDF,UAAAA,CAAWQ,WAAAA,GAAc,YAAA;;;;"}

package/dist/cjs/components/Button/BaseButton.css ADDED Viewed

@@ -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/cjs/components/Button/BaseButton.module.css.cjs ADDED Viewed

@@ -0,0 +1,10 @@
+'use strict';
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+const styles = {
+	"base-button": "base-button__6Tguv"
+};
+exports.default = styles;
+//# sourceMappingURL=BaseButton.module.css.cjs.map

package/dist/cjs/components/Button/BaseButton.module.css.cjs.map ADDED Viewed

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

package/dist/cjs/components/ButtonGroup/index.cjs CHANGED Viewed

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