boreal-ui 0.0.11 → 0.0.12

package/dist/core/index.js

@@ -2,16 +2,14 @@
 import { a, T } from "./ThemeContext-Bo0vLczy.js";
 import { r } from "./registerColorSheme-BPX0H7hl.js";
 import { colorSchemes } from "./colorSchemes.js";
-import { a as getDefaultRounding, b as getDefaultShadow, d as getDefaultTheme } from "./boreal-style-config-BILmxkZG.js";
 import { s } from "./boreal-style-config-BILmxkZG.js";
 import { B } from "./Button-DEYbr8xW.js";
 import { I } from "./IconButton-B6cAP2hY.js";
 import { S } from "./STT-aXWWubSC.js";
 import { T as T2 } from "./TextInput-CtI8fsXR.js";
 import { T as T3 } from "./TextArea-B0it55lO.js";
-import { C as ChevronDownIcon } from "./Select-BDwB-XRV.js";
-import { S as S2 } from "./Select-BDwB-XRV.js";
-import { F, U } from "./Footer-D_-eBUqK.js";
+import { S as S2 } from "./Select-_12yQ-yj.js";
+import { F, U } from "./Footer-7ixaMvFc.js";
 import { F as F2 } from "./FileUpload-DxjQ2wnn.js";
 import { T as T4 } from "./Taginput-CrScreYL.js";
 import { R } from "./RadioButton-DTPBlw1t.js";
@@ -23,8 +21,8 @@ import { D } from "./DataTable-DQU1WxPr.js";
 import { D as D2 } from "./DateTimePicker-O8khtyOu.js";
 import { M } from "./MarkdownRenderer-CQVfqnxf.js";
 import { C as Chip } from "./Chip-7R6wAufO.js";
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import React, { forwardRef, useState, useEffect, useCallback, useImperativeHandle, useRef, useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+import React, { forwardRef, useState, useEffect, useCallback, useImperativeHandle } from "react";
 import { v4 } from "uuid";
 import { c as combineClassNames } from "./classNames-AS8QjFq7.js";
 import { B as B2 } from "./Badge-DfsFGYhY.js";
@@ -52,7 +50,7 @@ import { M as M4 } from "./MetricBox-D5Dl19d2.js";
 import { E } from "./EmptyState-Bd-es_rG.js";
 import { C as C4 } from "./CommandPalette-CHOC0Z2m.js";
 import { N as N2 } from "./NotificationCenter-Bp7AqnTg.js";
-import { c as capitalize } from "./capitalize-C0TSQSPh.js";
+import { S as S7 } from "./Sidebar-z0mG5nn_.js";
 import { C as C5 } from "./Card-DKPk0zgQ.js";
 import { A as A2 } from "./Avatar-mhtrG5FT.js";
 const ChipGroupBase = forwardRef(
@@ -154,213 +152,6 @@ const ChipGroup = React.forwardRef(
     }
   )
 );
-const SidebarBase = ({
-  links,
-  classMap: classMap2,
-  currentPath,
-  LinkComponent = "a",
-  theme = getDefaultTheme(),
-  rounding = getDefaultRounding(),
-  shadow = getDefaultShadow(),
-  state = "",
-  showFooter = false,
-  footerLinks,
-  footerVersion,
-  outline = false,
-  className = "",
-  "data-testid": testId = "sidebar",
-  ariaLabel = "Sidebar navigation",
-  ...rest
-}) => {
-  const [openItems, setOpenItems] = useState({});
-  const toggleItem = (key) => {
-    setOpenItems((prev) => ({ ...prev, [key]: !prev[key] }));
-  };
-  const submenuRefs = useRef({});
-  const setSubmenuRef = (key, el) => {
-    submenuRefs.current[key] = el;
-  };
-  const getSubmenuHeight = (key) => {
-    const el = submenuRefs.current[key];
-    return el ? `${el.scrollHeight}px` : "0px";
-  };
-  const containerClasses = useMemo(
-    () => combineClassNames(
-      classMap2.wrapper,
-      className,
-      classMap2[theme],
-      classMap2[state],
-      shadow && classMap2[`shadow${capitalize(shadow)}`],
-      rounding && classMap2[`round${capitalize(rounding)}`],
-      outline ? classMap2.outline : ""
-    ),
-    [className, theme, state, outline, rounding, shadow]
-  );
-  const renderLinks = (items, isChild = false) => /* @__PURE__ */ jsx(
-    "ul",
-    {
-      className: combineClassNames(
-        classMap2.list,
-        isChild ? classMap2.childList : ""
-      ),
-      "data-testid": `${testId}-list`,
-      children: items.map(({ label, href, children, icon }) => {
-        const isActive = href && currentPath === href;
-        const isOpen = openItems[label] || false;
-        return /* @__PURE__ */ jsx(
-          "li",
-          {
-            className: classMap2.item,
-            "data-testid": `${testId}-listItems`,
-            children: children && children.length > 0 ? /* @__PURE__ */ jsxs(Fragment, { children: [
-              /* @__PURE__ */ jsxs(
-                "button",
-                {
-                  type: "button",
-                  className: combineClassNames(
-                    classMap2.link,
-                    isOpen ? classMap2.active : ""
-                  ),
-                  onClick: () => toggleItem(label),
-                  "aria-expanded": isOpen,
-                  "data-testid": `${testId}-exapndItemButton`,
-                  children: [
-                    icon && /* @__PURE__ */ jsx("span", { className: classMap2.icon, children: icon }),
-                    /* @__PURE__ */ jsx("span", { "data-testid": `${testId}-exapndItemLabel`, children: label }),
-                    /* @__PURE__ */ jsx(
-                      ChevronDownIcon,
-                      {
-                        className: combineClassNames(
-                          classMap2.chevron,
-                          isOpen ? classMap2.chevronOpen : ""
-                        ),
-                        "data-testid": `${testId}-exapndIcon`
-                      }
-                    )
-                  ]
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                "div",
-                {
-                  ref: (el) => setSubmenuRef(label, el),
-                  className: combineClassNames(
-                    classMap2.submenu,
-                    isOpen ? classMap2.submenuOpen : ""
-                  ),
-                  style: {
-                    maxHeight: isOpen ? getSubmenuHeight(label) : "0px"
-                  },
-                  "data-testid": `${testId}-subMenu`,
-                  children: renderLinks(children, true)
-                }
-              )
-            ] }) : href ? /* @__PURE__ */ jsxs(
-              LinkComponent,
-              {
-                href,
-                className: combineClassNames(
-                  classMap2.link,
-                  isChild ? classMap2.childLink : "",
-                  isActive ? classMap2.active : ""
-                ),
-                "aria-current": isActive ? "page" : void 0,
-                "data-testid": `${testId}-sidebarLink`,
-                children: [
-                  icon && /* @__PURE__ */ jsx("span", { className: classMap2.icon, children: icon }),
-                  label
-                ]
-              }
-            ) : /* @__PURE__ */ jsxs(
-              "span",
-              {
-                className: combineClassNames(
-                  classMap2.link,
-                  isChild ? classMap2.childLink : ""
-                ),
-                "data-testid": `${testId}-sidebarLabel`,
-                children: [
-                  icon && /* @__PURE__ */ jsx("span", { className: classMap2.icon, children: icon }),
-                  label
-                ]
-              }
-            )
-          },
-          label
-        );
-      })
-    }
-  );
-  return /* @__PURE__ */ jsxs(
-    "nav",
-    {
-      className: containerClasses,
-      "aria-label": ariaLabel,
-      ...rest,
-      "data-testid": testId,
-      children: [
-        /* @__PURE__ */ jsx("nav", { className: classMap2.nav, children: renderLinks(links) }),
-        showFooter && /* @__PURE__ */ jsxs("footer", { className: classMap2.footer, "data-testid": `${testId}-footer`, children: [
-          footerLinks == null ? void 0 : footerLinks.map(({ label, href }) => /* @__PURE__ */ jsx(
-            LinkComponent,
-            {
-              href,
-              className: classMap2.footerLink,
-              "data-testid": `${testId}-footerLink`,
-              children: label
-            },
-            label
-          )),
-          footerVersion && /* @__PURE__ */ jsx(
-            "span",
-            {
-              className: classMap2.footerVersion,
-              "data-testid": `${testId}-footerVersion`,
-              children: footerVersion
-            }
-          )
-        ] })
-      ]
-    }
-  );
-};
-SidebarBase.displayName = "SidebarBase";
-const classes = {
-  wrapper: "sidebar",
-  nav: "sidebar_nav",
-  list: "sidebar_list",
-  childList: "sidebar_child-list",
-  item: "sidebar_item",
-  link: "sidebar_link",
-  childLink: "sidebar_child-link",
-  active: "sidebar_active",
-  footer: "sidebar_footer",
-  footerLink: "sidebar_footer-link",
-  footerVersion: "sidebar_footer-version",
-  chevron: "sidebar_chevron",
-  chevronOpen: "sidebar_chevron_open",
-  submenu: "sidebar_submenu",
-  submenuOpen: "sidebar_submenu_open",
-  outline: "sidebar_outline",
-  primary: "sidebar_primary",
-  secondary: "sidebar_secondary",
-  tertiary: "sidebar_tertiary",
-  quaternary: "sidebar_quaternary",
-  success: "sidebar_success",
-  error: "sidebar_error",
-  warning: "sidebar_warning",
-  clear: "sidebar_clear",
-  shadowNone: "sidebar_shadow-None",
-  shadowLight: "sidebar_shadow-Light",
-  shadowMedium: "sidebar_shadow-Medium",
-  shadowStrong: "sidebar_shadow-Strong",
-  shadowIntense: "sidebar_shadow-Intense",
-  roundNone: "sidebar_round-None",
-  roundSmall: "sidebar_round-Small",
-  roundMedium: "sidebar_round-Medium",
-  roundLarge: "sidebar_round-Large"
-};
-const Sidebar = ({ currentPath, ...props }) => /* @__PURE__ */ jsx(SidebarBase, { ...props, currentPath, classMap: classes });
 export {
   A as Accordion,
   A2 as Avatar,
@@ -396,7 +187,7 @@ export {
   R2 as Rating,
   S as ScrollToTop,
   S2 as Select,
-  Sidebar,
+  S7 as Sidebar,
   S4 as Skeleton,
   S3 as Slider,
   S5 as Spinner,

package/dist/core/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/components/Chip/ChipGroup/ChipGroupBase.tsx","../../src/components/Chip/ChipGroup/core/ChipGroup.tsx","../../src/components/Sidebar/SidebarBase.tsx","../../src/components/Sidebar/core/Sidebar.tsx"],"sourcesContent":["import {\r\n  forwardRef,\r\n  useCallback,\r\n  useEffect,\r\n  useImperativeHandle,\r\n  useState,\r\n} from \"react\";\r\nimport type { ChipGroupProps, ChipGroupRef } from \"./ChipGroup.types\";\r\nimport type { ChipProps } from \"../Chip.types\";\r\nimport { v4 as uuidv4 } from \"uuid\";\r\nimport { combineClassNames } from \"@/utils/classNames\";\r\n\r\nexport interface ChipGroupBaseProps extends ChipGroupProps {\r\n  ChipComponent: React.ElementType;\r\n  classMap: Record<string, string>;\r\n}\r\n\r\nconst ChipGroupBase = forwardRef<ChipGroupRef, ChipGroupBaseProps>(\r\n  (\r\n    {\r\n      chips,\r\n      onRemove,\r\n      position = \"topCenter\",\r\n      size = \"medium\",\r\n      className = \"\",\r\n      ChipComponent,\r\n      classMap,\r\n    },\r\n    ref\r\n  ) => {\r\n    const [visibleChips, setVisibleChips] = useState<ChipProps[]>([]);\r\n\r\n    useEffect(() => {\r\n      const initialized = chips.map((chip) => ({\r\n        ...chip,\r\n        id: chip.id || uuidv4(),\r\n      }));\r\n      setVisibleChips(initialized);\r\n    }, [chips]);\r\n\r\n    const handleClose = useCallback(\r\n      (id: string) => {\r\n        setVisibleChips((prev) => prev.filter((c) => c.id !== id));\r\n        onRemove?.(id);\r\n      },\r\n      [onRemove]\r\n    );\r\n\r\n    useImperativeHandle(ref, () => ({\r\n      closeAllChips: () => {\r\n        visibleChips.forEach((chip) => handleClose(chip.id!));\r\n      },\r\n    }));\r\n\r\n    const containerClassName = [\r\n      classMap.container,\r\n      classMap[position],\r\n      className,\r\n    ]\r\n      .filter(Boolean)\r\n      .join(\" \");\r\n\r\n    return (\r\n      <div\r\n        className={containerClassName}\r\n        role=\"region\"\r\n        aria-label=\"Notifications\"\r\n        aria-live=\"polite\"\r\n        data-testid=\"chip-group\"\r\n      >\r\n        <ul role=\"list\" className={classMap.list}>\r\n          {visibleChips.map((chip, index) => {\r\n            const chipPosition = chip.position || position;\r\n            const chipPositionClass = classMap[chipPosition];\r\n\r\n            return (\r\n              <li key={chip.id} role=\"listitem\">\r\n                <ChipComponent\r\n                  id={chip.id}\r\n                  message={chip.message}\r\n                  icon={chip.icon}\r\n                  theme={chip.theme}\r\n                  state={chip.state}\r\n                  size={chip.size || size}\r\n                  rounding={chip.rounding}\r\n                  shadow={chip.shadow}\r\n                  visible={true}\r\n                  onClose={() => handleClose(chip.id!)}\r\n                  autoClose={chip.autoClose}\r\n                  duration={chip.duration}\r\n                  position={chipPosition}\r\n                  usePortal={false}\r\n                  stackIndex={index}\r\n                  className={combineClassNames(\r\n                    classMap.chip,\r\n                    chip.className,\r\n                    chipPositionClass\r\n                  )}\r\n                  data-testid={chip[\"data-testid\"]}\r\n                />\r\n              </li>\r\n            );\r\n          })}\r\n        </ul>\r\n      </div>\r\n    );\r\n  }\r\n);\r\n\r\nChipGroupBase.displayName = \"ChipGroupBase\";\r\nexport default ChipGroupBase;\r\n","import React from \"react\";\r\nimport ChipGroupBase from \"../ChipGroupBase\";\r\nimport Chip from \"../../core/Chip\";\r\nimport \"./ChipGroup.scss\";\r\nimport { ChipGroupProps, ChipGroupRef } from \"../ChipGroup.types\";\r\n\r\nconst classMap = {\r\n  container: \"chip_group\",\r\n  list: \"chip_group_list\",\r\n  topCenter: \"chip_group_topCenter\",\r\n  bottomCenter: \"chip_group_bottomCenter\",\r\n  topLeft: \"chip_group_topLeft\",\r\n  topRight: \"chip_group_topRight\",\r\n  bottomLeft: \"chip_group_bottomLeft\",\r\n  bottomRight: \"chip_group_bottomRight\",\r\n};\r\n\r\nconst ChipGroup = React.forwardRef<ChipGroupRef, ChipGroupProps>(\r\n  (props, ref) => (\r\n    <ChipGroupBase\r\n      {...props}\r\n      ref={ref}\r\n      ChipComponent={Chip}\r\n      classMap={classMap}\r\n    />\r\n  )\r\n);\r\n\r\nexport default ChipGroup;\r\n","import React, { useState, useMemo, useRef, useEffect } from \"react\";\nimport { SidebarProps } from \"./Sidebar.types\";\nimport { combineClassNames } from \"@/utils/classNames\";\nimport {\n  getDefaultRounding,\n  getDefaultShadow,\n  getDefaultTheme,\n} from \"@/config/boreal-style-config\";\nimport { capitalize } from \"@/utils/capitalize\";\nimport { ChevronDownIcon } from \"@/Icons\";\n\nconst SidebarBase: React.FC<SidebarProps> = ({\n  links,\n  classMap,\n  currentPath,\n  LinkComponent = \"a\",\n  theme = getDefaultTheme(),\n  rounding = getDefaultRounding(),\n  shadow = getDefaultShadow(),\n  state = \"\",\n  showFooter = false,\n  footerLinks,\n  footerVersion,\n  outline = false,\n  className = \"\",\n  \"data-testid\": testId = \"sidebar\",\n  ariaLabel = \"Sidebar navigation\",\n  ...rest\n}) => {\n  const [openItems, setOpenItems] = useState<Record<string, boolean>>({});\n\n  const toggleItem = (key: string) => {\n    setOpenItems((prev) => ({ ...prev, [key]: !prev[key] }));\n  };\n\n  const submenuRefs = useRef<Record<string, HTMLDivElement | null>>({});\n\n  const setSubmenuRef = (key: string, el: HTMLDivElement | null) => {\n    submenuRefs.current[key] = el;\n  };\n\n  const getSubmenuHeight = (key: string) => {\n    const el = submenuRefs.current[key];\n    return el ? `${el.scrollHeight}px` : \"0px\";\n  };\n\n  const containerClasses = useMemo(\n    () =>\n      combineClassNames(\n        classMap.wrapper,\n        className,\n        classMap[theme],\n        classMap[state],\n        shadow && classMap[`shadow${capitalize(shadow)}`],\n        rounding && classMap[`round${capitalize(rounding)}`],\n        outline ? classMap.outline : \"\"\n      ),\n    [className, theme, state, outline, rounding, shadow]\n  );\n\n  const renderLinks = (items: typeof links, isChild = false) => (\n    <ul\n      className={combineClassNames(\n        classMap.list,\n        isChild ? classMap.childList : \"\"\n      )}\n      data-testid={`${testId}-list`}\n    >\n      {items.map(({ label, href, children, icon }) => {\n        const isActive = href && currentPath === href;\n        const isOpen = openItems[label] || false;\n\n        return (\n          <li\n            key={label}\n            className={classMap.item}\n            data-testid={`${testId}-listItems`}\n          >\n            {children && children.length > 0 ? (\n              <>\n                <button\n                  type=\"button\"\n                  className={combineClassNames(\n                    classMap.link,\n                    isOpen ? classMap.active : \"\"\n                  )}\n                  onClick={() => toggleItem(label)}\n                  aria-expanded={isOpen}\n                  data-testid={`${testId}-exapndItemButton`}\n                >\n                  {icon && <span className={classMap.icon}>{icon}</span>}\n                  <span data-testid={`${testId}-exapndItemLabel`}>{label}</span>\n                  <ChevronDownIcon\n                    className={combineClassNames(\n                      classMap.chevron,\n                      isOpen ? classMap.chevronOpen : \"\"\n                    )}\n                    data-testid={`${testId}-exapndIcon`}\n                  />\n                </button>\n                <div\n                  ref={(el) => setSubmenuRef(label, el)}\n                  className={combineClassNames(\n                    classMap.submenu,\n                    isOpen ? classMap.submenuOpen : \"\"\n                  )}\n                  style={{\n                    maxHeight: isOpen ? getSubmenuHeight(label) : \"0px\",\n                  }}\n                  data-testid={`${testId}-subMenu`}\n                >\n                  {renderLinks(children, true)}\n                </div>\n              </>\n            ) : href ? (\n              <LinkComponent\n                href={href}\n                className={combineClassNames(\n                  classMap.link,\n                  isChild ? classMap.childLink : \"\",\n                  isActive ? classMap.active : \"\"\n                )}\n                aria-current={isActive ? \"page\" : undefined}\n                data-testid={`${testId}-sidebarLink`}\n              >\n                {icon && <span className={classMap.icon}>{icon}</span>}\n                {label}\n              </LinkComponent>\n            ) : (\n              <span\n                className={combineClassNames(\n                  classMap.link,\n                  isChild ? classMap.childLink : \"\"\n                )}\n                data-testid={`${testId}-sidebarLabel`}\n              >\n                {icon && <span className={classMap.icon}>{icon}</span>}\n                {label}\n              </span>\n            )}\n          </li>\n        );\n      })}\n    </ul>\n  );\n\n  return (\n    <nav\n      className={containerClasses}\n      aria-label={ariaLabel}\n      {...rest}\n      data-testid={testId}\n    >\n      <nav className={classMap.nav}>{renderLinks(links)}</nav>\n      {showFooter && (\n        <footer className={classMap.footer} data-testid={`${testId}-footer`}>\n          {footerLinks?.map(({ label, href }) => (\n            <LinkComponent\n              key={label}\n              href={href}\n              className={classMap.footerLink}\n              data-testid={`${testId}-footerLink`}\n            >\n              {label}\n            </LinkComponent>\n          ))}\n\n          {footerVersion && (\n            <span\n              className={classMap.footerVersion}\n              data-testid={`${testId}-footerVersion`}\n            >\n              {footerVersion}\n            </span>\n          )}\n        </footer>\n      )}\n    </nav>\n  );\n};\n\nSidebarBase.displayName = \"SidebarBase\";\n\nexport default SidebarBase;\n","import React from \"react\";\nimport SidebarBase from \"../SidebarBase\";\nimport \"./Sidebar.scss\";\nimport { SidebarProps } from \"../Sidebar.types\";\n\nconst classes = {\n  wrapper: \"sidebar\",\n  nav: \"sidebar_nav\",\n  list: \"sidebar_list\",\n  childList: \"sidebar_child-list\",\n  item: \"sidebar_item\",\n  link: \"sidebar_link\",\n  childLink: \"sidebar_child-link\",\n  active: \"sidebar_active\",\n\n  footer: \"sidebar_footer\",\n  footerLink: \"sidebar_footer-link\",\n  footerVersion: \"sidebar_footer-version\",\n\n  chevron: \"sidebar_chevron\",\n  chevronOpen: \"sidebar_chevron_open\",\n\n  submenu: \"sidebar_submenu\",\n  submenuOpen: \"sidebar_submenu_open\",\n\n  outline: \"sidebar_outline\",\n\n  primary: \"sidebar_primary\",\n  secondary: \"sidebar_secondary\",\n  tertiary: \"sidebar_tertiary\",\n  quaternary: \"sidebar_quaternary\",\n\n  success: \"sidebar_success\",\n  error: \"sidebar_error\",\n  warning: \"sidebar_warning\",\n\n  clear: \"sidebar_clear\",\n\n  shadowNone: \"sidebar_shadow-None\",\n  shadowLight: \"sidebar_shadow-Light\",\n  shadowMedium: \"sidebar_shadow-Medium\",\n  shadowStrong: \"sidebar_shadow-Strong\",\n  shadowIntense: \"sidebar_shadow-Intense\",\n\n  roundNone: \"sidebar_round-None\",\n  roundSmall: \"sidebar_round-Small\",\n  roundMedium: \"sidebar_round-Medium\",\n  roundLarge: \"sidebar_round-Large\",\n};\n\nconst Sidebar: React.FC<SidebarProps> = ({ currentPath, ...props }) => (\n  <SidebarBase {...props} currentPath={currentPath} classMap={classes} />\n);\n\nexport default Sidebar;\n"],"names":["classMap","uuidv4"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../src/components/Chip/ChipGroup/ChipGroupBase.tsx","../../src/components/Chip/ChipGroup/core/ChipGroup.tsx"],"sourcesContent":["import {\r\n  forwardRef,\r\n  useCallback,\r\n  useEffect,\r\n  useImperativeHandle,\r\n  useState,\r\n} from \"react\";\r\nimport type { ChipGroupProps, ChipGroupRef } from \"./ChipGroup.types\";\r\nimport type { ChipProps } from \"../Chip.types\";\r\nimport { v4 as uuidv4 } from \"uuid\";\r\nimport { combineClassNames } from \"@/utils/classNames\";\r\n\r\nexport interface ChipGroupBaseProps extends ChipGroupProps {\r\n  ChipComponent: React.ElementType;\r\n  classMap: Record<string, string>;\r\n}\r\n\r\nconst ChipGroupBase = forwardRef<ChipGroupRef, ChipGroupBaseProps>(\r\n  (\r\n    {\r\n      chips,\r\n      onRemove,\r\n      position = \"topCenter\",\r\n      size = \"medium\",\r\n      className = \"\",\r\n      ChipComponent,\r\n      classMap,\r\n    },\r\n    ref\r\n  ) => {\r\n    const [visibleChips, setVisibleChips] = useState<ChipProps[]>([]);\r\n\r\n    useEffect(() => {\r\n      const initialized = chips.map((chip) => ({\r\n        ...chip,\r\n        id: chip.id || uuidv4(),\r\n      }));\r\n      setVisibleChips(initialized);\r\n    }, [chips]);\r\n\r\n    const handleClose = useCallback(\r\n      (id: string) => {\r\n        setVisibleChips((prev) => prev.filter((c) => c.id !== id));\r\n        onRemove?.(id);\r\n      },\r\n      [onRemove]\r\n    );\r\n\r\n    useImperativeHandle(ref, () => ({\r\n      closeAllChips: () => {\r\n        visibleChips.forEach((chip) => handleClose(chip.id!));\r\n      },\r\n    }));\r\n\r\n    const containerClassName = [\r\n      classMap.container,\r\n      classMap[position],\r\n      className,\r\n    ]\r\n      .filter(Boolean)\r\n      .join(\" \");\r\n\r\n    return (\r\n      <div\r\n        className={containerClassName}\r\n        role=\"region\"\r\n        aria-label=\"Notifications\"\r\n        aria-live=\"polite\"\r\n        data-testid=\"chip-group\"\r\n      >\r\n        <ul role=\"list\" className={classMap.list}>\r\n          {visibleChips.map((chip, index) => {\r\n            const chipPosition = chip.position || position;\r\n            const chipPositionClass = classMap[chipPosition];\r\n\r\n            return (\r\n              <li key={chip.id} role=\"listitem\">\r\n                <ChipComponent\r\n                  id={chip.id}\r\n                  message={chip.message}\r\n                  icon={chip.icon}\r\n                  theme={chip.theme}\r\n                  state={chip.state}\r\n                  size={chip.size || size}\r\n                  rounding={chip.rounding}\r\n                  shadow={chip.shadow}\r\n                  visible={true}\r\n                  onClose={() => handleClose(chip.id!)}\r\n                  autoClose={chip.autoClose}\r\n                  duration={chip.duration}\r\n                  position={chipPosition}\r\n                  usePortal={false}\r\n                  stackIndex={index}\r\n                  className={combineClassNames(\r\n                    classMap.chip,\r\n                    chip.className,\r\n                    chipPositionClass\r\n                  )}\r\n                  data-testid={chip[\"data-testid\"]}\r\n                />\r\n              </li>\r\n            );\r\n          })}\r\n        </ul>\r\n      </div>\r\n    );\r\n  }\r\n);\r\n\r\nChipGroupBase.displayName = \"ChipGroupBase\";\r\nexport default ChipGroupBase;\r\n","import React from \"react\";\r\nimport ChipGroupBase from \"../ChipGroupBase\";\r\nimport Chip from \"../../core/Chip\";\r\nimport \"./ChipGroup.scss\";\r\nimport { ChipGroupProps, ChipGroupRef } from \"../ChipGroup.types\";\r\n\r\nconst classMap = {\r\n  container: \"chip_group\",\r\n  list: \"chip_group_list\",\r\n  topCenter: \"chip_group_topCenter\",\r\n  bottomCenter: \"chip_group_bottomCenter\",\r\n  topLeft: \"chip_group_topLeft\",\r\n  topRight: \"chip_group_topRight\",\r\n  bottomLeft: \"chip_group_bottomLeft\",\r\n  bottomRight: \"chip_group_bottomRight\",\r\n};\r\n\r\nconst ChipGroup = React.forwardRef<ChipGroupRef, ChipGroupProps>(\r\n  (props, ref) => (\r\n    <ChipGroupBase\r\n      {...props}\r\n      ref={ref}\r\n      ChipComponent={Chip}\r\n      classMap={classMap}\r\n    />\r\n  )\r\n);\r\n\r\nexport default ChipGroup;\r\n"],"names":["classMap","uuidv4"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiBA,MAAM,gBAAgB;AAAA,EACpB,CACE;AAAA,IACE;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX,OAAO;AAAA,IACP,YAAY;AAAA,IACZ;AAAA,IACA,UAAAA;AAAA,EAAA,GAEF,QACG;AACH,UAAM,CAAC,cAAc,eAAe,IAAI,SAAsB,CAAA,CAAE;AAEhE,cAAU,MAAM;AACd,YAAM,cAAc,MAAM,IAAI,CAAC,UAAU;AAAA,QACvC,GAAG;AAAA,QACH,IAAI,KAAK,MAAMC,GAAA;AAAA,MAAO,EACtB;AACF,sBAAgB,WAAW;AAAA,IAC7B,GAAG,CAAC,KAAK,CAAC;AAEV,UAAM,cAAc;AAAA,MAClB,CAAC,OAAe;AACd,wBAAgB,CAAC,SAAS,KAAK,OAAO,CAAC,MAAM,EAAE,OAAO,EAAE,CAAC;AACzD,6CAAW;AAAA,MACb;AAAA,MACA,CAAC,QAAQ;AAAA,IAAA;AAGX,wBAAoB,KAAK,OAAO;AAAA,MAC9B,eAAe,MAAM;AACnB,qBAAa,QAAQ,CAAC,SAAS,YAAY,KAAK,EAAG,CAAC;AAAA,MACtD;AAAA,IAAA,EACA;AAEF,UAAM,qBAAqB;AAAA,MACzBD,UAAS;AAAA,MACTA,UAAS,QAAQ;AAAA,MACjB;AAAA,IAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,WACE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW;AAAA,QACX,MAAK;AAAA,QACL,cAAW;AAAA,QACX,aAAU;AAAA,QACV,eAAY;AAAA,QAEZ,UAAA,oBAAC,MAAA,EAAG,MAAK,QAAO,WAAWA,UAAS,MACjC,UAAA,aAAa,IAAI,CAAC,MAAM,UAAU;AACjC,gBAAM,eAAe,KAAK,YAAY;AACtC,gBAAM,oBAAoBA,UAAS,YAAY;AAE/C,iBACE,oBAAC,MAAA,EAAiB,MAAK,YACrB,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,IAAI,KAAK;AAAA,cACT,SAAS,KAAK;AAAA,cACd,MAAM,KAAK;AAAA,cACX,OAAO,KAAK;AAAA,cACZ,OAAO,KAAK;AAAA,cACZ,MAAM,KAAK,QAAQ;AAAA,cACnB,UAAU,KAAK;AAAA,cACf,QAAQ,KAAK;AAAA,cACb,SAAS;AAAA,cACT,SAAS,MAAM,YAAY,KAAK,EAAG;AAAA,cACnC,WAAW,KAAK;AAAA,cAChB,UAAU,KAAK;AAAA,cACf,UAAU;AAAA,cACV,WAAW;AAAA,cACX,YAAY;AAAA,cACZ,WAAW;AAAA,gBACTA,UAAS;AAAA,gBACT,KAAK;AAAA,gBACL;AAAA,cAAA;AAAA,cAEF,eAAa,KAAK,aAAa;AAAA,YAAA;AAAA,UAAA,EACjC,GAvBO,KAAK,EAwBd;AAAA,QAEJ,CAAC,EAAA,CACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN;AACF;AAEA,cAAc,cAAc;ACvG5B,MAAM,WAAW;AAAA,EACf,WAAW;AAAA,EACX,MAAM;AAAA,EACN,WAAW;AAAA,EACX,cAAc;AAAA,EACd,SAAS;AAAA,EACT,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,aAAa;AACf;AAEA,MAAM,YAAY,MAAM;AAAA,EACtB,CAAC,OAAO,QACN;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ;AAAA,MACA,eAAe;AAAA,MACf;AAAA,IAAA;AAAA,EAAA;AAGN;"}