@punkbit/cui 0.0.248-rc.1 → 0.2.0-rc.3

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

@@ -0,0 +1,394 @@
+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 { GenericMenuItem } from '../GenericMenu/index.js';
+import { IconWrapper } from '../IconWrapper/index.js';
+import { getTextFromNodes } from '../../lib/getTextFromNodes.js';
+import { mergeRefs } from '../../utils/mergeRefs.js';
+import { useSearch, useOption } from './useOption.js';
+import { OptionContext } from './OptionContext.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-190gyel-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-190gyel-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-190gyel-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-190gyel-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-190gyel-4"
+})(["width:inherit;"]);
+const SelectListContent = styled.div.withConfig({
+  componentId: "sc-190gyel-5"
+})(["width:inherit;overflow:overlay;flex:1;"]);
+const childrenToComboboxItemArray = (children, callback, heading) => {
+  return Children.toArray(children).flatMap((child) => {
+    if (isValidElement(child) && child && typeof child === "object") {
+      const type = child.type;
+      if (type.displayName === "AutoComplete.Group") {
+        const groupChildren = child.props.children;
+        return childrenToComboboxItemArray(groupChildren, callback, getTextFromNodes(child.props.heading).toLowerCase());
+      } else if (type.displayName === "AutoComplete.Item") {
+        const title = getTextFromNodes(child).toLowerCase();
+        const value = child.props.value;
+        const disabled = child.props.disabled;
+        callback({
+          disabled,
+          value,
+          title,
+          heading,
+          nodeProps: child.props
+        });
+        return {
+          disabled,
+          value,
+          title,
+          heading
+        };
+      } else if ("props" in child && child.props.children) {
+        return childrenToComboboxItemArray(child.props.children, callback, heading);
+      }
+    }
+    return [];
+  });
+};
+const SelectNoDataContainer = styled.div.withConfig({
+  componentId: "sc-190gyel-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-190gyel-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,
+  children,
+  onOpenChange: onOpenChangeProp,
+  disabled,
+  value = "",
+  placeholder = "Search",
+  ...props
+}) => {
+  const defaultId = useId();
+  const [search, setSearch] = useState("");
+  const [open, setOpen] = useState(false);
+  const inputRef = useRef(null);
+  const [highlighted, setHighlighted] = useState();
+  const visibleList = useRef([]);
+  const navigatable = useRef([]);
+  const valueNode = useRef(/* @__PURE__ */ new Map());
+  const [list, setList] = useState([]);
+  const updateElements = useCallback(({
+    disabled: disabled2,
+    value: value2,
+    title,
+    heading,
+    nodeProps
+  }) => {
+    if (title.includes(search) || heading?.includes(search)) {
+      visibleList.current.push(value2);
+      if (!disabled2) {
+        navigatable.current.push(value2);
+      }
+    }
+    valueNode.current.set(value2, nodeProps);
+  }, [search]);
+  const onFocus = () => {
+    inputRef.current?.focus();
+  };
+  const onOpenChange = useCallback((open2) => {
+    const newOpen = open2 && !disabled;
+    setOpen(newOpen);
+    if (typeof onOpenChangeProp === "function") {
+      onOpenChangeProp(newOpen);
+    }
+  }, [disabled, onOpenChangeProp]);
+  const onSelect = useCallback((value2) => {
+    onOpenChange(false);
+    if (typeof onSelectProp === "function") {
+      onSelectProp(value2);
+    }
+  }, [onSelectProp, onOpenChange]);
+  const onUpdateSearch = useCallback((search2) => {
+    setSearch(search2);
+    let hasHighlightedValue = false;
+    const visibleItemsList = [];
+    const navigatableList = [];
+    const searchLowerCase = search2.toLowerCase();
+    list.forEach((item) => {
+      if (item.title.includes(searchLowerCase) || item.heading?.includes(searchLowerCase)) {
+        if (item.value === highlighted) {
+          hasHighlightedValue = true;
+        }
+        visibleItemsList.push(item.value);
+        if (!item.disabled) {
+          navigatableList.push(item.value);
+        }
+      }
+    });
+    navigatable.current = navigatableList;
+    visibleList.current = visibleItemsList;
+    if (!hasHighlightedValue) {
+      setHighlighted(navigatableList[0] ?? null);
+    }
+  }, [highlighted, list]);
+  const updateList = useCallback((children2, options2) => {
+    const lowerCasedSearch = search.toLowerCase();
+    if (options2) {
+      setList(options2.flatMap((option) => {
+        if ("options" in option) {
+          const heading = getTextFromNodes(option.heading).toLowerCase();
+          return (option.options ?? []).map((item) => {
+            valueNode.current.set(item.value, item);
+            const title = getTextFromNodes(item.label).toLowerCase();
+            if (title.includes(lowerCasedSearch) || heading?.includes(lowerCasedSearch)) {
+              visibleList.current.push(item.value);
+              if (!disabled) {
+                navigatable.current.push(item.value);
+              }
+            }
+            return {
+              heading,
+              disabled: item.disabled,
+              value: item.value,
+              title
+            };
+          });
+        } else {
+          valueNode.current.set(option.value, option);
+          const title = getTextFromNodes(option.label).toLowerCase();
+          if (title.includes(lowerCasedSearch)) {
+            visibleList.current.push(option.value);
+            if (!disabled) {
+              navigatable.current.push(option.value);
+            }
+          }
+          return {
+            disabled: option.disabled,
+            value: option.value,
+            title: getTextFromNodes(option.label)
+          };
+        }
+      }));
+    } else if (children2) {
+      setList(childrenToComboboxItemArray(children2, updateElements));
+    }
+  }, [disabled, search, updateElements]);
+  useEffect(() => {
+    updateList(children, options);
+  }, [children, options, updateList]);
+  const onKeyDown = (e) => {
+    if (!e.defaultPrevented) {
+      if (e.key === "Enter") {
+        e.preventDefault();
+        if (highlighted) {
+          onSelect(highlighted);
+        }
+      } else if (["ArrowUp", "ArrowDown", "Home", "End"].includes(e.key)) {
+        e.preventDefault();
+        let nextHighlightedValue = highlighted;
+        const highlightedIndex = navigatable.current.findIndex((value2) => value2 === highlighted);
+        if (e.key === "ArrowUp") {
+          if (highlightedIndex === 0) {
+            nextHighlightedValue = navigatable.current[navigatable.current.length - 1];
+          } else {
+            nextHighlightedValue = navigatable.current[highlightedIndex - 1];
+          }
+        } else if (e.key === "ArrowDown") {
+          e.preventDefault();
+          if (highlightedIndex === navigatable.current.length - 1) {
+            nextHighlightedValue = navigatable.current[0];
+          } else {
+            nextHighlightedValue = navigatable.current[highlightedIndex + 1];
+          }
+        } else if (e.key === "End") {
+          e.preventDefault();
+          nextHighlightedValue = navigatable.current[navigatable.current.length - 1];
+        } else if (e.key === "Home") {
+          nextHighlightedValue = navigatable.current[0];
+          e.preventDefault();
+        }
+        setHighlighted(nextHighlightedValue);
+      }
+    }
+  };
+  const isHidden = useCallback((value2) => {
+    return !visibleList.current.includes(value2 ?? "");
+  }, [visibleList]);
+  const optionContextValue = useMemo(() => {
+    return {
+      search,
+      updateHighlighted: setHighlighted,
+      highlighted,
+      isHidden,
+      onSelect,
+      selectedValue: value
+    };
+  }, [search, highlighted, isHidden, onSelect, value]);
+  const onTriggerClick = (e) => {
+    if (open) {
+      e.preventDefault();
+      inputRef.current?.focus();
+    }
+  };
+  const onFocusOutside = (e) => {
+    const contentElement = e.target?.closest("[aria-haspopup=dialog]");
+    const triggerElement = e.target?.closest("[data-radix-popper-content-wrapper]");
+    if (contentElement || triggerElement) {
+      e.preventDefault();
+    }
+  };
+  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: () => {
+      onUpdateSearch("");
+      inputRef.current?.focus();
+    }, onOpenAutoFocus: (e) => {
+      e.preventDefault();
+      setHighlighted(visibleList.current[0]);
+      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) => {
+        if ("options" in optionProps) {
+          const {
+            options: itemList = [],
+            ...groupProps
+          } = optionProps;
+          return /* @__PURE__ */ jsx(Group, { ...groupProps, children: itemList.map(({
+            label,
+            ...itemProps
+          }, itemIndex) => /* @__PURE__ */ jsx(Item, { ...itemProps, children: label }, `autocomplete-${defaultId}-group-${index}-item-${itemIndex}`)) }, `autocomplete-${defaultId}-group-${index}`);
+        } else {
+          return /* @__PURE__ */ jsx(Item, { ...optionProps }, `autocomplete-${defaultId}-item-${index}`);
+        }
+      }) : children }) }),
+      visibleList.current.length === 0 && /* @__PURE__ */ jsxs(SelectNoDataContainer, { ...props, children: [
+        "No Options found",
+        search.length > 0 ? ` for "${search}" ` : ""
+      ] })
+    ] }) }) })
+  ] });
+};
+const Group = forwardRef(({
+  children,
+  heading,
+  ...props
+}, forwardedRef) => {
+  useSearch();
+  return /* @__PURE__ */ jsxs(SelectGroupContainer, { ...props, ref: mergeRefs([forwardedRef, (node) => {
+    const hidden = node?.querySelectorAll("[cui-autocomplete-item]").length === 0;
+    if (hidden) {
+      node?.setAttribute("hidden", "");
+    } else {
+      node?.removeAttribute("hidden");
+    }
+    node?.setAttribute("aria-hidden", hidden.toString());
+  }]), children: [
+    /* @__PURE__ */ jsx(SelectGroupName, { children: heading }),
+    /* @__PURE__ */ jsx(SelectGroupContent, { children })
+  ] });
+});
+Group.displayName = "AutoComplete.Group";
+const CheckIcon = styled.svg.withConfig({
+  componentId: "sc-190gyel-8"
+})(["opacity:", ";"], ({
+  $showCheck
+}) => $showCheck ? 1 : 0);
+const Item = forwardRef(({
+  disabled = false,
+  children,
+  label,
+  separator,
+  onSelect: onSelectProp,
+  value = "",
+  icon,
+  iconDir,
+  onMouseOver: onMouseOverProp,
+  ...props
+}, forwardedRef) => {
+  const {
+    highlighted,
+    updateHighlighted,
+    isHidden,
+    selectedValue,
+    onSelect
+  } = useOption();
+  const onSelectValue = () => {
+    if (!disabled) {
+      onSelect(value);
+      if (typeof onSelectProp == "function") {
+        onSelectProp(value);
+      }
+    }
+  };
+  const onMouseOver = (e) => {
+    if (onMouseOverProp) {
+      onMouseOverProp(e);
+    }
+    if (!disabled) {
+      updateHighlighted(value);
+    }
+  };
+  if (isHidden(value)) {
+    return null;
+  }
+  const isChecked = selectedValue === value;
+  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 })
+    ] }),
+    separator && /* @__PURE__ */ jsx(Separator, { size: "sm" })
+  ] });
+});
+Item.displayName = "AutoComplete.Item";
+AutoComplete.Group = Group;
+AutoComplete.Item = Item;
+
+export { AutoComplete, Group, Item, SelectPopoverRoot };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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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"}

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

@@ -0,0 +1,19 @@
+import { useContext } from 'react';
+import { OptionContext } from './OptionContext.js';
+
+const useOption = () => {
+  const result = useContext(OptionContext);
+  if (!result) {
+    throw new Error("Context used outside of its Provider!");
+  }
+  return result;
+};
+const useSearch = () => {
+  const {
+    search
+  } = useOption();
+  return search;
+};
+
+export { useOption, useSearch };
+//# sourceMappingURL=useOption.js.map

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

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

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

@@ -0,0 +1,39 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Root, Image, Fallback } from '@radix-ui/react-avatar';
+import { styled } from 'styled-components';
+
+const Avatar = ({
+  text,
+  textSize = "sm",
+  src,
+  srcSet,
+  ...delegated
+}) => /* @__PURE__ */ jsxs(StyledRoot, { ...delegated, children: [
+  /* @__PURE__ */ jsx(AvatarImage, { src, srcSet, alt: text }),
+  /* @__PURE__ */ jsx(StyledFallback, { $textSize: textSize, delayMs: 0, children: text.trim().replace(/(^.)([^ ]* )?(.).*/, "$1$3").trim().toUpperCase() })
+] });
+const StyledRoot = styled(Root).withConfig({
+  componentId: "sc-wf6dr-0"
+})(["width:", ";height:", ";display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;overflow:hidden;user-select:none;background-color:", ";color:", ";border-radius:", ";&:active{background-color:", ";color:", ";}&:hover{background-color:", ";color:", ";}"], (props) => props.theme.click.avatar.size.width, (props) => props.theme.click.avatar.size.height, (props) => props.theme.click.avatar.color.background.default, (props) => props.theme.click.avatar.color.text.default, (props) => props.theme.click.avatar.radii.all, (props) => props.theme.click.avatar.color.background.active, (props) => props.theme.click.avatar.color.text.active, (props) => props.theme.click.avatar.color.background.hover, (props) => props.theme.click.avatar.color.text.hover);
+const AvatarImage = styled(Image).withConfig({
+  componentId: "sc-wf6dr-1"
+})(["width:100%;height:100%;object-fit:cover;border-radius:inherit;"]);
+const StyledFallback = styled(Fallback).withConfig({
+  componentId: "sc-wf6dr-2"
+})(["width:", ";display:inline-flex;align-items:center;justify-content:center;", ""], (props) => props.theme.click.avatar.size.label.width, ({
+  theme,
+  $textSize = "sm"
+}) => `
+    font: ${theme.click.avatar.typography.label[$textSize].default};
+
+    &:active {
+      font: ${theme.click.avatar.typography.label[$textSize].active};
+    }
+
+    &:hover {
+      font: ${theme.click.avatar.typography.label[$textSize].hover};
+      }
+  `);
+
+export { Avatar };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/Avatar/Avatar.tsx"],"sourcesContent":["import { Fallback, Image, Root } from '@radix-ui/react-avatar';\nimport { styled } from 'styled-components';\nimport { AvatarProps, TextSize } from './Avatar.types';\n\nexport const Avatar = ({\n  text,\n  textSize = 'sm',\n  src,\n  srcSet,\n  ...delegated\n}: AvatarProps) => (\n  <StyledRoot {...delegated}>\n    <AvatarImage\n      src={src}\n      srcSet={srcSet}\n      alt={text}\n    />\n    <StyledFallback\n      $textSize={textSize}\n      delayMs={0}\n    >\n      {text\n        .trim()\n        .replace(/(^.)([^ ]* )?(.).*/, '$1$3')\n        .trim()\n        .toUpperCase()}\n    </StyledFallback>\n  </StyledRoot>\n);\n\nconst StyledRoot = styled(Root)`\n  width: ${props => props.theme.click.avatar.size.width};\n  height: ${props => props.theme.click.avatar.size.height};\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  vertical-align: middle;\n  overflow: hidden;\n  user-select: none;\n\n  background-color: ${props => props.theme.click.avatar.color.background.default};\n  color: ${props => props.theme.click.avatar.color.text.default};\n  border-radius: ${props => props.theme.click.avatar.radii.all};\n\n  &:active {\n    background-color: ${props => props.theme.click.avatar.color.background.active};\n    color: ${props => props.theme.click.avatar.color.text.active};\n  }\n\n  &:hover {\n    background-color: ${props => props.theme.click.avatar.color.background.hover};\n    color: ${props => props.theme.click.avatar.color.text.hover};\n  }\n`;\n\nconst AvatarImage = styled(Image)`\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  border-radius: inherit;\n`;\n\nconst StyledFallback = styled(Fallback)<{ $textSize: TextSize }>`\n  width: ${props => props.theme.click.avatar.size.label.width};\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  ${({ theme, $textSize = 'sm' }) => `\n    font: ${theme.click.avatar.typography.label[$textSize].default};\n\n    &:active {\n      font: ${theme.click.avatar.typography.label[$textSize].active};\n    }\n\n    &:hover {\n      font: ${theme.click.avatar.typography.label[$textSize].hover};\n      }\n  `}\n`;\n"],"names":["Avatar","text","textSize","src","srcSet","delegated","trim","replace","toUpperCase","StyledRoot","styled","Root","withConfig","componentId","props","theme","click","avatar","size","width","height","color","background","default","radii","all","active","hover","AvatarImage","Image","StyledFallback","Fallback","label","$textSize","typography"],"mappings":"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"}

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

@@ -0,0 +1,69 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { styled } from 'styled-components';
+import { IconWrapper } from '../IconWrapper/index.js';
+import { Icon as SvgImage } from '../Icon/index.js';
+
+const Wrapper = styled.div.withConfig({
+  componentId: "sc-1nlcjkq-0"
+})(["display:inline-flex;", ""], ({
+  $state = "default",
+  $size = "md",
+  $type = "opaque",
+  theme
+}) => `
+    background-color: ${theme.click.badge[$type].color.background[$state]};
+    color: ${theme.click.badge[$type].color.text[$state]};
+    font: ${theme.click.badge.typography.label[$size].default};
+    border-radius: ${theme.click.badge.radii.all};
+    border: ${theme.click.badge.stroke} solid ${theme.click.badge[$type].color.stroke[$state]};
+    padding: ${theme.click.badge.space[$size].y} ${theme.click.badge.space[$size].x};
+  `);
+const Content = styled.div.withConfig({
+  componentId: "sc-1nlcjkq-1"
+})(["display:inline-flex;align-items:center;gap:", ";max-width:100%;justify-content:flex-start;"], ({
+  $size = "md",
+  theme
+}) => theme.click.badge.space[$size].gap);
+const SvgContainer = styled.svg.withConfig({
+  componentId: "sc-1nlcjkq-2"
+})(["", ""], ({
+  $state = "default",
+  $size = "md",
+  $type = "opaque",
+  theme
+}) => `
+    color: ${theme.click.badge[$type].color.text[$state]};
+    height: ${theme.click.badge.icon[$size].size.height};
+    width: ${theme.click.badge.icon[$size].size.width};
+  `);
+const BadgeContent = styled(IconWrapper).withConfig({
+  componentId: "sc-1nlcjkq-3"
+})(["width:auto;overflow:hidden;svg{", "}"], ({
+  $state = "default",
+  $size = "md",
+  $type = "opaque",
+  theme
+}) => `
+    color: ${theme.click.badge[$type].color.text[$state]};
+    height: ${theme.click.badge.icon[$size].size.height};
+    width: ${theme.click.badge.icon[$size].size.width};
+    gap: inherit;
+  `);
+const Badge = ({
+  icon,
+  iconDir,
+  text,
+  state = "default",
+  size,
+  type,
+  dismissible,
+  onClose,
+  ellipsisContent = true,
+  ...props
+}) => /* @__PURE__ */ jsx(Wrapper, { $state: state, $size: size, $type: type, ...props, children: /* @__PURE__ */ jsxs(Content, { "data-testid": `${ellipsisContent ? "ellipsed" : "normal"}-badge-content`, children: [
+  /* @__PURE__ */ jsx(BadgeContent, { icon, iconDir, size, $state: state, ellipsisContent, children: text }),
+  dismissible && /* @__PURE__ */ jsx(SvgContainer, { name: "cross", $state: state, as: SvgImage, onClick: onClose, "aria-label": "close" })
+] }) });
+
+export { Badge };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/Badge/Badge.tsx"],"sourcesContent":["import { styled } from 'styled-components';\nimport { Icon } from '@/components/Icon';\nimport { IconWrapper } from '@/components/IconWrapper';\nimport { BadgeProps, BadgeState, BadgeSize, BadgeType } from './Badge.types';\n\nconst Wrapper = styled.div<{ $state?: BadgeState; $size?: BadgeSize; $type?: BadgeType }>`\n  display: inline-flex;\n  ${({ $state = 'default', $size = 'md', $type = 'opaque', theme }) => `\n    background-color: ${theme.click.badge[$type].color.background[$state]};\n    color: ${theme.click.badge[$type].color.text[$state]};\n    font: ${theme.click.badge.typography.label[$size].default};\n    border-radius: ${theme.click.badge.radii.all};\n    border: ${theme.click.badge.stroke} solid ${theme.click.badge[$type].color.stroke[$state]};\n    padding: ${theme.click.badge.space[$size].y} ${theme.click.badge.space[$size].x};\n  `}\n`;\n\nconst Content = styled.div<{ $state?: BadgeState; $size?: BadgeSize }>`\n  display: inline-flex;\n  align-items: center;\n  gap: ${({ $size = 'md', theme }) => theme.click.badge.space[$size].gap};\n  max-width: 100%;\n  justify-content: flex-start;\n`;\n\nconst SvgContainer = styled.svg<{\n  $state?: BadgeState;\n  $size?: BadgeSize;\n  $type?: BadgeType;\n}>`\n  ${({ $state = 'default', $size = 'md', $type = 'opaque', theme }) => `\n    color: ${theme.click.badge[$type].color.text[$state]};\n    height: ${theme.click.badge.icon[$size].size.height};\n    width: ${theme.click.badge.icon[$size].size.width};\n  `}\n`;\nconst BadgeContent = styled(IconWrapper)<{\n  $state?: BadgeState;\n  $size?: BadgeSize;\n  $type?: BadgeType;\n}>`\n  width: auto;\n  overflow: hidden;\n  svg {\n    ${({ $state = 'default', $size = 'md', $type = 'opaque', theme }) => `\n    color: ${theme.click.badge[$type].color.text[$state]};\n    height: ${theme.click.badge.icon[$size].size.height};\n    width: ${theme.click.badge.icon[$size].size.width};\n    gap: inherit;\n  `}\n  }\n`;\n\nexport const Badge = ({\n  icon,\n  iconDir,\n  text,\n  state = 'default',\n  size,\n  type,\n  dismissible,\n  onClose,\n  ellipsisContent = true,\n  ...props\n}: BadgeProps) => (\n  <Wrapper\n    $state={state}\n    $size={size}\n    $type={type}\n    {...props}\n  >\n    <Content data-testid={`${ellipsisContent ? 'ellipsed' : 'normal'}-badge-content`}>\n      <BadgeContent\n        icon={icon}\n        iconDir={iconDir}\n        size={size}\n        $state={state}\n        ellipsisContent={ellipsisContent}\n      >\n        {text}\n      </BadgeContent>\n      {dismissible && (\n        <SvgContainer\n          name=\"cross\"\n          $state={state}\n          as={Icon}\n          onClick={onClose}\n          aria-label=\"close\"\n        />\n      )}\n    </Content>\n  </Wrapper>\n);\n"],"names":["Wrapper","styled","div","withConfig","componentId","$state","$size","$type","theme","click","badge","color","background","text","typography","label","default","radii","all","stroke","space","y","x","Content","gap","SvgContainer","svg","icon","size","height","width","BadgeContent","IconWrapper","Badge","iconDir","state","type","dismissible","onClose","ellipsisContent","props","Icon"],"mappings":"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"}