npm - @clickhouse/click-ui - Versions diffs - 0.7.0 → 0.9.0 - Mend

@clickhouse/click-ui 0.7.0 → 0.9.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 (398) 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/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/CardPromotion/CardPromotion.css ADDED Viewed

@@ -0,0 +1,52 @@
+.background__q--1v {
+  display: flex;
+  padding: 1px;
+  border-radius: var(--click-card-promotion-radii-all);
+  background-image: var(--click-card-promotion-color-stroke-default);
+  box-shadow: var(--click-card-shadow);
+}
+.background__q--1v:focus {
+  background: var(--click-card-promotion-color-stroke-focus);
+}
+.wrapper__u2j3r {
+  display: flex;
+  width: 100%;
+  padding: var(--click-card-promotion-space-y) var(--click-card-promotion-space-x);
+  justify-content: flex-start;
+  align-items: center;
+  gap: var(--click-card-promotion-space-gap);
+  border-radius: var(--click-card-promotion-radii-all);
+  background: var(--click-card-promotion-color-background-default);
+  color: var(--click-card-promotion-color-text-default);
+  cursor: pointer;
+  transition: 0.2s ease-in-out all;
+}
+.wrapper__u2j3r:hover {
+  background: var(--click-card-promotion-color-background-hover);
+  color: var(--click-card-promotion-color-text-hover);
+}
+.wrapper__u2j3r:active,
+.wrapper__u2j3r:focus {
+  background: var(--click-card-promotion-color-background-active);
+  color: var(--click-card-promotion-color-text-active);
+}
+.cardicon__EPonC {
+  width: var(--click-card-promotion-icon-size-all);
+  height: var(--click-card-promotion-icon-size-all);
+  color: var(--click-card-promotion-color-icon-default);
+}
+.dismisswrapper__CeHgg {
+  display: flex;
+  margin-left: auto;
+  align-items: center;
+  border: none;
+  background-color: transparent;
+  color: inherit;
+  cursor: pointer;
+}

package/dist/cjs/components/CardPromotion/CardPromotion.module.css.cjs ADDED Viewed

@@ -0,0 +1,21 @@
+'use strict';
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+const background = "background__q--1v";
+const wrapper = "wrapper__u2j3r";
+const cardicon = "cardicon__EPonC";
+const dismisswrapper = "dismisswrapper__CeHgg";
+const styles = {
+	background: background,
+	wrapper: wrapper,
+	cardicon: cardicon,
+	dismisswrapper: dismisswrapper
+};
+exports.background = background;
+exports.cardicon = cardicon;
+exports.default = styles;
+exports.dismisswrapper = dismisswrapper;
+exports.wrapper = wrapper;
+//# sourceMappingURL=CardPromotion.module.css.cjs.map

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

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

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

@@ -1,73 +1,27 @@
+require("./CardPromotion.css");
 'use strict';
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const jsxRuntime = require('react/jsx-runtime');
 const react = require('react');
-const styledComponents = require('styled-components');
-const Text = require('../Text/index.cjs');
+const cva = require('../../lib/cva.cjs');
+const CardPromotion_module = require('./CardPromotion.module.css.cjs');
 const Icon = require('../Icon/index.cjs');
+const Text = require('../Text/index.cjs');
-const Background = styledComponents.styled.div.withConfig({
-  componentId: "sc-6jamj6-0"
-})(["", ""], ({
-  theme
-}) => `
-    background-image: ${theme.click.card.promotion.color.stroke.default};
-    padding: 1px;
-    border-radius: ${theme.click.card.promotion.radii.all};
-    box-shadow: ${theme.click.card.shadow};
-    display: flex;
-    &:focus {
-      background: ${theme.click.card.promotion.color.stroke.focus};
-    }
-  `);
-const Wrapper = styledComponents.styled.div.withConfig({
-  componentId: "sc-6jamj6-1"
-})(["display:flex;width:100%;align-items:center;justify-content:flex-start;cursor:pointer;", ""], ({
-  theme
-}) => `
-    background: ${theme.click.card.promotion.color.background.default};
-    color: ${theme.click.card.promotion.color.text.default};
-    border-radius: ${theme.click.card.promotion.radii.all};
-    padding: ${theme.click.card.promotion.space.y} ${theme.click.card.promotion.space.x};
-    gap: ${theme.click.card.promotion.space.gap};
-    transition: .2s ease-in-out all;
-    &:hover {
-      background: ${theme.click.card.promotion.color.background.hover};
-      color: ${theme.click.card.promotion.color.text.hover};
-    }
-    &:active, &:focus {
-      background: ${theme.click.card.promotion.color.background.active};
-      color: ${theme.click.card.promotion.color.text.active};
-    }
-  `);
-const CardIcon = styledComponents.styled(Icon.Icon).withConfig({
-  componentId: "sc-6jamj6-2"
-})(["", ""], ({
-  theme
-}) => `
-      height: ${theme.click.card.promotion.icon.size.all};
-      width: ${theme.click.card.promotion.icon.size.all};
-      color: ${theme.click.card.promotion.color.icon.default};
-  `);
-const DismissWrapper = styledComponents.styled.button.withConfig({
-  componentId: "sc-6jamj6-3"
-})(["display:flex;align-items:center;margin-left:auto;border:none;background-color:transparent;color:inherit;cursor:pointer;"]);
 const CardPromotion = ({
   label,
   icon,
   dismissible = false,
+  className,
   ...props
 }) => {
   const [isVisible, setIsVisible] = react.useState(true);
-  return isVisible ? /* @__PURE__ */ jsxRuntime.jsx(Background, { children: /* @__PURE__ */ jsxRuntime.jsxs(Wrapper, { $dismissible: dismissible, ...props, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(CardIcon, { name: icon, "aria-hidden": true }),
+  return isVisible ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: CardPromotion_module.default.background, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { ...props, className: cva.cn(CardPromotion_module.default.wrapper, className), children: [
+    /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { name: icon, "aria-hidden": true, className: CardPromotion_module.default.cardicon }),
     /* @__PURE__ */ jsxRuntime.jsx(Text.Text, { children: label }),
-    dismissible && /* @__PURE__ */ jsxRuntime.jsx(DismissWrapper, { type: "button", "data-testid": "click-alert-dismiss-button", onClick: () => setIsVisible(false), children: /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { name: "cross", "aria-label": "close" }) })
+    dismissible && /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", "data-testid": "click-alert-dismiss-button", onClick: () => setIsVisible(false), className: CardPromotion_module.default.dismisswrapper, children: /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { name: "cross", "aria-label": "close" }) })
   ] }) }) : null;
 };

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

	@@ -1 +1 @@
1	- {"version":3,"file":"index.cjs","sources":["../../../../src/components/CardPromotion/CardPromotion.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { ~~styled~~ } from '~~styled-~~components';\nimport { ~~Icon~~ } from '@/components/~~Icon~~';\nimport { ~~Text~~ } from '@/~~components~~/~~Text~~';\nimport { CardPromotionProps } from './CardPromotion.types';\~~nconst~~ ~~Background~~ = ~~styled~~.~~div`\n ${({ theme }) => `\n background-image: ${theme~~.~~click.card.promotion.color.stroke.default}~~;\n ~~padding: 1px;\n border-radius: ${theme.click.card.promotion.radii.all};\n box-shadow: ${theme.click.card.shadow};\n display: flex;\n~~\n &:focus {\n background: ${theme.click.card.promotion.color.stroke.focus};\n }\n `}\n`;\nconst Wrapper = styled.div<{\n $dismissible?: boolean;\n}>`\n display: flex;\n width: 100%;\n align-items: center;\n justify-content: flex-start;\n cursor: pointer;\n\n ${({ theme }) => `\n background: ${theme.click.card.promotion.color.background.default};\n color: ${theme.click.card.promotion.color.text.default};\n border-radius: ${theme.click.card.promotion.radii.all};\n padding: ${theme.click.card.promotion.space.y} ${theme.click.card.promotion.space.x};\n gap: ${theme.click.card.promotion.space.gap};\n transition: .2s ease-in-out all;\n\n &:hover {\n background: ${theme.click.card.promotion.color.background.hover};\n color: ${theme.click.card.promotion.color.text.hover};\n }\n\n &:active, &:focus {\n background: ${theme.click.card.promotion.color.background.active};\n color: ${theme.click.card.promotion.color.text.active};\n }\n `}\n`;\n\nconst CardIcon = styled(Icon)`\n ${({ theme }) => `\n height: ${theme.click.card.promotion.icon.size.all};\n width: ${theme.click.card.promotion.icon.size.all};\n color: ${theme.click.card.promotion.color.icon.default};\n `}\n`;\n\nconst DismissWrapper = styled.button`\n display: flex;\n align-items: center;\n margin-left: auto;\n border: none;\n background-color: transparent;\n color: inherit;\n cursor: pointer;\n`;\n\nexport const CardPromotion = ({\n label,\n icon,\n dismissible = false,\n ...props\n}: CardPromotionProps) => {\n const [isVisible, setIsVisible] = useState(true);\n\n return isVisible ? (\n <~~Background~~>\n <~~Wrapper~~\n ~~$dismissible=~~{~~dismissible~~}\n {~~...props~~}\n >\n <~~CardIcon~~\n name={icon}\n aria-hidden\n />\n\n <Text>{label}</Text>\n\n {dismissible && (\n <~~DismissWrapper~~\n type=\"button\"\n data-testid=\"click-alert-dismiss-button\"\n onClick={() => setIsVisible(false)}\n >\n <Icon\n name=\"cross\"\n aria-label=\"close\"\n />\n </~~DismissWrapper~~>\n )}\n </~~Wrapper~~>\n </~~Background~~>\n ) : null;\n};\n"],"names":["~~Background~~","~~styled~~","~~div~~","~~withConfig~~","~~componentId~~","~~theme~~","~~click~~","~~card~~","~~promotion~~","~~color~~","~~stroke~~","~~default","radii","all","shadow","focus","Wrapper","~~background","~~text~~","~~space~~","y","~~x","gap","hover","active","CardIcon","~~Icon","~~icon~~","~~size~~","~~DismissWrapper~~"~~,"button","CardPromotion","label","dismissible","props","isVisible","setIsVisible","useState","jsxs","jsx","Text"~~],"mappings":"~~;;;;;;;;;;AAKA~~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~~EACAL~~,IAAAA;AAAAA,~~EACAM~~,WAAAA,GAAc,KAAA;AAAA,~~EACd~~,GAAGC;AACe,CAAA,KAAM;AACxB,EAAA,MAAM,CAACC,SAAAA,EAAWC,YAAY,CAAA,GAAIC,eAAS,IAAI,CAAA;AAE/C,EAAA,OAAOF,SAAAA,~~kCACJ~~,~~UAAA~~,EAAA,~~EACC~~,QAAA,~~kBAAAG~~,eAAA,CAAC,~~WACC~~,~~YAAA~~,~~EAAcL~~,~~WAAAA~~,~~EACd~~,~~GAAIC~~,~~KAAAA~~,~~EAEJ~~,QAAA,EAAA;AAAA,oBAAAK,cAAA,~~CAAC~~,~~QAAA~~,~~EAAA,EACC,~~IAAA,~~EAAMZ~~,IAAAA,EACN,~~aAAA~~,~~EAAW,~~IAAA,~~EAAA~~,CAAA;AAAA,~~oBAGbY~~,cAAA,~~CAACC~~,~~aAAMR~~,QAAAA,EAAAA,KAAAA,EAAM,CAAA;AAAA,~~IAEZC,+BACCM~~,~~cAAA~~,~~CAAC~~,~~cAAA~~,EAAA,EACC,~~MAAK~~,~~QAAA~~,~~EACL~~,aAAA,EAAY,~~8BACZ~~,~~OAAA~~,~~EAAS~~,~~MAAMH~~,YAAAA,CAAa,KAAK,~~GAEjC~~,QAAA,~~kBAAAG~~,cAAA,~~CAACb~~,~~SAAA~~,~~EAAA~~,~~EACC~~,~~MAAK,~~OAAA,EACL,YAAA,EAAW,~~SAAO~~,CAAA,EAEtB;AAAA,GAAA,EAEJ,GACF,CAAA,GACE,IAAA;AACN;;;;"}
1	+ {"version":3,"file":"index.cjs","sources":["../../../../src/components/CardPromotion/CardPromotion.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { Icon } from '@/components/Icon';\nimport { Text } from '@/components/Text';\nimport { cn } from '@/lib/cva';\nimport { CardPromotionProps } from './CardPromotion.types';\nimport styles from './CardPromotion.module.css';\n\nexport const CardPromotion = ({\n label,\n icon,\n dismissible = false,\n className,\n ...props\n}: CardPromotionProps) => {\n const [isVisible, setIsVisible] = useState(true);\n\n return isVisible ? (\n <div className={styles.background}>\n <div\n {...props}\n className={cn(styles.wrapper, className)}\n >\n <Icon\n name={icon}\n aria-hidden\n className={styles.cardicon}\n />\n\n <Text>{label}</Text>\n\n {dismissible && (\n <button\n type=\"button\"\n data-testid=\"click-alert-dismiss-button\"\n onClick={() => setIsVisible(false)}\n className={styles.dismisswrapper}\n >\n <Icon\n name=\"cross\"\n aria-label=\"close\"\n />\n </button>\n )}\n </div>\n </div>\n ) : null;\n};\n"],"names":["CardPromotion","label","icon","dismissible","className","props","isVisible","setIsVisible","useState","jsx","styles","background","jsxs","cn","wrapper","Icon","cardicon","Text","dismisswrapper"],"mappings":";;;;;;;;;;;AAOO,MAAMA,gBAAgBA,CAAC;AAAA,EAC5BC,KAAAA;AAAAA,EACAC,IAAAA;AAAAA,EACAC,WAAAA,GAAc,KAAA;AAAA,EACdC,SAAAA;AAAAA,EACA,GAAGC;AACe,CAAA,KAAM;AACxB,EAAA,MAAM,CAACC,SAAAA,EAAWC,YAAY,CAAA,GAAIC,eAAS,IAAI,CAAA;AAE/C,EAAA,OAAOF,SAAAA,mBACLG,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAWC,6BAAOC,UAAAA,EACrB,QAAA,kBAAAC,eAAA,CAAC,KAAA,EAAA,KACKP,OACJ,SAAA,EAAWQ,MAAAA,CAAGH,4BAAAA,CAAOI,OAAAA,EAASV,SAAS,CAAA,EAEvC,QAAA,EAAA;AAAA,oBAAAK,cAAA,CAACM,aACC,IAAA,EAAMb,IAAAA,EACN,eAAW,IAAA,EACX,SAAA,EAAWQ,6BAAOM,QAAAA,EAAS,CAAA;AAAA,oBAG7BP,cAAA,CAACQ,aAAMhB,QAAAA,EAAAA,KAAAA,EAAM,CAAA;AAAA,IAEZE,WAAAA,mCACE,QAAA,EAAA,EACC,IAAA,EAAK,UACL,aAAA,EAAY,4BAAA,EACZ,SAAS,MAAMI,YAAAA,CAAa,KAAK,CAAA,EACjC,SAAA,EAAWG,6BAAOQ,cAAAA,EAElB,QAAA,kBAAAT,cAAA,CAACM,aACC,IAAA,EAAK,OAAA,EACL,YAAA,EAAW,OAAA,EAAO,CAAA,EAEtB;AAAA,GAAA,EAEJ,GACF,CAAA,GACE,IAAA;AACN;;;;"}

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

@@ -0,0 +1,48 @@
+.codeblock__pRWOC {
+  position: relative;
+  width: 100%;
+  /* stylelint-disable plugin/no-unsupported-browser-features, declaration-property-value-no-unknown -- the original
+     styled-components rule used this same width fallback chain (100% →
+     -webkit-fill-available → fill-available → stretch) so the block fills the
+     available inline space. */
+  width: -webkit-fill-available;
+  width: fill-available;
+  width: stretch;
+  /* stylelint-enable plugin/no-unsupported-browser-features, declaration-property-value-no-unknown */
+  color: var(--codeblock-numbers);
+}
+/* This class is applied alongside the IconButton module classes on the same
+   <button>. `color`, `padding`, and `border` are set by both; the
+   styled-components original won them via source order. Double the class so
+   those three win regardless of CSS-module bundle order, matching the
+   pre-migration rendering. */
+.codeblock__button__YDCMe.codeblock__button__YDCMe {
+  /* Reset so a copied/error state on one button can't inherit into another via
+     the custom property (custom properties inherit by default). The copied/error
+     colors are set inline per state via --codeblock-button, matching the
+     --codeblock-numbers pattern so both track the ThemeProvider runtime. */
+  --codeblock-button: initial;
+  padding: 0;
+  border: 0;
+  color: var(--codeblock-button, inherit);
+}
+.codeblock__highlighter__t4Xol {
+  margin: 0;
+  padding: 0;
+  background: transparent;
+}
+.codeblock__content__WKNWr {
+  color: inherit;
+  font-family: inherit;
+}
+.codeblock__button-container__D6yob {
+  display: flex;
+  position: absolute;
+  top: var(--click-codeblock-space-y);
+  right: var(--click-codeblock-space-x);
+  gap: 0.625rem;
+}

package/dist/cjs/components/CodeBlock/CodeBlock.module.css.cjs ADDED Viewed

@@ -0,0 +1,22 @@
+'use strict';
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+const codeblock = "codeblock__pRWOC";
+const codeblock__button = "codeblock__button__YDCMe";
+const codeblock__highlighter = "codeblock__highlighter__t4Xol";
+const codeblock__content = "codeblock__content__WKNWr";
+const styles = {
+	codeblock: codeblock,
+	codeblock__button: codeblock__button,
+	codeblock__highlighter: codeblock__highlighter,
+	codeblock__content: codeblock__content,
+	"codeblock__button-container": "codeblock__button-container__D6yob"
+};
+exports.codeblock = codeblock;
+exports.codeblock__button = codeblock__button;
+exports.codeblock__content = codeblock__content;
+exports.codeblock__highlighter = codeblock__highlighter;
+exports.default = styles;
+//# sourceMappingURL=CodeBlock.module.css.cjs.map

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

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

package/dist/cjs/components/CodeBlock/InlineCodeBlock.cjs CHANGED Viewed

@@ -1,23 +1,16 @@
+require("./InlineCodeBlock.css");
 'use strict';
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const jsxRuntime = require('react/jsx-runtime');
-const styledComponents = require('styled-components');
+const cva = require('../../lib/cva.cjs');
+const InlineCodeBlock_module = require('./InlineCodeBlock.module.css.cjs');
-const InlineContainer = styledComponents.styled.span.withConfig({
-  componentId: "sc-ugg5k0-0"
-})(["", ""], ({
-  theme
-}) => `
-    background: ${theme.click.codeInline.color.background.default};
-    color: ${theme.click.codeInline.color.text.default};
-    border: 1px solid ${theme.click.codeInline.color.stroke.default};
-    font: ${theme.click.codeInline.typography.text.default};
-    border-radius: ${theme.click.codeInline.radii.all};
-    padding: 0 ${theme.click.codeInline.space.x};
-  `);
-const InlineCodeBlock = (props) => /* @__PURE__ */ jsxRuntime.jsx(InlineContainer, { ...props });
+const InlineCodeBlock = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx("span", { ...props, className: cva.cn(InlineCodeBlock_module.default.inline, className) });
 exports.InlineCodeBlock = InlineCodeBlock;
 //# sourceMappingURL=InlineCodeBlock.cjs.map

package/dist/cjs/components/CodeBlock/InlineCodeBlock.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"InlineCodeBlock.cjs","sources":["../../../../src/components/CodeBlock/InlineCodeBlock.tsx"],"sourcesContent":["import { HTMLAttributes } from 'react';\nimport { ~~styled~~ } from '~~styled-components~~';\~~n\nconst~~ ~~InlineContainer~~ = ~~styled~~.~~span`\n ${({ theme }) => `\n background: ${theme~~.~~click.codeInline.color.background.default}~~;\n color: ${theme.click.codeInline.color.text.default};\n border: 1px solid ${theme.click.codeInline.color.stroke.default};\n font: ${theme.click.codeInline.typography.text.default};\n border-radius: ${theme.click.codeInline.radii.all};\n padding: 0 ${theme.click.codeInline.space.x};\n `}\~~n`;\~~nexport const InlineCodeBlock = (props: HTMLAttributes<HTMLSpanElement>) => (\n <~~InlineContainer~~ {...props} />\n);\n"],"names":["~~InlineContainer~~","~~styled~~","~~span~~","~~withConfig~~","~~componentId~~","~~theme~~","~~click~~"~~,"codeInline","color","background","default","text","stroke","typography","radii","all","space","x","InlineCodeBlock","props","jsx"~~],"mappings":"~~;;;;;;;AAGA~~,MAAMA,~~eAAAA~~,~~GAAkBC,uBAAAA,CAAOC,IAAAA,CAAIC,UAAAA,CAAA;AAAA,EAAAC,WAAAA,EAAA;AAAA,CAAA,CAAA,CAAA,CAAA,EAAA,EAAA,EAAA,GAC/B,~~CAAC;AAAA,~~EAAEC;AAAM~~,~~CAAA,KAAM~~;~~AAAA~~,~~gBAAA~~,~~EACDA,KAAAA,CAAMC,KAAAA,CAAMC,UAAAA,CAAWC,KAAAA,CAAMC,WAAWC,OAAO,CAAA~~;~~AAAA~~,~~WAAA,EACpDL,KAAAA,CAAMC,KAAAA,CAAMC,UAAAA,CAAWC,KAAAA,CAAMG,KAAKD,OAAO,~~CAAA~~;AAAA~~,~~sBAAA~~,~~EAC9BL~~,~~KAAAA~~,~~CAAMC~~,~~KAAAA~~,~~CAAMC,UAAAA,CAAWC,~~KAAAA,~~CAAMI~~,~~OAAOF~~,~~OAAO~~,~~CAAA;AAAA~~,~~UAAA~~,~~EACvDL~~,~~KAAAA~~,~~CAAMC~~,~~KAAAA~~,~~CAAMC,UAAAA,CAAWM,UAAAA,CAAWF,KAAKD,OAAO,~~CAAA~~;AAAA~~,mBAAA,EACrCL,KAAAA,CAAMC,KAAAA,CAAMC,UAAAA,CAAWO,KAAAA,CAAMC,GAAG,CAAA;AAAA,eAAA,EACpCV,KAAAA,CAAMC,KAAAA,CAAMC,UAAAA,CAAWS,KAAAA,CAAMC,CAAC,CAAA;AAAA,EAAA,CAC5C,CAAA;AAEI,MAAMC,kBAAkBA,CAACC,KAAAA,qBAC9BC,cAAA,CAAC,eAAA,EAAA,EAAgB,GAAID,KAAAA,EAAM;;;;"}
1	+ {"version":3,"file":"InlineCodeBlock.cjs","sources":["../../../../src/components/CodeBlock/InlineCodeBlock.tsx"],"sourcesContent":["import { HTMLAttributes } from 'react';\nimport { cn } from '@/lib/cva';\nimport styles from './InlineCodeBlock.module.css';\n\nexport const InlineCodeBlock = ({\n className,\n ...props\n}: HTMLAttributes<HTMLSpanElement>) => (\n <span\n {...props}\n className={cn(styles.inline, className)}\n />\n);\n"],"names":["InlineCodeBlock","className","props","jsx","cn","styles","inline"],"mappings":";;;;;;;;AAIO,MAAMA,kBAAkBA,CAAC;AAAA,EAC9BC,SAAAA;AAAAA,EACA,GAAGC;AAC4B,CAAA,qBAC/BC,cAAA,CAAC,UACC,GAAID,KAAAA,EACJ,WAAWE,MAAAA,CAAGC,8BAAAA,CAAOC,MAAAA,EAAQL,SAAS,CAAA,EAAE;;;;"}

package/dist/cjs/components/CodeBlock/InlineCodeBlock.css ADDED Viewed

@@ -0,0 +1,10 @@
+/* stylelint-disable custom-property-pattern -- design tokens use camelCase (e.g. codeInline) */
+.inline__jYdpl {
+  padding: 0 var(--click-codeInline-space-x);
+  border: 1px solid var(--click-codeInline-color-stroke-default);
+  border-radius: var(--click-codeInline-radii-all);
+  background: var(--click-codeInline-color-background-default);
+  color: var(--click-codeInline-color-text-default);
+  font: var(--click-codeInline-typography-text-default);
+}