@adam-milo/ui 1.0.35 → 1.0.40

package/dist/index20.js

@@ -1,482 +1,2 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { forwardRef, useRef, useState, useCallback, useEffect } from "react";
-import { cn } from "./index31.js";
-import { Chip } from "./index19.js";
-/* empty css        */
-import { devWarn } from "./index50.js";
-import { Icon } from "@adam-milo/icons";
-const parseGapValue = (gapString, rootFontSize, containerFontSize) => {
-  if (!gapString) return 0.5 * rootFontSize;
-  const match = gapString.match(/^([\d.]+)(px|rem|em)?/);
-  if (!match) return 0.5 * rootFontSize;
-  const value = parseFloat(match[1]);
-  const unit = match[2] || "px";
-  switch (unit) {
-    case "px":
-      return value;
-    case "rem":
-      return value * rootFontSize;
-    case "em":
-      return value * containerFontSize;
-    default:
-      return 0.5 * rootFontSize;
-  }
-};
-const calculateFittingChips = (items, chipWidths, containerWidth, gap, overflowChipWidth) => {
-  let totalWidth = 0;
-  let count = 0;
-  for (let i = 0; i < items.length; i++) {
-    const item = items[i];
-    const chipWidth = chipWidths.get(item.value) || 0;
-    if (chipWidth === 0) {
-      count++;
-      break;
-    }
-    const gapBeforeThisChip = i > 0 ? gap : 0;
-    const widthWithThisChip = totalWidth + gapBeforeThisChip + chipWidth;
-    const hasMoreItems = i < items.length - 1;
-    if (hasMoreItems) {
-      const widthWithOverflow = widthWithThisChip + gap + overflowChipWidth;
-      if (widthWithOverflow > containerWidth && count > 0) break;
-    } else {
-      if (widthWithThisChip > containerWidth && count > 0) break;
-    }
-    totalWidth = widthWithThisChip;
-    count++;
-  }
-  return Math.max(1, count);
-};
-const useDebounce = (callback, delay) => {
-  const timeoutRef = useRef();
-  useEffect(() => {
-    return () => {
-      if (timeoutRef.current) {
-        clearTimeout(timeoutRef.current);
-      }
-    };
-  }, []);
-  const debouncedFn = useCallback(
-    (...args) => {
-      if (timeoutRef.current) clearTimeout(timeoutRef.current);
-      timeoutRef.current = setTimeout(() => callback(...args), delay);
-    },
-    [callback, delay]
-  );
-  return debouncedFn;
-};
-const useChipOverflow = (items, containerRef, chipRefs, chipWidths, maxVisible) => {
-  const [visibleCount, setVisibleCount] = useState(items.length);
-  const calculateVisibleChips = useCallback(() => {
-    if (maxVisible !== void 0) {
-      setVisibleCount(Math.min(maxVisible, items.length));
-      return;
-    }
-    const container = containerRef.current;
-    if (!container) return;
-    const containerWidth = container.clientWidth;
-    const rootFontSize = parseFloat(getComputedStyle(document.documentElement).fontSize) || 16;
-    const computedStyle = window.getComputedStyle(container);
-    const gapString = computedStyle.gap;
-    const containerFontSize = parseFloat(computedStyle.fontSize) || 16;
-    const gap = parseGapValue(gapString, rootFontSize, containerFontSize);
-    const OVERFLOW_CHIP_WIDTH_REM = 3.75;
-    const overflowChipWidth = OVERFLOW_CHIP_WIDTH_REM * rootFontSize;
-    for (let i = 0; i < items.length; i++) {
-      const item = items[i];
-      const chip = chipRefs.current[i];
-      if (chip) {
-        chipWidths.current.set(item.value, chip.offsetWidth);
-      }
-    }
-    const count = calculateFittingChips(
-      items,
-      chipWidths.current,
-      containerWidth,
-      gap,
-      overflowChipWidth
-    );
-    setVisibleCount(count);
-  }, [items, maxVisible, containerRef, chipRefs, chipWidths]);
-  const debouncedCalculate = useDebounce(calculateVisibleChips, 100);
-  useEffect(() => {
-    if (chipRefs.current.length > items.length) {
-      chipRefs.current = chipRefs.current.slice(0, items.length);
-    }
-    const currentValues = new Set(items.map((item) => item.value));
-    chipWidths.current.forEach((_, value) => {
-      if (!currentValues.has(value)) {
-        chipWidths.current.delete(value);
-      }
-    });
-    if (maxVisible === void 0) {
-      const hasUnmeasuredItems = items.some((item) => !chipWidths.current.has(item.value));
-      if (hasUnmeasuredItems) {
-        setVisibleCount(items.length);
-      } else {
-        setTimeout(calculateVisibleChips, 0);
-      }
-    }
-  }, [items, maxVisible, calculateVisibleChips, chipRefs, chipWidths]);
-  useEffect(() => {
-    const container = containerRef.current;
-    if (!container) return;
-    const resizeObserver = new ResizeObserver(() => {
-      debouncedCalculate();
-    });
-    resizeObserver.observe(container);
-    setTimeout(calculateVisibleChips, 0);
-    return () => {
-      resizeObserver.disconnect();
-    };
-  }, [calculateVisibleChips, debouncedCalculate, containerRef]);
-  const visibleItems = items.slice(0, visibleCount);
-  const hiddenItems = items.slice(visibleCount);
-  const hasOverflow = hiddenItems.length > 0;
-  return { visibleCount, visibleItems, hiddenItems, hasOverflow };
-};
-const ChipGroup = forwardRef(
-  ({
-    items,
-    selectedValue,
-    onSelectionChange,
-    removable = false,
-    onRemove,
-    variant = "primary",
-    disabled = false,
-    maxVisible,
-    className,
-    "data-testid": dataTestId,
-    "data-cy": dataCy,
-    ...props
-  }, ref) => {
-    const normalizedItems = items && Array.isArray(items) ? items : [];
-    const validItems = normalizedItems.filter((item) => {
-      return item !== null && item !== void 0 && typeof item === "object";
-    });
-    const containerRef = useRef(null);
-    const chipRefs = useRef([]);
-    const chipWidths = useRef(/* @__PURE__ */ new Map());
-    const dropdownRef = useRef(null);
-    const [showTooltip, setShowTooltip] = useState(false);
-    const [showDropdown, setShowDropdown] = useState(false);
-    const dropdownItemRefs = useRef([]);
-    const { visibleItems, hiddenItems, hasOverflow } = useChipOverflow(
-      validItems,
-      containerRef,
-      chipRefs,
-      chipWidths,
-      maxVisible
-    );
-    const handleChipClick = useCallback(
-      (value, itemDisabled, event) => {
-        if (disabled || itemDisabled) return;
-        if (onSelectionChange) {
-          const newValue = selectedValue === value ? null : value;
-          onSelectionChange(newValue, event);
-        }
-      },
-      [disabled, selectedValue, onSelectionChange]
-    );
-    const handleRemove = useCallback(
-      (e, value) => {
-        e.stopPropagation();
-        if (disabled) return;
-        if (onRemove) {
-          onRemove(value, e);
-        }
-      },
-      [disabled, onRemove]
-    );
-    const handleKeyDown = useCallback(
-      (e, value, itemDisabled) => {
-        if (disabled || itemDisabled) return;
-        if (e.key === "Enter" || e.key === " ") {
-          e.preventDefault();
-          handleChipClick(value, itemDisabled, e);
-        }
-      },
-      [disabled, handleChipClick]
-    );
-    const handleOverflowClick = useCallback((e) => {
-      e.stopPropagation();
-      setShowDropdown((prev) => !prev);
-      setShowTooltip(false);
-    }, []);
-    const handleDropdownKeyDown = useCallback(
-      (e, index) => {
-        var _a, _b, _c, _d;
-        switch (e.key) {
-          case "ArrowDown":
-            e.preventDefault();
-            if (index < hiddenItems.length - 1) {
-              (_a = dropdownItemRefs.current[index + 1]) == null ? void 0 : _a.focus();
-            }
-            break;
-          case "ArrowUp":
-            e.preventDefault();
-            if (index > 0) {
-              (_b = dropdownItemRefs.current[index - 1]) == null ? void 0 : _b.focus();
-            }
-            break;
-          case "Home":
-            e.preventDefault();
-            (_c = dropdownItemRefs.current[0]) == null ? void 0 : _c.focus();
-            break;
-          case "End":
-            e.preventDefault();
-            (_d = dropdownItemRefs.current[hiddenItems.length - 1]) == null ? void 0 : _d.focus();
-            break;
-        }
-      },
-      [hiddenItems.length]
-    );
-    const handleClickOutsideRef = useRef();
-    const handleEscapeRef = useRef();
-    useEffect(() => {
-      handleClickOutsideRef.current = (event) => {
-        if (dropdownRef.current && !dropdownRef.current.contains(event.target)) {
-          setShowDropdown(false);
-        }
-      };
-      handleEscapeRef.current = (event) => {
-        if (event.key === "Escape") {
-          setShowDropdown(false);
-        }
-      };
-    });
-    useEffect(() => {
-      if (!showDropdown) return;
-      const handleClickOutside = (e) => {
-        var _a;
-        return (_a = handleClickOutsideRef.current) == null ? void 0 : _a.call(handleClickOutsideRef, e);
-      };
-      const handleEscape = (e) => {
-        var _a;
-        return (_a = handleEscapeRef.current) == null ? void 0 : _a.call(handleEscapeRef, e);
-      };
-      document.addEventListener("mousedown", handleClickOutside);
-      document.addEventListener("keydown", handleEscape);
-      return () => {
-        document.removeEventListener("mousedown", handleClickOutside);
-        document.removeEventListener("keydown", handleEscape);
-      };
-    }, [showDropdown]);
-    useEffect(() => {
-      if (process.env.NODE_ENV === "development" && validItems.length > 0) {
-        const values = validItems.map((item) => item.value);
-        const uniqueValues = new Set(values);
-        if (values.length !== uniqueValues.size) {
-          devWarn(
-            "[ChipGroup] Duplicate values detected in items array. Each item should have a unique value."
-          );
-        }
-      }
-    }, [validItems]);
-    useEffect(() => {
-      if (dropdownItemRefs.current.length > hiddenItems.length) {
-        dropdownItemRefs.current = dropdownItemRefs.current.slice(0, hiddenItems.length);
-      }
-    }, [hiddenItems]);
-    if (!items || !Array.isArray(items)) {
-      return null;
-    }
-    return /* @__PURE__ */ jsxs(
-      "div",
-      {
-        ref,
-        className: cn("chip-group", disabled && "chip-group--disabled", className),
-        role: "group",
-        "aria-label": "Chip group",
-        "data-testid": dataTestId || "chip-group",
-        "data-cy": dataCy || "chip-group",
-        ...props,
-        children: [
-          hasOverflow && /* @__PURE__ */ jsxs(
-            "div",
-            {
-              className: "sr-only",
-              role: "status",
-              "aria-live": "polite",
-              "aria-atomic": "true",
-              "data-testid": "chip-group-live-region",
-              "data-cy": "chip-group-live-region",
-              children: [
-                hiddenItems.length,
-                " additional ",
-                hiddenItems.length === 1 ? "chip" : "chips",
-                " hidden"
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsxs("div", { ref: containerRef, className: "chip-group__container", children: [
-            visibleItems.map((item) => {
-              const isSelected = selectedValue === item.value;
-              const itemVariant = item.variant || variant;
-              const itemDisabled = disabled || item.disabled || false;
-              const itemIndexInFullArray = validItems.findIndex((i) => i.value === item.value);
-              return /* @__PURE__ */ jsx(
-                "div",
-                {
-                  ref: (el) => {
-                    if (el) {
-                      chipRefs.current[itemIndexInFullArray] = el;
-                    } else {
-                      chipRefs.current[itemIndexInFullArray] = null;
-                    }
-                  },
-                  className: "chip-group__item-wrapper",
-                  "data-cy": `chip-group-item-wrapper-${item.value}`,
-                  "data-testid": `chip-group-item-wrapper-${item.value}`,
-                  children: /* @__PURE__ */ jsxs(
-                    "div",
-                    {
-                      className: "chip-group__item",
-                      onClick: (e) => handleChipClick(item.value, itemDisabled, e),
-                      onKeyDown: (e) => handleKeyDown(e, item.value, itemDisabled),
-                      tabIndex: itemDisabled ? -1 : 0,
-                      role: "button",
-                      "aria-pressed": isSelected ? "true" : "false",
-                      "aria-disabled": itemDisabled ? "true" : "false",
-                      "data-cy": `chip-group-item-${item.value}`,
-                      "data-testid": `chip-group-item-${item.value}`,
-                      children: [
-                        /* @__PURE__ */ jsx(
-                          Chip,
-                          {
-                            variant: itemVariant,
-                            selected: isSelected,
-                            disabled: itemDisabled,
-                            "data-cy": `chip-${item.value}`,
-                            "data-testid": `chip-${item.value}`,
-                            children: item.label
-                          }
-                        ),
-                        removable && !disabled && !itemDisabled && /* @__PURE__ */ jsx(
-                          "button",
-                          {
-                            className: "chip-group__remove",
-                            onClick: (e) => handleRemove(e, item.value),
-                            "aria-label": `Remove ${item.label}`,
-                            "data-cy": `chip-remove-${item.value}`,
-                            "data-testid": `chip-remove-${item.value}`,
-                            type: "button",
-                            children: /* @__PURE__ */ jsx(Icon, { name: "Cross2Icon", size: "sm", decorative: true })
-                          }
-                        )
-                      ]
-                    }
-                  )
-                },
-                item.value
-              );
-            }),
-            hasOverflow && /* @__PURE__ */ jsxs(
-              "div",
-              {
-                ref: dropdownRef,
-                className: "chip-group__overflow",
-                role: "button",
-                tabIndex: 0,
-                "aria-expanded": showDropdown ? "true" : "false",
-                "aria-haspopup": "menu",
-                "aria-label": `Show ${hiddenItems.length} more ${hiddenItems.length === 1 ? "chip" : "chips"}`,
-                onMouseEnter: () => !showDropdown && setShowTooltip(true),
-                onMouseLeave: () => setShowTooltip(false),
-                onClick: handleOverflowClick,
-                onKeyDown: (e) => {
-                  if (e.key === "Enter" || e.key === " ") {
-                    e.preventDefault();
-                    e.stopPropagation();
-                    setShowDropdown(!showDropdown);
-                    setShowTooltip(false);
-                  }
-                },
-                "data-cy": "chip-group-overflow",
-                "data-testid": "chip-group-overflow",
-                children: [
-                  /* @__PURE__ */ jsxs(Chip, { variant, "data-cy": "chip-overflow", "data-testid": "chip-overflow", children: [
-                    "+",
-                    hiddenItems.length
-                  ] }),
-                  showTooltip && !showDropdown && /* @__PURE__ */ jsx(
-                    "div",
-                    {
-                      className: "chip-group__tooltip chip-group__tooltip--hover",
-                      role: "tooltip",
-                      "data-cy": "chip-group-tooltip",
-                      "data-testid": "chip-group-tooltip",
-                      children: hiddenItems.map((item) => /* @__PURE__ */ jsx(
-                        "div",
-                        {
-                          className: "chip-group__tooltip-item",
-                          "data-cy": `chip-group-tooltip-item-${item.value}`,
-                          "data-testid": `chip-group-tooltip-item-${item.value}`,
-                          children: item.label
-                        },
-                        item.value
-                      ))
-                    }
-                  ),
-                  showDropdown && /* @__PURE__ */ jsx(
-                    "div",
-                    {
-                      className: "chip-group__dropdown",
-                      role: "menu",
-                      "data-cy": "chip-group-dropdown",
-                      "data-testid": "chip-group-dropdown",
-                      children: hiddenItems.map((item, index) => /* @__PURE__ */ jsx(
-                        "div",
-                        {
-                          ref: (el) => {
-                            if (el) {
-                              dropdownItemRefs.current[index] = el;
-                            } else {
-                              dropdownItemRefs.current[index] = null;
-                            }
-                          },
-                          className: cn(
-                            "chip-group__dropdown-item",
-                            item.disabled && "chip-group__dropdown-item--disabled"
-                          ),
-                          role: "menuitem",
-                          tabIndex: item.disabled ? -1 : 0,
-                          "aria-disabled": item.disabled ? "true" : "false",
-                          onClick: (e) => {
-                            e.stopPropagation();
-                            if (!item.disabled) {
-                              handleChipClick(item.value, false, e);
-                              setShowDropdown(false);
-                            }
-                          },
-                          onKeyDown: (e) => {
-                            handleDropdownKeyDown(e, index);
-                            if (e.key === "Enter" || e.key === " ") {
-                              e.preventDefault();
-                              e.stopPropagation();
-                              if (!item.disabled) {
-                                handleChipClick(item.value, false, e);
-                                setShowDropdown(false);
-                              }
-                            }
-                          },
-                          "data-cy": `chip-group-dropdown-item-${item.value}`,
-                          "data-testid": `chip-group-dropdown-item-${item.value}`,
-                          children: item.label
-                        },
-                        item.value
-                      ))
-                    }
-                  )
-                ]
-              }
-            )
-          ] })
-        ]
-      }
-    );
-  }
-);
-ChipGroup.displayName = "ChipGroup";
-export {
-  ChipGroup
-};
+import{jsx as e}from"react/jsx-runtime";import{forwardRef as a}from"react";import{cn as r}from"./index32.js";import{chipVariantMap as t,chipBaseStyles as i}from"./index49.js";const d=a(({variant:a="primary",selected:d=!1,disabled:s=!1,className:o,children:c,"data-testid":n,"data-cy":l,...p},m)=>{const h=t[a],f=r(i,d?h.selected:h.base,!d&&!s&&h.hover,s&&"opacity-40 cursor-not-allowed pointer-events-none",o);/* @__PURE__ */
+return e("div",{ref:m,className:f,"data-testid":n||`chip-${a}`,"data-cy":l||`chip-${a}`,"aria-selected":d,"aria-disabled":s,"aria-label":"string"==typeof c?c:void 0,...p,children:/* @__PURE__ */e("span",{children:c})})});d.displayName="Chip";export{d as Chip};

package/dist/index21.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),e=require("react"),t=require("@radix-ui/react-dialog"),o=require("./index31.cjs");;/* empty css          */const i=require("@adam-milo/icons");function s(a){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(a)for(const t in a)if("default"!==t){const o=Object.getOwnPropertyDescriptor(a,t);Object.defineProperty(e,t,o.get?o:{enumerable:!0,get:()=>a[t]})}return e.default=a,Object.freeze(e)}const d=s(t),r=d.Root,l=d.Trigger,c=d.Portal,n=d.Close,g=e.forwardRef(({className:e,"data-cy":t,"data-testid":s,...r},l)=>{const c=t||"dialog-close-button",n=s||"dialog-close-button";return a.jsx(d.Close,{ref:l,className:o.cn("dialog-close-button",e),"data-cy":c,"data-testid":n,"aria-label":"Close dialog",...r,children:a.jsx(i.Icon,{name:"Cross2Icon",size:"sm",decorative:!0})})});g.displayName="DialogCloseButton";const y=({children:e,variant:t="default",className:i,"data-cy":s,"data-testid":d,...r})=>{const l=s||"dialog-icon",c=d||"dialog-icon";return a.jsx("div",{className:o.cn("dialog-icon",`dialog-icon--${t}`,i),"data-cy":l,"data-testid":c,"aria-hidden":"true",...r,children:e})};y.displayName="DialogIcon";const m=e.forwardRef(({className:e,"data-cy":t,"data-testid":i,...s},r)=>{const l=t||"dialog-overlay",c=i||"dialog-overlay";return a.jsx(d.Overlay,{ref:r,className:o.cn("dialog-overlay",e),"data-cy":l,"data-testid":c,...s})});m.displayName=d.Overlay.displayName;const p=e.forwardRef(({className:e,children:t,"data-cy":i,"data-testid":s,...r},l)=>{const n=i||"dialog-content",g=s||"dialog-content";return a.jsxs(c,{children:[a.jsx(m,{}),a.jsx(d.Content,{ref:l,className:o.cn("dialog-content",e),"data-cy":n,"data-testid":g,...r,children:t})]})});p.displayName=d.Content.displayName;const u=({centered:e=!1,className:t,"data-cy":i,"data-testid":s,...d})=>{const r=i||"dialog-header",l=s||"dialog-header";return a.jsx("div",{className:o.cn("dialog-header",e&&"dialog-header--centered",t),"data-cy":r,"data-testid":l,...d})};u.displayName="DialogHeader";const f=({className:e,"data-cy":t,"data-testid":i,...s})=>{const d=t||"dialog-footer",r=i||"dialog-footer";return a.jsx("div",{className:o.cn("dialog-footer",e),"data-cy":d,"data-testid":r,...s})};f.displayName="DialogFooter";const x=e.forwardRef(({className:e,"data-cy":t,"data-testid":i,...s},r)=>{const l=t||"dialog-title",c=i||"dialog-title";return a.jsx(d.Title,{ref:r,className:o.cn("dialog-title",e),"data-cy":l,"data-testid":c,...s})});x.displayName=d.Title.displayName;const N=e.forwardRef(({className:e,"data-cy":t,"data-testid":i,...s},r)=>{const l=t||"dialog-description",c=i||"dialog-description";return a.jsx(d.Description,{ref:r,className:o.cn("dialog-description",e),"data-cy":l,"data-testid":c,...s})});N.displayName=d.Description.displayName,exports.Dialog=r,exports.DialogClose=n,exports.DialogCloseButton=g,exports.DialogContent=p,exports.DialogDescription=N,exports.DialogFooter=f,exports.DialogHeader=u,exports.DialogIcon=y,exports.DialogOverlay=m,exports.DialogPortal=c,exports.DialogTitle=x,exports.DialogTrigger=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),r=require("./index32.cjs"),a=require("./index20.cjs"),n=require("./index50.cjs"),i=require("./index51.cjs"),l=require("@adam-milo/icons"),s=(e,r,a,n,i)=>{const[l,s]=t.useState(e.length),o=t.useCallback(()=>{if(void 0!==i)return void s(Math.min(i,e.length));const t=r.current;if(!t)return;const l=t.clientWidth,o=parseFloat(getComputedStyle(document.documentElement).fontSize)||16,u=window.getComputedStyle(t),c=((e,t,r)=>{if(!e)return.5*t;const a=e.match(/^([\d.]+)(px|rem|em)?/);if(!a)return.5*t;const n=parseFloat(a[1]);switch(a[2]||"px"){case"px":return n;case"rem":return n*t;case"em":return n*r;default:return.5*t}})(u.gap,o,parseFloat(u.fontSize)||16),d=3.75*o;for(let r=0;r<e.length;r++){const t=e[r],i=a.current[r];i&&n.current.set(t.value,i.offsetWidth)}const p=((e,t,r,a,n)=>{let i=0,l=0;for(let s=0;s<e.length;s++){const o=e[s],u=t.get(o.value)||0;if(0===u){l++;break}const c=i+(s>0?a:0)+u;if(s<e.length-1){if(c+a+n>r&&l>0)break}else if(c>r&&l>0)break;i=c,l++}return Math.max(1,l)})(e,n.current,l,c,d);s(p)},[e,i,r,a,n]),u=((e,r)=>{const a=t.useRef(null);return t.useEffect(()=>()=>{a.current&&clearTimeout(a.current)},[]),t.useCallback((...t)=>{a.current&&clearTimeout(a.current),a.current=setTimeout(()=>e(...t),r)},[e,r])})(o,100);t.useEffect(()=>{a.current.length>e.length&&(a.current=a.current.slice(0,e.length));const t=new Set(e.map(e=>e.value));if(n.current.forEach((e,r)=>{t.has(r)||n.current.delete(r)}),void 0===i){e.some(e=>!n.current.has(e.value))?s(e.length):setTimeout(o,0)}},[e,i,o,a,n]),t.useEffect(()=>{const e=r.current;if(!e)return;const t=new ResizeObserver(()=>{u()});return t.observe(e),setTimeout(o,0),()=>{t.disconnect()}},[o,u,r]);const c=e.slice(0,l),d=e.slice(l);return{visibleCount:l,visibleItems:c,hiddenItems:d,hasOverflow:d.length>0}},o=t.forwardRef(({items:o,selectedValue:u,onSelectionChange:c,removable:d=!1,onRemove:p,variant:h="primary",disabled:v=!1,maxVisible:m,className:f,"data-testid":g,"data-cy":b,...y},w)=>{const x=(o&&Array.isArray(o)?o:[]).filter(e=>null!=e&&"object"==typeof e),k=t.useRef(null),C=t.useRef([]),E=t.useRef(new Map),j=t.useRef(null),[S,N]=t.useState(!1),[$,D]=t.useState(!1),R=t.useRef([]),{visibleItems:I,hiddenItems:q,hasOverflow:M}=s(x,k,C,E,m),A=t.useCallback((e,t,r)=>{if(!v&&!t&&c){c(u===e?null:e,r)}},[v,u,c]),P=t.useCallback((e,t)=>{e.stopPropagation(),v||p&&p(t,e)},[v,p]),T=t.useCallback((e,t,r)=>{v||r||"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),A(t,r,e))},[v,A]),z=t.useCallback(e=>{e.stopPropagation(),D(e=>!e),N(!1)},[]),L=t.useCallback((e,t)=>{switch(e.key){case"ArrowDown":e.preventDefault(),t<q.length-1&&R.current[t+1]?.focus();break;case"ArrowUp":e.preventDefault(),t>0&&R.current[t-1]?.focus();break;case"Home":e.preventDefault(),R.current[0]?.focus();break;case"End":e.preventDefault(),R.current[q.length-1]?.focus()}},[q.length]),O=t.useRef(null),W=t.useRef(null);return t.useEffect(()=>{O.current=e=>{j.current&&!j.current.contains(e.target)&&D(!1)},W.current=e=>{"Escape"===e.key&&D(!1)}}),t.useEffect(()=>{if(!$)return;const e=e=>O.current?.(e),t=e=>W.current?.(e);return document.addEventListener("mousedown",e),document.addEventListener("keydown",t),()=>{document.removeEventListener("mousedown",e),document.removeEventListener("keydown",t)}},[$]),t.useEffect(()=>{if("development"===process.env.NODE_ENV&&x.length>0){const e=x.map(e=>e.value),t=new Set(e);e.length!==t.size&&i.devWarn("[ChipGroup] Duplicate values detected in items array. Each item should have a unique value.")}},[x]),t.useEffect(()=>{R.current.length>q.length&&(R.current=R.current.slice(0,q.length))},[q]),o&&Array.isArray(o)?e.jsxs("div",{ref:w,className:r.cn(n.rootStyles,v&&"opacity-40 pointer-events-none",f),role:"group","aria-label":"Chip group","data-testid":g||"chip-group","data-cy":b||"chip-group",...y,children:[M&&e.jsxs("div",{className:"sr-only",role:"status","aria-live":"polite","aria-atomic":"true","data-testid":"chip-group-live-region","data-cy":"chip-group-live-region",children:[q.length," additional ",1===q.length?"chip":"chips"," hidden"]}),e.jsxs("div",{ref:k,className:n.containerStyles,children:[I.map(t=>{const r=u===t.value,i=t.variant||h,s=v||t.disabled||!1,o=x.findIndex(e=>e.value===t.value);return e.jsx("div",{ref:e=>{C.current[o]=e||null},className:n.itemWrapperStyles,"data-cy":`chip-group-item-wrapper-${t.value}`,"data-testid":`chip-group-item-wrapper-${t.value}`,children:e.jsxs("div",{className:n.itemButtonStyles,onClick:e=>A(t.value,s,e),onKeyDown:e=>T(e,t.value,s),tabIndex:s?-1:0,role:"button","aria-pressed":r?"true":"false","aria-disabled":s?"true":"false","data-cy":`chip-group-item-${t.value}`,"data-testid":`chip-group-item-${t.value}`,children:[e.jsx(a.Chip,{variant:i,selected:r,disabled:s,className:!d||v||s?void 0:"pe-6","data-cy":`chip-${t.value}`,"data-testid":`chip-${t.value}`,children:t.label}),d&&!v&&!s&&e.jsx("button",{className:n.removeButtonStyles,onClick:e=>P(e,t.value),"aria-label":`Remove ${t.label}`,"data-cy":`chip-remove-${t.value}`,"data-testid":`chip-remove-${t.value}`,type:"button",children:e.jsx(l.Icon,{name:"Cross2Icon",size:"sm",decorative:!0})})]})},t.value)}),M&&e.jsxs("div",{ref:j,className:n.overflowButtonStyles,role:"button",tabIndex:0,"aria-expanded":$?"true":"false","aria-haspopup":"menu","aria-label":`Show ${q.length} more ${1===q.length?"chip":"chips"}`,onMouseEnter:()=>!$&&N(!0),onMouseLeave:()=>N(!1),onClick:z,onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),e.stopPropagation(),D(!$),N(!1))},"data-cy":"chip-group-overflow","data-testid":"chip-group-overflow",children:[e.jsxs(a.Chip,{variant:h,className:n.overflowChipClassMap[h],"data-cy":"chip-overflow","data-testid":"chip-overflow",children:["+",q.length]}),S&&!$&&e.jsx("div",{className:"chip-group-tooltip",role:"tooltip","data-cy":"chip-group-tooltip","data-testid":"chip-group-tooltip",children:q.map(t=>e.jsx("div",{className:n.tooltipItemStyles,"data-cy":`chip-group-tooltip-item-${t.value}`,"data-testid":`chip-group-tooltip-item-${t.value}`,children:t.label},t.value))}),$&&e.jsx("div",{className:"chip-group-dropdown",role:"menu","data-cy":"chip-group-dropdown","data-testid":"chip-group-dropdown",children:q.map((t,a)=>e.jsx("div",{ref:e=>{R.current[a]=e||null},className:r.cn("chip-group-dropdown-item",t.disabled&&"chip-group-dropdown-item--disabled"),role:"menuitem",tabIndex:t.disabled?-1:0,"aria-disabled":t.disabled?"true":"false",onClick:e=>{e.stopPropagation(),t.disabled||(A(t.value,!1,e),D(!1))},onKeyDown:e=>{L(e,a),"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),e.stopPropagation(),t.disabled||(A(t.value,!1,e),D(!1)))},"data-cy":`chip-group-dropdown-item-${t.value}`,"data-testid":`chip-group-dropdown-item-${t.value}`,children:t.label},t.value))})]})]})]}):null});o.displayName="ChipGroup",exports.ChipGroup=o;