npm - @clickhouse/click-ui - Versions diffs - 0.6.1 → 0.6.2-rc2 - Mend

@clickhouse/click-ui 0.6.1 → 0.6.2-rc2

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 (154) hide show

package/dist/esm/components/AutoComplete/index.js CHANGED Viewed

@@ -6,6 +6,7 @@ import { GenericMenuItem } from '../GenericMenu/index.js';
 import { IconWrapper } from '../IconWrapper/index.js';
 import { getTextFromNodes } from '../../lib/getTextFromNodes.js';
 import { mergeRefs } from '../../utils/mergeRefs.js';
+import { useResolvedPortalContainer } from '../../providers/PortalContext.js';
 import { useSearch, useOption } from './useOption.js';
 import { OptionContext } from './OptionContext.js';
 import { SearchField } from '../SearchField/index.js';
@@ -110,12 +111,14 @@ const AutoComplete = ({
   disabled,
   value = "",
   placeholder = "Search",
+  container,
   ...props
 }) => {
   const defaultId = useId();
   const [search, setSearch] = useState("");
   const [open, setOpen] = useState(false);
   const inputRef = useRef(null);
+  const portalContainer = useResolvedPortalContainer(container);
   const [highlighted, setHighlighted] = useState();
   const visibleList = useRef([]);
   const navigatable = useRef([]);
@@ -283,7 +286,7 @@ const AutoComplete = ({
   };
   return /* @__PURE__ */ jsxs(SelectPopoverRoot, { open, onOpenChange, children: [
     /* @__PURE__ */ jsx(Trigger, { asChild: true, disabled, "data-testid": "autocomplete-trigger", children: /* @__PURE__ */ jsx("div", { onClick: onTriggerClick, children: /* @__PURE__ */ jsx(SearchField, { ref: inputRef, value: search, onChange: onUpdateSearch, onKeyDown, disabled, placeholder, ...props }) }) }),
-    /* @__PURE__ */ jsx(Portal, { children: /* @__PURE__ */ jsx(PopoverContent, { sideOffset: 5, onFocus, onCloseAutoFocus: () => {
+    /* @__PURE__ */ jsx(Portal, { container: portalContainer, children: /* @__PURE__ */ jsx(PopoverContent, { sideOffset: 5, onFocus, onCloseAutoFocus: () => {
       onUpdateSearch("");
       inputRef.current?.focus();
     }, onOpenAutoFocus: (e) => {

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

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

package/dist/esm/components/ButtonGroup/ButtonGroup.css CHANGED Viewed

@@ -51,6 +51,43 @@
   border-radius: var(--click-button-group-radii-button-borderless-all);
 }
+.button_icon-only_default__1hthE {
+  padding: var(--click-button-group-space-icon-default-y)
+    var(--click-button-group-space-icon-default-x);
+  border: 1px solid var(--click-button-group-color-stroke-default);
+}
+.button_icon-only_default__1hthE:hover {
+  border-color: var(--click-button-group-color-stroke-hover);
+}
+.button_icon-only_default__1hthE[aria-pressed='true'] {
+  border-color: var(--click-button-group-color-stroke-active);
+}
+.button_icon-only_default__1hthE:disabled {
+  border-color: var(--click-button-group-color-stroke-disabled);
+}
+.button_icon-only_default__1hthE[aria-pressed='true']:disabled {
+  border-color: var(--click-button-group-color-stroke-disabled-active);
+}
+.button_icon-only_borderless__04LpP {
+  padding: var(--click-button-group-space-icon-borderless-y)
+    var(--click-button-group-space-icon-borderless-x);
+}
+.button__icon__HLIjg {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.button__icon_height_line__fURvB {
+  height: 1lh;
+}
 .button_fillwidth__lqIVG {
   flex: 1;
 }

package/dist/esm/components/ButtonGroup/ButtonGroup.module.css.js CHANGED Viewed

@@ -5,6 +5,8 @@ const buttongroup_fillwidth = "buttongroup_fillwidth__WzJlu";
 const button = "button__w1Is2";
 const button_type_default = "button_type_default__G9UA1";
 const button_type_borderless = "button_type_borderless__PydeS";
+const button__icon = "button__icon__HLIjg";
+const button__icon_height_line = "button__icon_height_line__fURvB";
 const button_fillwidth = "button_fillwidth__lqIVG";
 const styles = {
 	buttongroup: buttongroup,
@@ -14,8 +16,12 @@ const styles = {
 	button: button,
 	button_type_default: button_type_default,
 	button_type_borderless: button_type_borderless,
+	"button_icon-only_default": "button_icon-only_default__1hthE",
+	"button_icon-only_borderless": "button_icon-only_borderless__04LpP",
+	button__icon: button__icon,
+	button__icon_height_line: button__icon_height_line,
 	button_fillwidth: button_fillwidth
 };
-export { button, button_fillwidth, button_type_borderless, button_type_default, buttongroup, buttongroup_fillwidth, buttongroup_type_borderless, buttongroup_type_default, styles as default };
+export { button, button__icon, button__icon_height_line, button_fillwidth, button_type_borderless, button_type_default, buttongroup, buttongroup_fillwidth, buttongroup_type_borderless, buttongroup_type_default, styles as default };
 //# sourceMappingURL=ButtonGroup.module.css.js.map

package/dist/esm/components/ButtonGroup/ButtonGroup.module.css.js.map CHANGED Viewed

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

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

@@ -3,6 +3,7 @@ import { jsx } from 'react/jsx-runtime';
 import { forwardRef, useState, useCallback } from 'react';
 import { cn } from '../../lib/cva.js';
 import styles from './ButtonGroup.module.css.js';
+import { Icon as SvgImage } from '../Icon/index.js';
 import { cva } from 'class-variance-authority';
 const wrapperVariants = cva(styles.buttongroup, {
@@ -25,12 +26,26 @@ const buttonVariants = cva(styles.button, {
       default: styles["button_type_default"],
       borderless: styles["button_type_borderless"]
     },
+    iconOnly: {
+      true: "",
+      false: ""
+    },
     fillWidth: {
       true: styles["button_fillwidth"]
     }
   },
+  compoundVariants: [{
+    iconOnly: true,
+    type: "default",
+    class: styles["button_icon-only_default"]
+  }, {
+    iconOnly: true,
+    type: "borderless",
+    class: styles["button_icon-only_borderless"]
+  }],
   defaultVariants: {
-    type: "default"
+    type: "default",
+    iconOnly: false
   }
 });
 const normalizeToSet = (value) => {
@@ -52,6 +67,7 @@ const ButtonGroup = forwardRef(({
   fillWidth = false,
   onClick,
   type = "default",
+  iconOnly = false,
   multiple = false,
   className,
   ...props
@@ -79,14 +95,17 @@ const ButtonGroup = forwardRef(({
   const buttons = options.map(({
     value,
     label,
+    icon,
     className: optionClassName,
+    "aria-label": ariaLabel,
     ...buttonProps
   }) => {
     const isActive = isValueSelected(value, currentSelection);
     return /* @__PURE__ */ jsx("button", { className: cn(buttonVariants({
       type,
+      iconOnly,
       fillWidth
-    }), optionClassName), "aria-pressed": isActive, onClick: () => onButtonGroupClickCommonHandler(value), role: "button", ...buttonProps, children: label }, value);
+    }), optionClassName), "aria-pressed": isActive, onClick: () => onButtonGroupClickCommonHandler(value), role: "button", ...buttonProps, "aria-label": ariaLabel ?? (iconOnly && icon ? icon.toString() : void 0), children: iconOnly && icon ? /* @__PURE__ */ jsx("span", { className: cn(styles.button__icon, type === "borderless" && styles["button__icon_height_line"]), children: /* @__PURE__ */ jsx(SvgImage, { name: icon, size: "sm", "aria-hidden": true }) }) : label }, value);
   });
   return /* @__PURE__ */ jsx("div", { ref, ...props, className: cn(wrapperVariants({
     type,

package/dist/esm/components/ButtonGroup/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../src/components/ButtonGroup/ButtonGroup.tsx"],"sourcesContent":["import { forwardRef, useCallback, useState } from 'react';\nimport { cn, cva } from '@/lib/cva';\nimport { ButtonGroupProps, SelectionValue } from './ButtonGroup.types';\nimport styles from './ButtonGroup.module.css';\n\nconst wrapperVariants = cva(styles.buttongroup, {\n variants: {\n type: {\n default: styles['buttongroup_type_default'],\n borderless: styles['buttongroup_type_borderless'],\n },\n fillWidth: {\n true: styles['buttongroup_fillwidth'],\n },\n },\n defaultVariants: { type: 'default' },\n});\n\nconst buttonVariants = cva(styles.button, {\n variants: {\n type: {\n default: styles['button_type_default'],\n borderless: styles['button_type_borderless'],\n },\n fillWidth: {\n true: styles['button_fillwidth'],\n },\n },\n defaultVariants: { type: 'default' },\n});\n\nconst normalizeToSet = (value: SelectionValue \| undefined): Set<string> => {\n if (value === undefined) {\n return new Set();\n }\n if (value instanceof Set) {\n return new Set(value);\n }\n return new Set([value]);\n};\n\nconst isValueSelected = (value: string, selection: Set<string>): boolean => {\n return selection.has(value);\n};\n\nexport const ButtonGroup = forwardRef<HTMLDivElement, ButtonGroupProps>(\n (\n {\n options,\n selected,\n defaultSelected,\n fillWidth = false,\n onClick,\n type = 'default',\n multiple = false,\n className,\n ...props\n },\n ref\n ) => {\n const [internalSelection, setInternalSelection] = useState<Set<string>>(() =>\n normalizeToSet(defaultSelected)\n );\n\n // Use `selected` if the parent needs to own\n // or sync the selection state management (controlled\n // by consumer app)\n // Use `defaultSelected` if the component can manage\n // its own state independently (uncontrolled)\n const isControlled = selected !== undefined;\n const currentSelection = isControlled ? normalizeToSet(selected) : internalSelection;\n\n const onButtonGroupClickCommonHandler = useCallback(\n (value: string) => {\n let newSelection: Set<string>;\n\n if (multiple) {\n newSelection = new Set(currentSelection);\n if (newSelection.has(value)) {\n newSelection.delete(value);\n } else {\n newSelection.add(value);\n }\n } else {\n newSelection = new Set([value]);\n }\n\n if (!isControlled) {\n setInternalSelection(newSelection);\n }\n\n // WARN: Single mode returns string\n // while multiple mode returns Set (DS)\n onClick?.(value, multiple ? newSelection : value);\n },\n [currentSelection, multiple, isControlled, onClick]\n );\n\n const buttons = options.map(\n ({ value, label, className: optionClassName, ...buttonProps }) => {\n const isActive = isValueSelected(value, currentSelection);\n\n return (\n <button\n key={value}\n className={cn(buttonVariants({ type, fillWidth }), optionClassName)}\n aria-pressed={isActive}\n onClick={() => onButtonGroupClickCommonHandler(value)}\n role=\"button\"\n {...buttonProps}\n >\n {label}\n </button>\n );\n }\n );\n\n return (\n <div\n ref={ref}\n {...props}\n className={cn(wrapperVariants({ type, fillWidth }), className)}\n role=\"group\"\n >\n {buttons}\n </div>\n );\n }\n);\n\nButtonGroup.displayName = 'ButtonGroup';\n"],"names":["wrapperVariants","cva","styles","buttongroup","variants","type","default","borderless","fillWidth","true","defaultVariants","buttonVariants","button","normalizeToSet","value","undefined","Set","isValueSelected","selection","has","ButtonGroup","forwardRef","options","selected","defaultSelected","onClick","multiple","className","props","ref","internalSelection","setInternalSelection","useState","isControlled","currentSelection","onButtonGroupClickCommonHandler","useCallback","newSelection","delete","add","buttons","map","label","optionClassName","buttonProps","isActive","cn","displayName"],"mappings":"~~;;;;;;AAKA~~,MAAMA,eAAAA,GAAkBC,GAAAA,CAAIC,MAAAA,CAAOC,WAAAA,EAAa;AAAA,EAC9CC,QAAAA,EAAU;AAAA,IACRC,IAAAA,EAAM;AAAA,MACJC,OAAAA,EAASJ,OAAO,0BAA0B,CAAA;AAAA,MAC1CK,UAAAA,EAAYL,OAAO,6BAA6B;AAAA,KAClD;AAAA,IACAM,SAAAA,EAAW;AAAA,MACTC,IAAAA,EAAMP,OAAO,uBAAuB;AAAA;AACtC,GACF;AAAA,EACAQ,eAAAA,EAAiB;AAAA,IAAEL,IAAAA,EAAM;AAAA;AAC3B,CAAC,CAAA;AAED,MAAMM,cAAAA,GAAiBV,GAAAA,CAAIC,MAAAA,CAAOU,MAAAA,EAAQ;AAAA,EACxCR,QAAAA,EAAU;AAAA,IACRC,IAAAA,EAAM;AAAA,MACJC,OAAAA,EAASJ,OAAO,qBAAqB,CAAA;AAAA,MACrCK,UAAAA,EAAYL,OAAO,wBAAwB;AAAA,KAC7C;AAAA,~~IACAM~~,SAAAA,EAAW;AAAA,MACTC,IAAAA,EAAMP,OAAO,kBAAkB;AAAA;AACjC,GACF;AAAA,~~EACAQ~~,eAAAA,EAAiB;AAAA,IAAEL,IAAAA,EAAM;AAAA;~~AAC3B~~,CAAC,CAAA;AAED,~~MAAMQ~~,cAAAA,GAAiBA,CAACC,KAAAA,KAAmD;AACzE,EAAA,IAAIA,UAAUC,MAAAA,EAAW;AACvB,IAAA,2BAAWC,GAAAA,EAAI;AAAA,EACjB;AACA,EAAA,IAAIF,iBAAiBE,GAAAA,EAAK;AACxB,IAAA,OAAO,IAAIA,IAAIF,KAAK,CAAA;AAAA,EACtB;AACA,EAAA,uBAAO,IAAIE,GAAAA,CAAI,CAACF,KAAK,CAAC,CAAA;AACxB,CAAA;AAEA,MAAMG,eAAAA,GAAkBA,CAACH,KAAAA,EAAeI,SAAAA,KAAoC;AAC1E,EAAA,OAAOA,SAAAA,CAAUC,IAAIL,KAAK,CAAA;AAC5B,CAAA;AAEO,MAAMM,WAAAA,GAAcC,WACzB,CACE;AAAA,EACEC,OAAAA;AAAAA,EACAC,QAAAA;AAAAA,EACAC,eAAAA;AAAAA,~~EACAhB~~,SAAAA,GAAY,KAAA;AAAA,~~EACZiB~~,OAAAA;AAAAA,~~EACApB~~,IAAAA,GAAO,SAAA;AAAA,~~EACPqB~~,QAAAA,GAAW,KAAA;AAAA,EACXC,SAAAA;AAAAA,EACA,GAAGC;AACL,CAAA,EACAC,GAAAA,KACG;AACH,EAAA,MAAM,CAACC,mBAAmBC,oBAAoB,CAAA,GAAIC,SAAsB,MACtEnB,cAAAA,CAAeW,eAAe,CAChC,CAAA;AAOA,EAAA,MAAMS,eAAeV,QAAAA,KAAaR,MAAAA;AAClC,EAAA,MAAMmB,gBAAAA,GAAmBD,YAAAA,GAAepB,cAAAA,CAAeU,QAAQ,CAAA,GAAIO,iBAAAA;AAEnE,EAAA,MAAMK,+BAAAA,GAAkCC,WAAAA,CACtC,CAACtB,KAAAA,KAAkB;AACjB,IAAA,IAAIuB,YAAAA;AAEJ,IAAA,IAAIX,QAAAA,EAAU;AACZW,MAAAA,YAAAA,GAAe,IAAIrB,IAAIkB,gBAAgB,CAAA;AACvC,MAAA,IAAIG,YAAAA,CAAalB,GAAAA,CAAIL,KAAK,CAAA,EAAG;AAC3BuB,QAAAA,YAAAA,CAAaC,OAAOxB,KAAK,CAAA;AAAA,MAC3B,CAAA,MAAO;AACLuB,QAAAA,YAAAA,CAAaE,IAAIzB,KAAK,CAAA;AAAA,MACxB;AAAA,IACF,CAAA,MAAO;AACLuB,MAAAA,YAAAA,mBAAe,IAAIrB,GAAAA,CAAI,CAACF,KAAK,CAAC,CAAA;AAAA,IAChC;AAEA,IAAA,IAAI,CAACmB,YAAAA,EAAc;AACjBF,MAAAA,oBAAAA,CAAqBM,YAAY,CAAA;AAAA,IACnC;AAIAZ,IAAAA,OAAAA,GAAUX,KAAAA,EAAOY,QAAAA,GAAWW,YAAAA,GAAevB,KAAK,CAAA;AAAA,EAClD,GACA,CAACoB,gBAAAA,EAAkBR,QAAAA,EAAUO,YAAAA,EAAcR,OAAO,CACpD,CAAA;AAEA,EAAA,MAAMe,OAAAA,GAAUlB,OAAAA,CAAQmB,GAAAA,CACtB,CAAC;AAAA,~~IAAE3B~~,KAAAA;AAAAA,~~IAAO4B~~,KAAAA;AAAAA,~~IAAOf~~,SAAAA,~~EAAWgB~~,eAAAA;AAAAA,~~IAAiB~~,GAAGC;AAAAA,~~GAAY~~,KAAM;~~AAChE~~,IAAA,MAAMC,QAAAA,~~GAAW5B~~,eAAAA,CAAgBH,KAAAA,EAAOoB,gBAAgB,CAAA;AAExD,IAAA,uBACE,GAAA,CAAC,QAAA,EAAA,EAEC,SAAA,~~EAAWY~~,EAAAA,~~CAAGnC~~,cAAAA,CAAe;AAAA,MAAEN,IAAAA;AAAAA,~~MAAMG~~;AAAAA,KAAW,~~CAAA~~,~~EAAGmC,~~eAAe,CAAA,~~EAClE~~,~~cAAA~~,~~EAAcE~~,~~UACd~~,OAAA,EAAS,~~MAAMV~~,+BAAAA,CAAgCrB,KAAK,~~GACpD~~,IAAA,EAAK,~~QAAA~~,EACL,~~GAAI8B~~,~~WAAAA~~,~~EAEHF~~,~~mBAPI5B~~,~~KAQP~~,CAAA;AAAA,EAEJ,CACF,CAAA;AAEA,EAAA,2BACG,KAAA,EAAA,EACC,GAAA,KACIc,KAAAA,EACJ,SAAA,~~EAAWkB~~,~~GAAG9C~~,eAAAA,CAAgB;AAAA,IAAEK,IAAAA;AAAAA,IAAMG;AAAAA,GAAW,CAAA,~~EAAGmB~~,SAAS,CAAA,EAC7D,IAAA,EAAK,SAEJa,QAAAA,EAAAA,OAAAA,EACH,CAAA;AAEJ,CACF;AAEApB,WAAAA,~~CAAY2B~~,WAAAA,GAAc,aAAA;;;;"}
1	+ {"version":3,"file":"index.js","sources":["../../../../src/components/ButtonGroup/ButtonGroup.tsx"],"sourcesContent":["import { forwardRef, useCallback, useState } from 'react';\nimport { Icon } from '@/components/Icon';\nimport { cn, cva } from '@/lib/cva';\nimport { ButtonGroupProps, SelectionValue } from './ButtonGroup.types';\nimport styles from './ButtonGroup.module.css';\n\nconst wrapperVariants = cva(styles.buttongroup, {\n variants: {\n type: {\n default: styles['buttongroup_type_default'],\n borderless: styles['buttongroup_type_borderless'],\n },\n fillWidth: {\n true: styles['buttongroup_fillwidth'],\n },\n },\n defaultVariants: { type: 'default' },\n});\n\nconst buttonVariants = cva(styles.button, {\n variants: {\n type: {\n default: styles['button_type_default'],\n borderless: styles['button_type_borderless'],\n },\n iconOnly: {\n true: '',\n false: '',\n },\n fillWidth: {\n true: styles['button_fillwidth'],\n },\n },\n compoundVariants: [\n {\n iconOnly: true,\n type: 'default',\n class: styles['button_icon-only_default'],\n },\n {\n iconOnly: true,\n type: 'borderless',\n class: styles['button_icon-only_borderless'],\n },\n ],\n defaultVariants: { type: 'default', iconOnly: false },\n});\n\nconst normalizeToSet = (value: SelectionValue \| undefined): Set<string> => {\n if (value === undefined) {\n return new Set();\n }\n if (value instanceof Set) {\n return new Set(value);\n }\n return new Set([value]);\n};\n\nconst isValueSelected = (value: string, selection: Set<string>): boolean => {\n return selection.has(value);\n};\n\nexport const ButtonGroup = forwardRef<HTMLDivElement, ButtonGroupProps>(\n (\n {\n options,\n selected,\n defaultSelected,\n fillWidth = false,\n onClick,\n type = 'default',\n iconOnly = false,\n multiple = false,\n className,\n ...props\n },\n ref\n ) => {\n const [internalSelection, setInternalSelection] = useState<Set<string>>(() =>\n normalizeToSet(defaultSelected)\n );\n\n // Use `selected` if the parent needs to own\n // or sync the selection state management (controlled\n // by consumer app)\n // Use `defaultSelected` if the component can manage\n // its own state independently (uncontrolled)\n const isControlled = selected !== undefined;\n const currentSelection = isControlled ? normalizeToSet(selected) : internalSelection;\n\n const onButtonGroupClickCommonHandler = useCallback(\n (value: string) => {\n let newSelection: Set<string>;\n\n if (multiple) {\n newSelection = new Set(currentSelection);\n if (newSelection.has(value)) {\n newSelection.delete(value);\n } else {\n newSelection.add(value);\n }\n } else {\n newSelection = new Set([value]);\n }\n\n if (!isControlled) {\n setInternalSelection(newSelection);\n }\n\n // WARN: Single mode returns string\n // while multiple mode returns Set (DS)\n onClick?.(value, multiple ? newSelection : value);\n },\n [currentSelection, multiple, isControlled, onClick]\n );\n\n const buttons = options.map(\n ({\n value,\n label,\n icon,\n className: optionClassName,\n 'aria-label': ariaLabel,\n ...buttonProps\n }) => {\n const isActive = isValueSelected(value, currentSelection);\n\n return (\n <button\n key={value}\n className={cn(buttonVariants({ type, iconOnly, fillWidth }), optionClassName)}\n aria-pressed={isActive}\n onClick={() => onButtonGroupClickCommonHandler(value)}\n role=\"button\"\n {...buttonProps}\n aria-label={ariaLabel ?? (iconOnly && icon ? icon.toString() : undefined)}\n >\n {iconOnly && icon ? (\n <span\n className={cn(\n styles.button__icon,\n type === 'borderless' && styles['button__icon_height_line']\n )}\n >\n <Icon\n name={icon}\n size=\"sm\"\n aria-hidden\n />\n </span>\n ) : (\n label\n )}\n </button>\n );\n }\n );\n\n return (\n <div\n ref={ref}\n {...props}\n className={cn(wrapperVariants({ type, fillWidth }), className)}\n role=\"group\"\n >\n {buttons}\n </div>\n );\n }\n);\n\nButtonGroup.displayName = 'ButtonGroup';\n"],"names":["wrapperVariants","cva","styles","buttongroup","variants","type","default","borderless","fillWidth","true","defaultVariants","buttonVariants","button","iconOnly","false","compoundVariants","class","normalizeToSet","value","undefined","Set","isValueSelected","selection","has","ButtonGroup","forwardRef","options","selected","defaultSelected","onClick","multiple","className","props","ref","internalSelection","setInternalSelection","useState","isControlled","currentSelection","onButtonGroupClickCommonHandler","useCallback","newSelection","delete","add","buttons","map","label","icon","optionClassName","ariaLabel","buttonProps","isActive","cn","toString","button__icon","Icon","displayName"],"mappings":"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"}

package/dist/esm/components/CardPrimary/CardPrimaryTopBadge.js CHANGED Viewed

@@ -1,3 +1,4 @@
+import "./CardPrimary.css";
 import { jsx } from 'react/jsx-runtime';
 import { cn } from '../../lib/cva.js';
 import styles from './CardPrimary.module.css.js';

package/dist/esm/components/Collapsible/IconWrapper.js CHANGED Viewed

@@ -1,3 +1,4 @@
+import "./Collapsible.css";
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { cn } from '../../lib/cva.js';
 import styles from './Collapsible.module.css.js';

package/dist/esm/components/Container/Container.css CHANGED Viewed

@@ -1,4 +1,8 @@
-.container__JMoiT {
+/* Kept at zero specificity via :where() so that modifier classes (e.g.
+   .container_padding_md) and downstream styled-components overrides on a
+   styled(Container) both win without needing a specificity hack — Container is
+   a CSS Module, whose rules otherwise beat equal-specificity styled-components. */
+:where(.container__JMoiT) {
   /* These props are only emitted as inline custom properties when the
      matching Container prop is set (grow, shrink, fillHeight, minHeight,
      maxHeight, overflow). Custom properties inherit by default, so without

package/dist/esm/components/ContextMenu/index.js CHANGED Viewed

@@ -6,6 +6,7 @@ import { GenericMenuPanel, GenericMenuItem, Arrow } from '../GenericMenu/index.j
 import Popover_Arrow from '../Assets/Icons/Popover-Arrow.js';
 import { IconWrapper } from '../IconWrapper/index.js';
 import { useInputModality } from '../../hooks/internal/useInputModality.js';
+import { useResolvedPortalContainer } from '../../providers/PortalContext.js';
 import { Icon as SvgImage } from '../Icon/index.js';
 const ContextMenu = (props) => /* @__PURE__ */ jsx(RightMenu.Root, { ...props });
@@ -63,6 +64,7 @@ const RightMenuContent = styled(GenericMenuPanel).withConfig({
 const ContextMenuContent = ({
   sub,
   children,
+  container,
   showArrow,
   // TODO: remove deprecated side and align
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
@@ -73,7 +75,8 @@ const ContextMenuContent = ({
 }) => {
   const ContentElement = sub ? RightMenu.SubContent : RightMenu.Content;
   const inputModalityProps = useInputModality();
-  return /* @__PURE__ */ jsx(RightMenu.Portal, { children: /* @__PURE__ */ jsxs(RightMenuContent, { ...props, $type: "context-menu", $showArrow: showArrow, as: ContentElement, ...inputModalityProps, children: [
+  const portalContainer = useResolvedPortalContainer(container);
+  return /* @__PURE__ */ jsx(RightMenu.Portal, { container: portalContainer, children: /* @__PURE__ */ jsxs(RightMenuContent, { ...props, $type: "context-menu", $showArrow: showArrow, as: ContentElement, ...inputModalityProps, children: [
     showArrow && /* @__PURE__ */ jsx(Arrow, { asChild: true, as: RightMenu.Arrow, width: 20, height: 10, children: /* @__PURE__ */ jsx(Popover_Arrow, { className: "popover-arrow" }) }),
     children
   ] }) });

package/dist/esm/components/ContextMenu/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../src/components/ContextMenu/ContextMenu.tsx"],"sourcesContent":["import * as RightMenu from '@radix-ui/react-context-menu';\nimport { styled } from 'styled-components';\nimport { forwardRef } from 'react';\nimport type { HorizontalDirection } from '@/types';\nimport { Icon } from '@/components/Icon';\nimport type { IconName } from '@/components/Icon';\nimport { Arrow, GenericMenuItem, GenericMenuPanel } from '@/components/GenericMenu';\nimport Popover_Arrow from '@/components/Assets/Icons/Popover-Arrow';\nimport { IconWrapper } from '@/components/IconWrapper/IconWrapper';\nimport { useInputModality } from '@/hooks/internal';\nimport type { ArrowProps, ContextMenuItemProps } from './ContextMenu.types';\n\nexport const ContextMenu = (props: RightMenu.ContextMenuProps) => (\n <RightMenu.Root {...props} />\n);\n\nconst TriggerDiv = styled.div`\n &:focus-visible {\n outline: 2px solid ${({ theme }) => theme.click.global.color.outline.default};\n outline-offset: 2px;\n }\n`;\n\nconst ContextMenuTrigger = forwardRef<HTMLDivElement, RightMenu.ContextMenuTriggerProps>(\n ({ disabled, ...props }, ref) => {\n return (\n <RightMenu.Trigger\n asChild\n disabled={disabled}\n >\n <TriggerDiv\n ref={ref}\n {...props}\n />\n </RightMenu.Trigger>\n );\n }\n);\n\nContextMenuTrigger.displayName = 'ContextMenuTrigger';\nContextMenu.Trigger = ContextMenuTrigger;\n\ninterface ContextMenuSubTriggerProps extends RightMenu.ContextMenuSubTriggerProps {\n icon?: IconName;\n iconDir?: HorizontalDirection;\n}\nconst ContextMenuSubTrigger = ({\n icon,\n iconDir,\n children,\n ...props\n}: ContextMenuSubTriggerProps) => {\n return (\n <GenericMenuItem\n as={RightMenu.SubTrigger}\n {...props}\n >\n <IconWrapper\n icon={icon}\n iconDir={iconDir}\n >\n {children}\n </IconWrapper>\n <div className=\"dropdown-arrow\">\n <Icon name=\"chevron-right\" />\n </div>\n </GenericMenuItem>\n );\n};\n\nContextMenuSubTrigger.displayName = 'ContextMenuSubTrigger';\nContextMenu.SubTrigger = ContextMenuSubTrigger;\n\ntype DeprecatedFields = {\n /** @deprecated The side field have been deprecated. See https://github.com/ClickHouse/click-ui/pull/756/files#diff-801534275d6fc19b60543371f1055838e7d60942fa4005c3ab1623293e10fb7fR24 /\n side?: string;\n /* @deprecated The align field have been deprecated. See https://github.com/ClickHouse/click-ui/pull/756/files#diff-801534275d6fc19b60543371f1055838e7d60942fa4005c3ab1623293e10fb7fR24 */\n align?: string;\n};\n\ntype ContextMenuContentProps = RightMenu.ContextMenuContentProps & {\n sub?: true;\n} & ArrowProps &\n DeprecatedFields;\n\ntype ContextMenuSubContentProps = RightMenu.ContextMenuSubContentProps & {\n sub?: never;\n} & ArrowProps &\n DeprecatedFields;\n\nconst RightMenuContent = styled(GenericMenuPanel)<{ $showArrow?: boolean }>`\n flex-direction: column;\n z-index: 1;\n ${({ $showArrow }) =>\n $showArrow\n ? `\n &[data-side=\"bottom\"] {\n margin-top: -1px;\n }\n &[data-side=\"top\"] {\n margin-bottom: -1px;\n }\n &[data-side=\"left\"] {\n margin-right: -1px;\n .popover-arrow {\n margin-right: 1rem;\n }\n }\n }\n &[data-side=\"right\"] {\n margin-left: -1px;\n .popover-arrow {\n margin-left: 1rem;\n }\n }\n `\n : ''};\n`;\n\nconst ContextMenuContent = ({\n sub,\n children,\n showArrow,\n // TODO: remove deprecated side and align\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n side,\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n align,\n ...props\n}: ContextMenuContentProps \| ContextMenuSubContentProps) => {\n const ContentElement = sub ? RightMenu.SubContent : RightMenu.Content;\n const inputModalityProps = useInputModality();\n return (\n <RightMenu.Portal>\n <RightMenuContent\n {...props}\n $type=\"context-menu\"\n $showArrow={showArrow}\n as={ContentElement}\n {...inputModalityProps}\n >\n {showArrow && (\n <Arrow\n asChild\n as={RightMenu.Arrow}\n width={20}\n height={10}\n >\n <Popover_Arrow className=\"popover-arrow\" />\n </Arrow>\n )}\n {children}\n </RightMenuContent>\n </RightMenu.Portal>\n );\n};\n\nContextMenuContent.displayName = 'ContextMenuContent';\nContextMenu.Content = ContextMenuContent;\n\nconst RightMenuGroup = styled(RightMenu.Group)`\n width: 100%;\n border-bottom: 1px solid\n ${({ theme }) => theme.click.genericMenu.item.color.default.stroke.default};\n`;\n\nconst ContextMenuGroup = (props: RightMenu.ContextMenuGroupProps) => {\n return <RightMenuGroup {...props} />;\n};\n\nContextMenuGroup.displayName = 'ContextMenuGroup';\nContextMenu.Group = ContextMenuGroup;\n\nconst RightMenuSub = styled(RightMenu.Sub)`\n border-bottom: 1px solid\n ${({ theme }) => theme.click.genericMenu.item.color.default.stroke.default};\n`;\n\nconst ContextMenuSub = ({ ...props }: RightMenu.ContextMenuGroupProps) => {\n return <RightMenuSub {...props} />;\n};\n\nContextMenuSub.displayName = 'ContextMenuSub';\nContextMenu.Sub = ContextMenuSub;\n\nconst ContextMenuItem = ({\n icon,\n iconDir,\n type = 'default',\n children,\n ...props\n}: ContextMenuItemProps) => {\n return (\n <GenericMenuItem\n as={RightMenu.Item}\n $type={type}\n {...props}\n >\n <IconWrapper\n icon={icon}\n iconDir={iconDir}\n >\n {children}\n </IconWrapper>\n </GenericMenuItem>\n );\n};\n\nContextMenuItem.displayName = 'ContextMenuItem';\nContextMenu.Item = ContextMenuItem;\n\nexport default ContextMenu;\n"],"names":["ContextMenu","props","TriggerDiv","styled","div","withConfig","componentId","theme","click","global","color","outline","default","ContextMenuTrigger","forwardRef","disabled","ref","displayName","Trigger","ContextMenuSubTrigger","icon","iconDir","children","RightMenu","SubTrigger","Icon","RightMenuContent","GenericMenuPanel","$showArrow","ContextMenuContent","sub","showArrow","side","align","ContentElement","SubContent","Content","inputModalityProps","useInputModality","Arrow","RightMenuGroup","Group","genericMenu","item","stroke","ContextMenuGroup","RightMenuSub","Sub","ContextMenuSub","ContextMenuItem","type","Item"],"mappings":"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"}
1	+ {"version":3,"file":"index.js","sources":["../../../../src/components/ContextMenu/ContextMenu.tsx"],"sourcesContent":["import * as RightMenu from '@radix-ui/react-context-menu';\nimport { styled } from 'styled-components';\nimport { forwardRef } from 'react';\nimport type { HorizontalDirection } from '@/types';\nimport { Icon } from '@/components/Icon';\nimport type { IconName } from '@/components/Icon';\nimport { Arrow, GenericMenuItem, GenericMenuPanel } from '@/components/GenericMenu';\nimport Popover_Arrow from '@/components/Assets/Icons/Popover-Arrow';\nimport { IconWrapper } from '@/components/IconWrapper/IconWrapper';\nimport { useInputModality } from '@/hooks/internal';\nimport type { ArrowProps, ContextMenuItemProps } from './ContextMenu.types';\nimport { useResolvedPortalContainer } from '@/providers/PortalContext';\n\nexport const ContextMenu = (props: RightMenu.ContextMenuProps) => (\n <RightMenu.Root {...props} />\n);\n\nconst TriggerDiv = styled.div`\n &:focus-visible {\n outline: 2px solid ${({ theme }) => theme.click.global.color.outline.default};\n outline-offset: 2px;\n }\n`;\n\nconst ContextMenuTrigger = forwardRef<HTMLDivElement, RightMenu.ContextMenuTriggerProps>(\n ({ disabled, ...props }, ref) => {\n return (\n <RightMenu.Trigger\n asChild\n disabled={disabled}\n >\n <TriggerDiv\n ref={ref}\n {...props}\n />\n </RightMenu.Trigger>\n );\n }\n);\n\nContextMenuTrigger.displayName = 'ContextMenuTrigger';\nContextMenu.Trigger = ContextMenuTrigger;\n\ninterface ContextMenuSubTriggerProps extends RightMenu.ContextMenuSubTriggerProps {\n icon?: IconName;\n iconDir?: HorizontalDirection;\n}\nconst ContextMenuSubTrigger = ({\n icon,\n iconDir,\n children,\n ...props\n}: ContextMenuSubTriggerProps) => {\n return (\n <GenericMenuItem\n as={RightMenu.SubTrigger}\n {...props}\n >\n <IconWrapper\n icon={icon}\n iconDir={iconDir}\n >\n {children}\n </IconWrapper>\n <div className=\"dropdown-arrow\">\n <Icon name=\"chevron-right\" />\n </div>\n </GenericMenuItem>\n );\n};\n\nContextMenuSubTrigger.displayName = 'ContextMenuSubTrigger';\nContextMenu.SubTrigger = ContextMenuSubTrigger;\n\ntype DeprecatedFields = {\n /** @deprecated The side field have been deprecated. See https://github.com/ClickHouse/click-ui/pull/756/files#diff-801534275d6fc19b60543371f1055838e7d60942fa4005c3ab1623293e10fb7fR24 /\n side?: string;\n /* @deprecated The align field have been deprecated. See https://github.com/ClickHouse/click-ui/pull/756/files#diff-801534275d6fc19b60543371f1055838e7d60942fa4005c3ab1623293e10fb7fR24 */\n align?: string;\n};\n\ntype ContextMenuContentProps = RightMenu.ContextMenuContentProps & {\n sub?: true;\n container?: HTMLElement \| null;\n} & ArrowProps &\n DeprecatedFields;\n\ntype ContextMenuSubContentProps = RightMenu.ContextMenuSubContentProps & {\n sub?: never;\n container?: HTMLElement \| null;\n} & ArrowProps &\n DeprecatedFields;\n\nconst RightMenuContent = styled(GenericMenuPanel)<{ $showArrow?: boolean }>`\n flex-direction: column;\n z-index: 1;\n ${({ $showArrow }) =>\n $showArrow\n ? `\n &[data-side=\"bottom\"] {\n margin-top: -1px;\n }\n &[data-side=\"top\"] {\n margin-bottom: -1px;\n }\n &[data-side=\"left\"] {\n margin-right: -1px;\n .popover-arrow {\n margin-right: 1rem;\n }\n }\n }\n &[data-side=\"right\"] {\n margin-left: -1px;\n .popover-arrow {\n margin-left: 1rem;\n }\n }\n `\n : ''};\n`;\n\nconst ContextMenuContent = ({\n sub,\n children,\n container,\n showArrow,\n // TODO: remove deprecated side and align\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n side,\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n align,\n ...props\n}: ContextMenuContentProps \| ContextMenuSubContentProps) => {\n const ContentElement = sub ? RightMenu.SubContent : RightMenu.Content;\n const inputModalityProps = useInputModality();\n const portalContainer = useResolvedPortalContainer(container);\n\n return (\n <RightMenu.Portal container={portalContainer}>\n <RightMenuContent\n {...props}\n $type=\"context-menu\"\n $showArrow={showArrow}\n as={ContentElement}\n {...inputModalityProps}\n >\n {showArrow && (\n <Arrow\n asChild\n as={RightMenu.Arrow}\n width={20}\n height={10}\n >\n <Popover_Arrow className=\"popover-arrow\" />\n </Arrow>\n )}\n {children}\n </RightMenuContent>\n </RightMenu.Portal>\n );\n};\n\nContextMenuContent.displayName = 'ContextMenuContent';\nContextMenu.Content = ContextMenuContent;\n\nconst RightMenuGroup = styled(RightMenu.Group)`\n width: 100%;\n border-bottom: 1px solid\n ${({ theme }) => theme.click.genericMenu.item.color.default.stroke.default};\n`;\n\nconst ContextMenuGroup = (props: RightMenu.ContextMenuGroupProps) => {\n return <RightMenuGroup {...props} />;\n};\n\nContextMenuGroup.displayName = 'ContextMenuGroup';\nContextMenu.Group = ContextMenuGroup;\n\nconst RightMenuSub = styled(RightMenu.Sub)`\n border-bottom: 1px solid\n ${({ theme }) => theme.click.genericMenu.item.color.default.stroke.default};\n`;\n\nconst ContextMenuSub = ({ ...props }: RightMenu.ContextMenuGroupProps) => {\n return <RightMenuSub {...props} />;\n};\n\nContextMenuSub.displayName = 'ContextMenuSub';\nContextMenu.Sub = ContextMenuSub;\n\nconst ContextMenuItem = ({\n icon,\n iconDir,\n type = 'default',\n children,\n ...props\n}: ContextMenuItemProps) => {\n return (\n <GenericMenuItem\n as={RightMenu.Item}\n $type={type}\n {...props}\n >\n <IconWrapper\n icon={icon}\n iconDir={iconDir}\n >\n {children}\n </IconWrapper>\n </GenericMenuItem>\n );\n};\n\nContextMenuItem.displayName = 'ContextMenuItem';\nContextMenu.Item = ContextMenuItem;\n\nexport default ContextMenu;\n"],"names":["ContextMenu","props","TriggerDiv","styled","div","withConfig","componentId","theme","click","global","color","outline","default","ContextMenuTrigger","forwardRef","disabled","ref","displayName","Trigger","ContextMenuSubTrigger","icon","iconDir","children","RightMenu","SubTrigger","Icon","RightMenuContent","GenericMenuPanel","$showArrow","ContextMenuContent","sub","container","showArrow","side","align","ContentElement","SubContent","Content","inputModalityProps","useInputModality","portalContainer","useResolvedPortalContainer","Arrow","RightMenuGroup","Group","genericMenu","item","stroke","ContextMenuGroup","RightMenuSub","Sub","ContextMenuSub","ContextMenuItem","type","Item"],"mappings":"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"}

package/dist/esm/components/DatePicker/Common.js CHANGED Viewed

@@ -531,7 +531,7 @@ const CalendarRenderer = ({
       return /* @__PURE__ */ jsx("tbody", { children: /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx("td", { colSpan: DAYS_IN_WEEK, children: renderYearsGrid() }) }) });
     }
     return /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsx("tr", { children: headers.weekDays.map(({
+      /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsx("tr", { children: headers.weekdays.map(({
         key,
         value: date
       }) => {