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/esm/components/AutoComplete/index.js CHANGED Viewed

@@ -1,7 +1,8 @@
+import "./AutoComplete.css";
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { useId, useState, useRef, useCallback, useEffect, useMemo, forwardRef, Children, isValidElement } from 'react';
-import { Trigger, Portal, Root, Content } from '@radix-ui/react-popover';
-import { styled } from 'styled-components';
+import { Root, Trigger, Portal, Content } from '@radix-ui/react-popover';
+import { cn } from '../../lib/cva.js';
 import { GenericMenuItem } from '../GenericMenu/index.js';
 import { IconWrapper } from '../IconWrapper/index.js';
 import { getTextFromNodes } from '../../lib/getTextFromNodes.js';
@@ -9,49 +10,12 @@ import { mergeRefs } from '../../utils/mergeRefs.js';
 import { useResolvedPortalContainer } from '../../providers/PortalContext.js';
 import { useSearch, useOption } from './useOption.js';
 import { OptionContext } from './OptionContext.js';
+import styles from './AutoComplete.module.css.js';
 import { SearchField } from '../SearchField/index.js';
 import { Icon as SvgImage } from '../Icon/index.js';
 import { Separator } from '../Separator/index.js';
-const SelectPopoverRoot = styled(Root).withConfig({
-  componentId: "sc-87wbnc-0"
-})(["width:100%;", " overflow:hidden;display:flex;padding:0.5rem 0rem;align-items:flex-start;gap:0.625rem;"], ({
-  theme
-}) => `
-    border: 1px solid ${theme.click.genericMenu.item.color.default.stroke.default};
-    background: ${theme.click.genericMenu.item.color.default.background.default};
-    box-shadow: 0px 1px 3px 0px rgba(16, 24, 40, 0.1),
-      0px 1px 2px 0px rgba(16, 24, 40, 0.06);
-    border-radius: 0.25rem;
-  `);
-const PopoverContent = styled(Content).withConfig({
-  componentId: "sc-87wbnc-1"
-})(["width:var(--radix-popover-trigger-width);display:flex;flex-direction:column;align-items:flex-start;gap:5px;"]);
-const SelectGroupContainer = styled.div.withConfig({
-  componentId: "sc-87wbnc-2"
-})(["display:flex;flex-direction:column;align-items:flex-start;justify-content:center;width:-webkit-fill-available;width:fill-available;width:stretch;overflow:hidden;background:transparent;&[aria-selected]{outline:none;}", ";&[hidden]{display:none;}"], ({
-  theme
-}) => `
-    font: ${theme.click.genericMenu.item.typography.sectionHeader.default};
-    color: ${theme.click.genericMenu.item.color.default.text.muted};
-  `);
-const SelectGroupName = styled.div.withConfig({
-  componentId: "sc-87wbnc-3"
-})(["display:flex;width:100%;flex-direction:column;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;", ""], ({
-  theme
-}) => `
-     font: ${theme.click.genericMenu.item.typography.sectionHeader.default};
-     color: ${theme.click.genericMenu.item.color.default.text.muted};
-     padding: ${theme.click.genericMenu.sectionHeader.space.top} ${theme.click.genericMenu.item.space.x} ${theme.click.genericMenu.sectionHeader.space.bottom};
-     gap: ${theme.click.genericMenu.item.space.gap};
-     border-bottom: 1px solid ${theme.click.genericMenu.item.color.default.stroke.default};
-   `);
-const SelectGroupContent = styled.div.withConfig({
-  componentId: "sc-87wbnc-4"
-})(["width:inherit;"]);
-const SelectListContent = styled.div.withConfig({
-  componentId: "sc-87wbnc-5"
-})(["width:inherit;overflow:overlay;flex:1;"]);
+const SelectPopoverRoot = Root;
 const childrenToComboboxItemArray = (children, callback, heading) => {
   return Children.toArray(children).flatMap((child) => {
     if (isValidElement(child) && child && typeof child === "object") {
@@ -83,26 +47,6 @@ const childrenToComboboxItemArray = (children, callback, heading) => {
     return [];
   });
 };
-const SelectNoDataContainer = styled.div.withConfig({
-  componentId: "sc-87wbnc-6"
-})(["border:none;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left;cursor:default;&[hidden='true']{display:none;}", ""], ({
-  theme
-}) => `
-    font: ${theme.click.genericMenu.button.typography.label.default}
-    padding: ${theme.click.genericMenu.button.space.y} ${theme.click.genericMenu.item.space.x};
-    background: ${theme.click.genericMenu.button.color.background.default};
-    color: ${theme.click.genericMenu.button.color.label.default};
-  `);
-const SelectList = styled.div.withConfig({
-  componentId: "sc-87wbnc-7"
-})(["display:flex;flex-direction:column;width:inherit;max-height:var(--radix-popover-content-available-height);", ""], ({
-  theme
-}) => `
-    border: 1px solid ${theme.click.genericMenu.item.color.default.stroke.default};
-    background: ${theme.click.genericMenu.item.color.default.background.default};
-    box-shadow: ${theme.click.genericMenu.panel.shadow.default};
-    border-radius: 0.25rem;
-  `);
 const AutoComplete = ({
   onSelect: onSelectProp,
   options,
@@ -286,7 +230,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, { container: portalContainer, children: /* @__PURE__ */ jsx(PopoverContent, { sideOffset: 5, onFocus, onCloseAutoFocus: () => {
+    /* @__PURE__ */ jsx(Portal, { container: portalContainer, children: /* @__PURE__ */ jsx(Content, { className: styles["popover-content"], sideOffset: 5, onFocus, onCloseAutoFocus: () => {
       onUpdateSearch("");
       inputRef.current?.focus();
     }, onOpenAutoFocus: (e) => {
@@ -295,8 +239,8 @@ const AutoComplete = ({
       inputRef.current?.focus();
     }, align: "start", onPointerDownOutside: () => {
       onOpenChange(false);
-    }, onFocusOutside, children: /* @__PURE__ */ jsxs(SelectList, { children: [
-      /* @__PURE__ */ jsx(SelectListContent, { children: /* @__PURE__ */ jsx(OptionContext.Provider, { value: optionContextValue, children: options && options.length > 0 ? options.map((optionProps, index) => {
+    }, onFocusOutside, children: /* @__PURE__ */ jsxs("div", { className: styles["select-list"], children: [
+      /* @__PURE__ */ jsx("div", { className: styles["select-list-content"], children: /* @__PURE__ */ jsx(OptionContext.Provider, { value: optionContextValue, children: options && options.length > 0 ? options.map((optionProps, index) => {
         if ("options" in optionProps) {
           const {
             options: itemList = [],
@@ -310,7 +254,7 @@ const AutoComplete = ({
           return /* @__PURE__ */ jsx(Item, { ...optionProps }, `autocomplete-${defaultId}-item-${index}`);
         }
       }) : children }) }),
-      visibleList.current.length === 0 && /* @__PURE__ */ jsxs(SelectNoDataContainer, { ...props, children: [
+      visibleList.current.length === 0 && /* @__PURE__ */ jsxs("div", { ...props, className: cn(styles["select-no-data-container"], props.className), children: [
         "No Options found",
         search.length > 0 ? ` for "${search}" ` : ""
       ] })
@@ -320,10 +264,11 @@ const AutoComplete = ({
 const Group = forwardRef(({
   children,
   heading,
+  className,
   ...props
 }, forwardedRef) => {
   useSearch();
-  return /* @__PURE__ */ jsxs(SelectGroupContainer, { ...props, ref: mergeRefs([forwardedRef, (node) => {
+  return /* @__PURE__ */ jsxs("div", { ...props, ref: mergeRefs([forwardedRef, (node) => {
     const hidden = node?.querySelectorAll("[cui-autocomplete-item]").length === 0;
     if (hidden) {
       node?.setAttribute("hidden", "");
@@ -331,17 +276,12 @@ const Group = forwardRef(({
       node?.removeAttribute("hidden");
     }
     node?.setAttribute("aria-hidden", hidden.toString());
-  }]), children: [
-    /* @__PURE__ */ jsx(SelectGroupName, { children: heading }),
-    /* @__PURE__ */ jsx(SelectGroupContent, { children })
+  }]), className: cn(styles["select-group-container"], className), children: [
+    /* @__PURE__ */ jsx("div", { className: styles["select-group-name"], children: heading }),
+    /* @__PURE__ */ jsx("div", { className: styles["select-group-content"], children })
   ] });
 });
 Group.displayName = "AutoComplete.Group";
-const CheckIcon = styled.svg.withConfig({
-  componentId: "sc-87wbnc-8"
-})(["opacity:", ";"], ({
-  $showCheck
-}) => $showCheck ? 1 : 0);
 const Item = forwardRef(({
   disabled = false,
   children,
@@ -384,7 +324,7 @@ const Item = forwardRef(({
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsxs(GenericMenuItem, { ...props, "data-value": value, onClick: onSelectValue, onMouseOver, ref: forwardedRef, "data-state": isChecked ? "checked" : "unchecked", "data-disabled": disabled ? true : void 0, "data-highlighted": highlighted == value ? "true" : void 0, "cui-autocomplete-item": "", children: [
       /* @__PURE__ */ jsx(IconWrapper, { icon, iconDir, children: label ?? children }),
-      /* @__PURE__ */ jsx(CheckIcon, { as: SvgImage, name: "check", size: "sm", $showCheck: isChecked })
+      /* @__PURE__ */ jsx(SvgImage, { className: cn(styles["check-icon"], isChecked && styles["check-icon_show-check"]), name: "check", size: "sm" })
     ] }),
     separator && /* @__PURE__ */ jsx(Separator, { size: "sm" })
   ] });

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';\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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"}
1	+ {"version":3,"file":"index.js","sources":["../../../../src/components/AutoComplete/AutoComplete.tsx"],"sourcesContent":["import {\n Children,\n FunctionComponent,\n HTMLAttributes,\n KeyboardEventHandler,\n MouseEventHandler,\n ReactNode,\n forwardRef,\n isValidElement,\n useCallback,\n useEffect,\n useId,\n useMemo,\n useRef,\n useState,\n} from 'react';\nimport { Portal, PopoverProps, Content, Root, Trigger } from '@radix-ui/react-popover';\n\nimport { HorizontalDirection } from '@/types';\nimport { cn } from '@/lib/cva';\nimport { SearchField } from '@/components/SearchField';\nimport { Separator } from '@/components/Separator';\nimport { Icon, type ImageName } from '@/components/Icon';\nimport { GenericMenuItem } from '@/components/GenericMenu';\nimport { IconWrapper } from '@/components/IconWrapper';\nimport { getTextFromNodes } from '@/lib/getTextFromNodes';\nimport { mergeRefs } from '@/utils/mergeRefs';\nimport { useResolvedPortalContainer } from '@/providers/PortalContext';\n\nimport { useOption, useSearch } from './useOption';\nimport { OptionContext } from './OptionContext';\nimport styles from './AutoComplete.module.css';\n\ntype DivProps = HTMLAttributes<HTMLDivElement>;\ninterface SelectItemComponentProps extends Omit<\n DivProps,\n 'disabled' \| 'onSelect' \| 'value' \| 'children'\n> {\n separator?: boolean;\n disabled?: boolean;\n onSelect?: (value: string) => void;\n value: string;\n icon?: ImageName;\n iconDir?: HorizontalDirection;\n}\n\ntype SelectItemChildren = {\n children: ReactNode;\n label?: never;\n};\n\ntype SelectItemLabel = {\n children?: never;\n label: ReactNode;\n};\nexport interface SelectGroupProps extends Omit<\n HTMLAttributes<HTMLDivElement>,\n 'heading'\n> {\n heading: ReactNode;\n value?: never;\n onSelect?: never;\n}\nexport interface SelectOptionItem extends Omit<SelectItemProps, 'children' \| 'label'> {\n heading?: never;\n label: ReactNode;\n [key: `data-${string}`]: string;\n}\n\ninterface SelectGroupOptionItem extends Omit<SelectGroupProps, 'children' \| 'label'> {\n options: SelectOptionItem[];\n label?: never;\n [key: `data-${string}`]: string;\n}\n\nexport type AutoCompleteOptionListItem = SelectGroupOptionItem \| SelectOptionItem;\n\nexport type SelectItemProps = SelectItemComponentProps &\n (SelectItemChildren \| SelectItemLabel);\ntype SelectOptionType = {\n options: AutoCompleteOptionListItem[];\n children?: never;\n};\n\ntype SelectChildrenType = {\n children: ReactNode;\n options?: never;\n};\n\ntype SelectOptionProp = SelectOptionType \| SelectChildrenType;\n\ninterface Props\n extends PopoverProps, Omit<DivProps, 'onChange' \| 'dir' \| 'onSelect' \| 'children'> {\n onSelect?: (value: string) => void;\n value?: string;\n placeholder?: string;\n onOpenChange?: (open: boolean) => void;\n label?: ReactNode;\n container?: HTMLElement \| null;\n error?: ReactNode;\n disabled?: boolean;\n dir?: 'start' \| 'end';\n orientation?: 'horizontal' \| 'vertical';\n allowCreateOption?: boolean;\n}\ntype SelectItemObject = {\n disabled?: boolean;\n value: string;\n title: string;\n heading?: string;\n};\n\nexport type AutoCompleteProps = (SelectOptionType & Props) \| (SelectChildrenType & Props);\n\n// Popover.Root renders no DOM node (it is a context provider), so the styling\n// that previously lived on `styled(Root)` never applied — the visible popover\n// chrome comes from `.select-list` below. Kept as a bare `Root` re-export so the\n// public `SelectPopoverRoot` export is preserved.\nexport const SelectPopoverRoot = Root;\n\ntype CallbackProps = SelectItemObject & {\n nodeProps: SelectItemProps;\n};\n\nconst childrenToComboboxItemArray = (\n children: ReactNode,\n callback: (props: CallbackProps) => void,\n heading?: string\n): SelectItemObject[] => {\n return Children.toArray(children).flatMap(child => {\n if (isValidElement(child) && child && typeof child === 'object') {\n const type = child.type as FunctionComponent;\n if (type.displayName === 'AutoComplete.Group') {\n const groupChildren = child.props.children;\n return childrenToComboboxItemArray(\n groupChildren,\n callback,\n getTextFromNodes(child.props.heading).toLowerCase()\n );\n } else if (type.displayName === 'AutoComplete.Item') {\n const title = getTextFromNodes(child).toLowerCase();\n const value = child.props.value;\n const disabled = child.props.disabled;\n callback({\n disabled,\n value,\n title,\n heading,\n nodeProps: child.props,\n });\n return {\n disabled,\n value,\n title,\n heading,\n };\n } else if ('props' in child && child.props.children) {\n return childrenToComboboxItemArray(child.props.children, callback, heading);\n }\n }\n return [];\n });\n};\nexport const AutoComplete = ({\n onSelect: onSelectProp,\n options,\n children,\n onOpenChange: onOpenChangeProp,\n disabled,\n value = '',\n placeholder = 'Search',\n container,\n ...props\n}: AutoCompleteProps) => {\n const defaultId = useId();\n const [search, setSearch] = useState('');\n const [open, setOpen] = useState(false);\n\n const inputRef = useRef<HTMLInputElement>(null);\n const portalContainer = useResolvedPortalContainer(container);\n const [highlighted, setHighlighted] = useState<string \| undefined>();\n const visibleList = useRef<string[]>([]);\n const navigatable = useRef<string[]>([]);\n const valueNode = useRef<Map<string, SelectItemProps>>(new Map());\n const [list, setList] = useState<SelectItemObject[]>([]);\n const updateElements = useCallback(\n ({ disabled, value, title, heading, nodeProps }: CallbackProps) => {\n if (title.includes(search) \|\| heading?.includes(search)) {\n visibleList.current.push(value);\n if (!disabled) {\n navigatable.current.push(value);\n }\n }\n valueNode.current.set(value, nodeProps);\n },\n [search]\n );\n\n const onFocus = () => {\n inputRef.current?.focus();\n };\n\n const onOpenChange = useCallback(\n (open: boolean) => {\n const newOpen = open && !disabled;\n setOpen(newOpen);\n if (typeof onOpenChangeProp === 'function') {\n onOpenChangeProp(newOpen);\n }\n },\n [disabled, onOpenChangeProp]\n );\n\n const onSelect = useCallback(\n (value: string) => {\n onOpenChange(false);\n if (typeof onSelectProp === 'function') {\n onSelectProp(value);\n }\n },\n [onSelectProp, onOpenChange]\n );\n\n const onUpdateSearch = useCallback(\n (search: string) => {\n setSearch(search);\n let hasHighlightedValue = false;\n const visibleItemsList: string[] = [];\n const navigatableList: string[] = [];\n const searchLowerCase = search.toLowerCase();\n list.forEach(item => {\n if (\n item.title.includes(searchLowerCase) \|\|\n item.heading?.includes(searchLowerCase)\n ) {\n if (item.value === highlighted) {\n hasHighlightedValue = true;\n }\n visibleItemsList.push(item.value);\n if (!item.disabled) {\n navigatableList.push(item.value);\n }\n }\n });\n navigatable.current = navigatableList;\n visibleList.current = visibleItemsList;\n if (!hasHighlightedValue) {\n setHighlighted(navigatableList[0] ?? null);\n }\n },\n [highlighted, list]\n );\n\n const updateList = useCallback(\n (children?: ReactNode, options?: AutoCompleteOptionListItem[]) => {\n const lowerCasedSearch = search.toLowerCase();\n if (options) {\n setList(\n options.flatMap(option => {\n if ('options' in option) {\n const heading = getTextFromNodes(option.heading).toLowerCase();\n return (option.options ?? []).map(item => {\n valueNode.current.set(item.value, item);\n const title = getTextFromNodes(item.label).toLowerCase();\n if (\n title.includes(lowerCasedSearch) \|\|\n heading?.includes(lowerCasedSearch)\n ) {\n visibleList.current.push(item.value);\n if (!disabled) {\n navigatable.current.push(item.value);\n }\n }\n return {\n heading,\n disabled: item.disabled,\n value: item.value,\n title,\n };\n });\n } else {\n valueNode.current.set(option.value, option);\n const title = getTextFromNodes(option.label).toLowerCase();\n if (title.includes(lowerCasedSearch)) {\n visibleList.current.push(option.value);\n if (!disabled) {\n navigatable.current.push(option.value);\n }\n }\n return {\n disabled: option.disabled,\n value: option.value,\n title: getTextFromNodes(option.label),\n };\n }\n })\n );\n } else if (children) {\n setList(childrenToComboboxItemArray(children, updateElements));\n }\n },\n [disabled, search, updateElements]\n );\n\n useEffect(() => {\n updateList(children, options);\n }, [children, options, updateList]);\n\n const onKeyDown: KeyboardEventHandler<HTMLInputElement> = e => {\n if (!e.defaultPrevented) {\n if (e.key === 'Enter') {\n e.preventDefault();\n if (highlighted) {\n onSelect(highlighted);\n }\n } else if (['ArrowUp', 'ArrowDown', 'Home', 'End'].includes(e.key)) {\n e.preventDefault();\n let nextHighlightedValue = highlighted;\n const highlightedIndex = navigatable.current.findIndex(\n value => value === highlighted\n );\n if (e.key === 'ArrowUp') {\n if (highlightedIndex === 0) {\n nextHighlightedValue = navigatable.current[navigatable.current.length - 1];\n } else {\n nextHighlightedValue = navigatable.current[highlightedIndex - 1];\n }\n } else if (e.key === 'ArrowDown') {\n e.preventDefault();\n if (highlightedIndex === navigatable.current.length - 1) {\n nextHighlightedValue = navigatable.current[0];\n } else {\n nextHighlightedValue = navigatable.current[highlightedIndex + 1];\n }\n } else if (e.key === 'End') {\n e.preventDefault();\n nextHighlightedValue = navigatable.current[navigatable.current.length - 1];\n } else if (e.key === 'Home') {\n nextHighlightedValue = navigatable.current[0];\n e.preventDefault();\n }\n setHighlighted(nextHighlightedValue);\n }\n }\n };\n const isHidden = useCallback(\n (value?: string) => {\n return !visibleList.current.includes(value ?? '');\n },\n [visibleList]\n );\n\n const optionContextValue = useMemo(() => {\n return {\n search,\n updateHighlighted: setHighlighted,\n highlighted,\n isHidden,\n onSelect,\n selectedValue: value,\n };\n }, [search, highlighted, isHidden, onSelect, value]);\n\n const conditionalProps: Partial<SelectOptionProp> = {};\n if (options) {\n conditionalProps.options = options;\n } else {\n conditionalProps.children = children;\n }\n\n const onTriggerClick: MouseEventHandler<HTMLDivElement> = e => {\n if (open) {\n e.preventDefault();\n inputRef.current?.focus();\n }\n };\n\n const onFocusOutside = (\n e: CustomEvent<{\n originalEvent: FocusEvent;\n }>\n ) => {\n const contentElement = (e.target as HTMLElement)?.closest('[aria-haspopup=dialog]');\n const triggerElement = (e.target as HTMLElement)?.closest(\n '[data-radix-popper-content-wrapper]'\n );\n\n if (contentElement \|\| triggerElement) {\n e.preventDefault();\n }\n };\n\n return (\n <SelectPopoverRoot\n open={open}\n onOpenChange={onOpenChange}\n >\n <Trigger\n asChild\n disabled={disabled}\n data-testid=\"autocomplete-trigger\"\n >\n <div onClick={onTriggerClick}>\n <SearchField\n ref={inputRef}\n value={search}\n onChange={onUpdateSearch}\n onKeyDown={onKeyDown}\n disabled={disabled}\n placeholder={placeholder}\n {...props}\n />\n </div>\n </Trigger>\n <Portal container={portalContainer}>\n <Content\n className={styles['popover-content']}\n sideOffset={5}\n onFocus={onFocus}\n onCloseAutoFocus={() => {\n onUpdateSearch('');\n inputRef.current?.focus();\n }}\n onOpenAutoFocus={e => {\n e.preventDefault();\n setHighlighted(visibleList.current[0]);\n inputRef.current?.focus();\n }}\n align=\"start\"\n onPointerDownOutside={() => {\n onOpenChange(false);\n }}\n onFocusOutside={onFocusOutside}\n >\n <div className={styles['select-list']}>\n <div className={styles['select-list-content']}>\n <OptionContext.Provider value={optionContextValue}>\n {options && options.length > 0\n ? options.map((optionProps, index) => {\n if ('options' in optionProps) {\n const { options: itemList = [], ...groupProps } = optionProps;\n return (\n <Group\n key={`autocomplete-${defaultId}-group-${index}`}\n {...groupProps}\n >\n {itemList.map(\n ({ label, ...itemProps }, itemIndex: number) => (\n <Item\n key={`autocomplete-${defaultId}-group-${index}-item-${itemIndex}`}\n {...itemProps}\n >\n {label}\n </Item>\n )\n )}\n </Group>\n );\n } else {\n return (\n <Item\n key={`autocomplete-${defaultId}-item-${index}`}\n {...optionProps}\n />\n );\n }\n })\n : children}\n </OptionContext.Provider>\n </div>\n {visibleList.current.length === 0 && (\n <div\n {...props}\n className={cn(styles['select-no-data-container'], props.className)}\n >\n No Options found{search.length > 0 ? ` for \"${search}\" ` : ''}\n </div>\n )}\n </div>\n </Content>\n </Portal>\n </SelectPopoverRoot>\n );\n};\n\nexport const Group = forwardRef<HTMLDivElement, SelectGroupProps>(\n ({ children, heading, className, ...props }, forwardedRef) => {\n useSearch();\n return (\n <div\n {...props}\n ref={mergeRefs([\n forwardedRef,\n node => {\n const hidden = node?.querySelectorAll('[cui-autocomplete-item]').length === 0;\n if (hidden) {\n node?.setAttribute('hidden', '');\n } else {\n node?.removeAttribute('hidden');\n }\n node?.setAttribute('aria-hidden', hidden.toString());\n },\n ])}\n className={cn(styles['select-group-container'], className)}\n >\n <div className={styles['select-group-name']}>{heading}</div>\n <div className={styles['select-group-content']}>{children}</div>\n </div>\n );\n }\n);\n\nGroup.displayName = 'AutoComplete.Group';\n\nexport const Item = forwardRef<HTMLDivElement, SelectItemProps>(\n (\n {\n disabled = false,\n children,\n label,\n separator,\n onSelect: onSelectProp,\n value = '',\n icon,\n iconDir,\n onMouseOver: onMouseOverProp,\n ...props\n },\n forwardedRef\n ) => {\n const { highlighted, updateHighlighted, isHidden, selectedValue, onSelect } =\n useOption();\n const onSelectValue = () => {\n if (!disabled) {\n onSelect(value);\n if (typeof onSelectProp == 'function') {\n onSelectProp(value);\n }\n }\n };\n const onMouseOver: MouseEventHandler<HTMLDivElement> = e => {\n if (onMouseOverProp) {\n onMouseOverProp(e);\n }\n if (!disabled) {\n updateHighlighted(value);\n }\n };\n\n if (isHidden(value)) {\n return null;\n }\n const isChecked = selectedValue === value;\n\n return (\n <>\n <GenericMenuItem\n {...props}\n data-value={value}\n onClick={onSelectValue}\n onMouseOver={onMouseOver}\n ref={forwardedRef}\n data-state={isChecked ? 'checked' : 'unchecked'}\n data-disabled={disabled ? true : undefined}\n data-highlighted={highlighted == value ? 'true' : undefined}\n cui-autocomplete-item=\"\"\n >\n <IconWrapper\n icon={icon}\n iconDir={iconDir}\n >\n {label ?? children}\n </IconWrapper>\n <Icon\n className={cn(\n styles['check-icon'],\n isChecked && styles['check-icon_show-check']\n )}\n name=\"check\"\n size=\"sm\"\n />\n </GenericMenuItem>\n {separator && <Separator size=\"sm\" />}\n </>\n );\n }\n);\n\nItem.displayName = 'AutoComplete.Item';\n\nAutoComplete.Group = Group;\nAutoComplete.Item = Item;\n"],"names":["SelectPopoverRoot","Root","childrenToComboboxItemArray","children","callback","heading","Children","toArray","flatMap","child","isValidElement","type","displayName","groupChildren","props","getTextFromNodes","toLowerCase","title","value","disabled","nodeProps","AutoComplete","onSelect","onSelectProp","options","onOpenChange","onOpenChangeProp","placeholder","container","defaultId","useId","search","setSearch","useState","open","setOpen","inputRef","useRef","portalContainer","useResolvedPortalContainer","highlighted","setHighlighted","visibleList","navigatable","valueNode","Map","list","setList","updateElements","useCallback","includes","current","push","set","onFocus","focus","newOpen","onUpdateSearch","hasHighlightedValue","visibleItemsList","navigatableList","searchLowerCase","forEach","item","updateList","lowerCasedSearch","option","map","label","useEffect","onKeyDown","e","defaultPrevented","key","preventDefault","nextHighlightedValue","highlightedIndex","findIndex","length","isHidden","optionContextValue","useMemo","updateHighlighted","selectedValue","onTriggerClick","onFocusOutside","contentElement","target","closest","triggerElement","styles","optionProps","index","itemList","groupProps","itemProps","itemIndex","cn","className","Group","forwardRef","forwardedRef","useSearch","mergeRefs","node","hidden","querySelectorAll","setAttribute","removeAttribute","toString","Item","separator","icon","iconDir","onMouseOver","onMouseOverProp","useOption","onSelectValue","isChecked","undefined","Icon"],"mappings":"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"}

package/dist/esm/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/esm/components/Button/BaseButton.js CHANGED Viewed

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

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

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

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

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

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

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

package/dist/esm/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/esm/components/CardPromotion/CardPromotion.module.css.js ADDED Viewed

@@ -0,0 +1,13 @@
+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
+};
+export { background, cardicon, styles as default, dismisswrapper, wrapper };
+//# sourceMappingURL=CardPromotion.module.css.js.map

package/dist/esm/components/CardPromotion/CardPromotion.module.css.js.map ADDED Viewed

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

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

@@ -1,69 +1,23 @@
+import "./CardPromotion.css";
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { useState } from 'react';
-import { styled } from 'styled-components';
-import { Text } from '../Text/index.js';
+import { cn } from '../../lib/cva.js';
+import styles from './CardPromotion.module.css.js';
 import { Icon as SvgImage } from '../Icon/index.js';
+import { Text } from '../Text/index.js';
-const Background = 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 = 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 = styled(SvgImage).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 = 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] = useState(true);
-  return isVisible ? /* @__PURE__ */ jsx(Background, { children: /* @__PURE__ */ jsxs(Wrapper, { $dismissible: dismissible, ...props, children: [
-    /* @__PURE__ */ jsx(CardIcon, { name: icon, "aria-hidden": true }),
+  return isVisible ? /* @__PURE__ */ jsx("div", { className: styles.background, children: /* @__PURE__ */ jsxs("div", { ...props, className: cn(styles.wrapper, className), children: [
+    /* @__PURE__ */ jsx(SvgImage, { name: icon, "aria-hidden": true, className: styles.cardicon }),
     /* @__PURE__ */ jsx(Text, { children: label }),
-    dismissible && /* @__PURE__ */ jsx(DismissWrapper, { type: "button", "data-testid": "click-alert-dismiss-button", onClick: () => setIsVisible(false), children: /* @__PURE__ */ jsx(SvgImage, { name: "cross", "aria-label": "close" }) })
+    dismissible && /* @__PURE__ */ jsx("button", { type: "button", "data-testid": "click-alert-dismiss-button", onClick: () => setIsVisible(false), className: styles.dismisswrapper, children: /* @__PURE__ */ jsx(SvgImage, { name: "cross", "aria-label": "close" }) })
   ] }) }) : null;
 };