boreal-ui 0.0.36 → 0.0.38

package/dist/next/index.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","sources":["../../src/components/Chip/ChipGroup/ChipGroupBase.tsx","../../src/components/Chip/ChipGroup/next/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\nimport { getDefaultSize } from \"@/config/boreal-style-config\";\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 = getDefaultSize(),\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","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport ChipGroupBase from \"../ChipGroupBase\";\r\nimport { Chip } from \"../../../../index.next\";\r\nimport styles from \"./ChipGroup.module.scss\";\r\nimport { ChipGroupProps, ChipGroupRef } from \"../ChipGroup.types\";\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={styles}\r\n    />\r\n  )\r\n);\r\n\r\nexport default ChipGroup;\r\n"],"names":["forwardRef","getDefaultSize","useState","useEffect","chip","uuidv4","useCallback","useImperativeHandle","jsx","combineClassNames","Chip"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkBA,MAAM,gBAAgBA,MAAAA;AAAAA,EACpB,CACE;AAAA,IACE;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX,OAAOC,kBAAAA,eAAA;AAAA,IACP,YAAY;AAAA,IACZ;AAAA,IACA;AAAA,EAAA,GAEF,QACG;AACH,UAAM,CAAC,cAAc,eAAe,IAAIC,MAAAA,SAAsB,CAAA,CAAE;AAEhEC,UAAAA,UAAU,MAAM;AACd,YAAM,cAAc,MAAM,IAAI,CAACC,WAAU;AAAA,QACvC,GAAGA;AAAA,QACH,IAAIA,MAAK,MAAMC,KAAAA,GAAA;AAAA,MAAO,EACtB;AACF,sBAAgB,WAAW;AAAA,IAC7B,GAAG,CAAC,KAAK,CAAC;AAEV,UAAM,cAAcC,MAAAA;AAAAA,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;AAGXC,UAAAA,oBAAoB,KAAK,OAAO;AAAA,MAC9B,eAAe,MAAM;AACnB,qBAAa,QAAQ,CAACH,UAAS,YAAYA,MAAK,EAAG,CAAC;AAAA,MACtD;AAAA,IAAA,EACA;AAEF,UAAM,qBAAqB;AAAA,MACzB,SAAS;AAAA,MACT,SAAS,QAAQ;AAAA,MACjB;AAAA,IAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,WACEI,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW;AAAA,QACX,MAAK;AAAA,QACL,cAAW;AAAA,QACX,aAAU;AAAA,QACV,eAAY;AAAA,QAEZ,UAAAA,2BAAAA,IAAC,MAAA,EAAG,MAAK,QAAO,WAAW,SAAS,MACjC,UAAA,aAAa,IAAI,CAACJ,OAAM,UAAU;AACjC,gBAAM,eAAeA,MAAK,YAAY;AACtC,gBAAM,oBAAoB,SAAS,YAAY;AAE/C,iBACEI,2BAAAA,IAAC,MAAA,EAAiB,MAAK,YACrB,UAAAA,2BAAAA;AAAAA,YAAC;AAAA,YAAA;AAAA,cACC,IAAIJ,MAAK;AAAA,cACT,SAASA,MAAK;AAAA,cACd,MAAMA,MAAK;AAAA,cACX,OAAOA,MAAK;AAAA,cACZ,OAAOA,MAAK;AAAA,cACZ,MAAMA,MAAK,QAAQ;AAAA,cACnB,UAAUA,MAAK;AAAA,cACf,QAAQA,MAAK;AAAA,cACb,SAAS;AAAA,cACT,SAAS,MAAM,YAAYA,MAAK,EAAG;AAAA,cACnC,WAAWA,MAAK;AAAA,cAChB,UAAUA,MAAK;AAAA,cACf,UAAU;AAAA,cACV,WAAW;AAAA,cACX,YAAY;AAAA,cACZ,WAAWK,WAAAA;AAAAA,gBACT,SAAS;AAAA,gBACTL,MAAK;AAAA,gBACL;AAAA,cAAA;AAAA,cAEF,eAAaA,MAAK,aAAa;AAAA,YAAA;AAAA,UAAA,EACjC,GAvBOA,MAAK,EAwBd;AAAA,QAEJ,CAAC,EAAA,CACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN;AACF;AAEA,cAAc,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACtG5B,MAAM,YAAY,MAAM;AAAA,EACtB,CAAC,OAAO,QACNI,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ;AAAA,MACA,eAAeE,KAAAA;AAAAA,MACf,UAAU;AAAA,IAAA;AAAA,EAAA;AAGhB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.cjs.js","sources":["../../src/components/Chip/ChipGroup/ChipGroupBase.tsx","../../src/components/Chip/ChipGroup/next/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\nimport { getDefaultSize } from \"@/config/boreal-style-config\";\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 = getDefaultSize(),\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","\"use client\";\r\n\r\nimport { forwardRef } from \"react\";\r\nimport ChipGroupBase from \"../ChipGroupBase\";\r\nimport { Chip } from \"../../../../index.next\";\r\nimport styles from \"./ChipGroup.module.scss\";\r\nimport { ChipGroupProps, ChipGroupRef } from \"../ChipGroup.types\";\r\n\r\nconst ChipGroup = forwardRef<ChipGroupRef, ChipGroupProps>((props, ref) => (\r\n  <ChipGroupBase {...props} ref={ref} ChipComponent={Chip} classMap={styles} />\r\n));\r\nChipGroup.displayName = \"ChipGroup\";\r\nexport default ChipGroup;\r\n"],"names":["forwardRef","getDefaultSize","useState","useEffect","chip","uuidv4","useCallback","useImperativeHandle","jsx","combineClassNames","Chip"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkBA,MAAM,gBAAgBA,MAAAA;AAAAA,EACpB,CACE;AAAA,IACE;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX,OAAOC,kBAAAA,eAAA;AAAA,IACP,YAAY;AAAA,IACZ;AAAA,IACA;AAAA,EAAA,GAEF,QACG;AACH,UAAM,CAAC,cAAc,eAAe,IAAIC,MAAAA,SAAsB,CAAA,CAAE;AAEhEC,UAAAA,UAAU,MAAM;AACd,YAAM,cAAc,MAAM,IAAI,CAACC,WAAU;AAAA,QACvC,GAAGA;AAAA,QACH,IAAIA,MAAK,MAAMC,KAAAA,GAAA;AAAA,MAAO,EACtB;AACF,sBAAgB,WAAW;AAAA,IAC7B,GAAG,CAAC,KAAK,CAAC;AAEV,UAAM,cAAcC,MAAAA;AAAAA,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;AAGXC,UAAAA,oBAAoB,KAAK,OAAO;AAAA,MAC9B,eAAe,MAAM;AACnB,qBAAa,QAAQ,CAACH,UAAS,YAAYA,MAAK,EAAG,CAAC;AAAA,MACtD;AAAA,IAAA,EACA;AAEF,UAAM,qBAAqB;AAAA,MACzB,SAAS;AAAA,MACT,SAAS,QAAQ;AAAA,MACjB;AAAA,IAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,WACEI,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW;AAAA,QACX,MAAK;AAAA,QACL,cAAW;AAAA,QACX,aAAU;AAAA,QACV,eAAY;AAAA,QAEZ,UAAAA,2BAAAA,IAAC,MAAA,EAAG,MAAK,QAAO,WAAW,SAAS,MACjC,UAAA,aAAa,IAAI,CAACJ,OAAM,UAAU;AACjC,gBAAM,eAAeA,MAAK,YAAY;AACtC,gBAAM,oBAAoB,SAAS,YAAY;AAE/C,iBACEI,2BAAAA,IAAC,MAAA,EAAiB,MAAK,YACrB,UAAAA,2BAAAA;AAAAA,YAAC;AAAA,YAAA;AAAA,cACC,IAAIJ,MAAK;AAAA,cACT,SAASA,MAAK;AAAA,cACd,MAAMA,MAAK;AAAA,cACX,OAAOA,MAAK;AAAA,cACZ,OAAOA,MAAK;AAAA,cACZ,MAAMA,MAAK,QAAQ;AAAA,cACnB,UAAUA,MAAK;AAAA,cACf,QAAQA,MAAK;AAAA,cACb,SAAS;AAAA,cACT,SAAS,MAAM,YAAYA,MAAK,EAAG;AAAA,cACnC,WAAWA,MAAK;AAAA,cAChB,UAAUA,MAAK;AAAA,cACf,UAAU;AAAA,cACV,WAAW;AAAA,cACX,YAAY;AAAA,cACZ,WAAWK,WAAAA;AAAAA,gBACT,SAAS;AAAA,gBACTL,MAAK;AAAA,gBACL;AAAA,cAAA;AAAA,cAEF,eAAaA,MAAK,aAAa;AAAA,YAAA;AAAA,UAAA,EACjC,GAvBOA,MAAK,EAwBd;AAAA,QAEJ,CAAC,EAAA,CACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN;AACF;AAEA,cAAc,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACtG5B,MAAM,YAAYJ,MAAAA,WAAyC,CAAC,OAAO,QACjEQ,2BAAAA,IAAC,eAAA,EAAe,GAAG,OAAO,KAAU,eAAeE,KAAAA,MAAM,UAAU,QAAQ,CAC5E;AACD,UAAU,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/next/index.js

@@ -3,56 +3,56 @@ import { r } from "./registerColorSheme-BPX0H7hl.js";
 import { colorSchemes } from "./colorSchemes.js";
 import { c as getDefaultSize } from "./boreal-style-config-BILmxkZG.js";
 import { s } from "./boreal-style-config-BILmxkZG.js";
-import { B } from "./Button-BF5Wp81D.js";
+import { B } from "./Button-BjY7f3mw.js";
 import { I } from "./IconButton-qQljwBB2.js";
-import { S } from "./STT-D-gwtml7.js";
+import { S } from "./STT-CCzJFcVP.js";
 import { T as T2 } from "./TextInput-D9dzooMU.js";
 import { T as T3 } from "./TextArea-xg4t0Lzo.js";
-import { S as S2 } from "./Select-rZ9u_rNi.js";
-import { F, U } from "./Footer-BfzKhBAD.js";
-import { F as F2 } from "./FileUpload-Bp7Pbj8m.js";
-import { T as T4 } from "./TagInput-Bjt_zbHy.js";
-import { R } from "./RadioButton-8E5GjzZu.js";
-import { S as S3 } from "./Slider-Bk0a8gqL.js";
-import { C } from "./Checkbox-CrK0JFu8.js";
-import { C as C2 } from "./ColorPicker-DgLJQRJu.js";
-import { F as F3 } from "./FormGroup-DUVdekj1.js";
-import { D } from "./DataTable-mI4d3Caj.js";
-import { D as D2 } from "./DateTimePicker-A94kVkvi.js";
-import { M } from "./MarkdownRenderer-CTF0Vhf5.js";
-import { C as Chip } from "./Chip-3QqdBOHX.js";
+import { S as S2 } from "./Select-CZivQIlV.js";
+import { F, U } from "./Footer-BSEbf6CL.js";
+import { F as F2 } from "./FileUpload-CIued3w1.js";
+import { T as T4 } from "./TagInput-DUWgLslk.js";
+import { R } from "./RadioButton-Dz_e0WUT.js";
+import { S as S3 } from "./Slider-CdSPPw1x.js";
+import { C } from "./Checkbox-DVr6H6mN.js";
+import { C as C2 } from "./ColorPicker-1naDOGhp.js";
+import { F as F3 } from "./FormGroup-DbUqgg_b.js";
+import { D } from "./DataTable-jUelgv2H.js";
+import { D as D2 } from "./DateTimePicker-BTm6T3-E.js";
+import { M } from "./MarkdownRenderer-B7lwemDw.js";
+import { C as Chip } from "./Chip-C8ayWG9-.js";
 import { jsx } from "react/jsx-runtime";
-import React, { forwardRef, useState, useEffect, useCallback, useImperativeHandle } from "react";
+import { 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-C-JE6gYt.js";
-import { P } from "./ProgressBar-Csn4f4-c.js";
-import { C as C3 } from "./CircularProgress-C7Zr-dLf.js";
-import { R as R2 } from "./Rating-DTMNrx0D.js";
-import { S as S4 } from "./Skeleton-cWCNDrrp.js";
-import { S as S5 } from "./Spinner-BntSsGWn.js";
+import { B as B2 } from "./Badge-k6Dk5S_p.js";
+import { P } from "./ProgressBar-BrO0fvaM.js";
+import { C as C3 } from "./CircularProgress-Cz9G0WeQ.js";
+import { R as R2 } from "./Rating-DbQ61tMY.js";
+import { S as S4 } from "./Skeleton-rSW1X4hk.js";
+import { S as S5 } from "./Spinner-ChiOXzru.js";
 import { T as T5 } from "./Tooltip-2XEuDIAw.js";
-import { M as M2 } from "./MessagePopup-DCN-w-NA.js";
-import { P as P2 } from "./PopOver-BbAFKptt.js";
-import { N } from "./NavBar-Dfljduy2.js";
-import { B as B3 } from "./Breadcrumbs-_qTMSpvE.js";
-import { T as T6 } from "./Tabs-Dl389scs.js";
-import { S as S6 } from "./Stepper-59931F6-.js";
-import { T as T7 } from "./Timeline-KozBssou.js";
-import { A } from "./Accordion-yypKft_c.js";
-import { P as P3 } from "./Pager-SZIzesuj.js";
-import { M as M3 } from "./Modal-BD9sPXIX.js";
-import { T as T8 } from "./Toggle-Bb5d1QLE.js";
-import { T as T9 } from "./Toolbar-CHnjBixI.js";
-import { D as D3 } from "./Dropdown-BrJnoyCw.js";
-import { D as D4 } from "./Divider-DjoDcCAu.js";
-import { M as M4 } from "./MetricBox-CN8cgCgr.js";
-import { E } from "./EmptyState-JzLtobCN.js";
-import { C as C4 } from "./CommandPalette-D-VgzCDu.js";
-import { N as N2 } from "./NotificationCenter-C99EfjxX.js";
-import { S as S7 } from "./Sidebar-DAGCv1cb.js";
-import { C as C5 } from "./Card-CFJnp6sf.js";
-import { A as A2 } from "./Avatar-C227ps6T.js";
+import { M as M2 } from "./MessagePopup-B5OaSUBr.js";
+import { P as P2 } from "./PopOver-QAYHaYcd.js";
+import { N } from "./NavBar-Bucpo8_3.js";
+import { B as B3 } from "./Breadcrumbs-CWv3TrV_.js";
+import { T as T6 } from "./Tabs-CvYx2xtH.js";
+import { S as S6 } from "./Stepper-9uHSgp7y.js";
+import { T as T7 } from "./Timeline-Cg0FWWVc.js";
+import { A } from "./Accordion-BkiAI6vY.js";
+import { P as P3 } from "./Pager-DWzCtb2Q.js";
+import { M as M3 } from "./Modal-BARibygG.js";
+import { T as T8 } from "./Toggle-CnpONDwl.js";
+import { T as T9 } from "./Toolbar-007Q19jl.js";
+import { D as D3 } from "./Dropdown-CJGb6wyQ.js";
+import { D as D4 } from "./Divider-BYKFFi3a.js";
+import { M as M4 } from "./MetricBox-Dl3iruBZ.js";
+import { E } from "./EmptyState-DIymA2cZ.js";
+import { C as C4 } from "./CommandPalette-XP4v5FE6.js";
+import { N as N2 } from "./NotificationCenter-CSwbscYh.js";
+import { S as S7 } from "./Sidebar-BVeRWv61.js";
+import { C as C5 } from "./Card-CL8WOI8g.js";
+import { A as A2 } from "./Avatar-ijMVfQpY.js";
 const ChipGroupBase = forwardRef(
   ({
     chips,
@@ -172,17 +172,8 @@ const styles = {
   "indeterminate-move": "_indeterminate-move_10afd_1",
   "skeleton-loading": "_skeleton-loading_10afd_1"
 };
-const ChipGroup = React.forwardRef(
-  (props, ref) => /* @__PURE__ */ jsx(
-    ChipGroupBase,
-    {
-      ...props,
-      ref,
-      ChipComponent: Chip,
-      classMap: styles
-    }
-  )
-);
+const ChipGroup = forwardRef((props, ref) => /* @__PURE__ */ jsx(ChipGroupBase, { ...props, ref, ChipComponent: Chip, classMap: styles }));
+ChipGroup.displayName = "ChipGroup";
 export {
   A as Accordion,
   A2 as Avatar,

package/dist/next/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/components/Chip/ChipGroup/ChipGroupBase.tsx","../../src/components/Chip/ChipGroup/next/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\nimport { getDefaultSize } from \"@/config/boreal-style-config\";\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 = getDefaultSize(),\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","\"use client\";\r\n\r\nimport React from \"react\";\r\nimport ChipGroupBase from \"../ChipGroupBase\";\r\nimport { Chip } from \"../../../../index.next\";\r\nimport styles from \"./ChipGroup.module.scss\";\r\nimport { ChipGroupProps, ChipGroupRef } from \"../ChipGroup.types\";\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={styles}\r\n    />\r\n  )\r\n);\r\n\r\nexport default ChipGroup;\r\n"],"names":["chip","uuidv4"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkBA,MAAM,gBAAgB;AAAA,EACpB,CACE;AAAA,IACE;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX,OAAO,eAAA;AAAA,IACP,YAAY;AAAA,IACZ;AAAA,IACA;AAAA,EAAA,GAEF,QACG;AACH,UAAM,CAAC,cAAc,eAAe,IAAI,SAAsB,CAAA,CAAE;AAEhE,cAAU,MAAM;AACd,YAAM,cAAc,MAAM,IAAI,CAACA,WAAU;AAAA,QACvC,GAAGA;AAAA,QACH,IAAIA,MAAK,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,CAACD,UAAS,YAAYA,MAAK,EAAG,CAAC;AAAA,MACtD;AAAA,IAAA,EACA;AAEF,UAAM,qBAAqB;AAAA,MACzB,SAAS;AAAA,MACT,SAAS,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,WAAW,SAAS,MACjC,UAAA,aAAa,IAAI,CAACA,OAAM,UAAU;AACjC,gBAAM,eAAeA,MAAK,YAAY;AACtC,gBAAM,oBAAoB,SAAS,YAAY;AAE/C,iBACE,oBAAC,MAAA,EAAiB,MAAK,YACrB,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,IAAIA,MAAK;AAAA,cACT,SAASA,MAAK;AAAA,cACd,MAAMA,MAAK;AAAA,cACX,OAAOA,MAAK;AAAA,cACZ,OAAOA,MAAK;AAAA,cACZ,MAAMA,MAAK,QAAQ;AAAA,cACnB,UAAUA,MAAK;AAAA,cACf,QAAQA,MAAK;AAAA,cACb,SAAS;AAAA,cACT,SAAS,MAAM,YAAYA,MAAK,EAAG;AAAA,cACnC,WAAWA,MAAK;AAAA,cAChB,UAAUA,MAAK;AAAA,cACf,UAAU;AAAA,cACV,WAAW;AAAA,cACX,YAAY;AAAA,cACZ,WAAW;AAAA,gBACT,SAAS;AAAA,gBACTA,MAAK;AAAA,gBACL;AAAA,cAAA;AAAA,cAEF,eAAaA,MAAK,aAAa;AAAA,YAAA;AAAA,UAAA,EACjC,GAvBOA,MAAK,EAwBd;AAAA,QAEJ,CAAC,EAAA,CACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN;AACF;AAEA,cAAc,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACtG5B,MAAM,YAAY,MAAM;AAAA,EACtB,CAAC,OAAO,QACN;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ;AAAA,MACA,eAAe;AAAA,MACf,UAAU;AAAA,IAAA;AAAA,EAAA;AAGhB;"}
+{"version":3,"file":"index.js","sources":["../../src/components/Chip/ChipGroup/ChipGroupBase.tsx","../../src/components/Chip/ChipGroup/next/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\nimport { getDefaultSize } from \"@/config/boreal-style-config\";\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 = getDefaultSize(),\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","\"use client\";\r\n\r\nimport { forwardRef } from \"react\";\r\nimport ChipGroupBase from \"../ChipGroupBase\";\r\nimport { Chip } from \"../../../../index.next\";\r\nimport styles from \"./ChipGroup.module.scss\";\r\nimport { ChipGroupProps, ChipGroupRef } from \"../ChipGroup.types\";\r\n\r\nconst ChipGroup = forwardRef<ChipGroupRef, ChipGroupProps>((props, ref) => (\r\n  <ChipGroupBase {...props} ref={ref} ChipComponent={Chip} classMap={styles} />\r\n));\r\nChipGroup.displayName = \"ChipGroup\";\r\nexport default ChipGroup;\r\n"],"names":["chip","uuidv4"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkBA,MAAM,gBAAgB;AAAA,EACpB,CACE;AAAA,IACE;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX,OAAO,eAAA;AAAA,IACP,YAAY;AAAA,IACZ;AAAA,IACA;AAAA,EAAA,GAEF,QACG;AACH,UAAM,CAAC,cAAc,eAAe,IAAI,SAAsB,CAAA,CAAE;AAEhE,cAAU,MAAM;AACd,YAAM,cAAc,MAAM,IAAI,CAACA,WAAU;AAAA,QACvC,GAAGA;AAAA,QACH,IAAIA,MAAK,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,CAACD,UAAS,YAAYA,MAAK,EAAG,CAAC;AAAA,MACtD;AAAA,IAAA,EACA;AAEF,UAAM,qBAAqB;AAAA,MACzB,SAAS;AAAA,MACT,SAAS,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,WAAW,SAAS,MACjC,UAAA,aAAa,IAAI,CAACA,OAAM,UAAU;AACjC,gBAAM,eAAeA,MAAK,YAAY;AACtC,gBAAM,oBAAoB,SAAS,YAAY;AAE/C,iBACE,oBAAC,MAAA,EAAiB,MAAK,YACrB,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,IAAIA,MAAK;AAAA,cACT,SAASA,MAAK;AAAA,cACd,MAAMA,MAAK;AAAA,cACX,OAAOA,MAAK;AAAA,cACZ,OAAOA,MAAK;AAAA,cACZ,MAAMA,MAAK,QAAQ;AAAA,cACnB,UAAUA,MAAK;AAAA,cACf,QAAQA,MAAK;AAAA,cACb,SAAS;AAAA,cACT,SAAS,MAAM,YAAYA,MAAK,EAAG;AAAA,cACnC,WAAWA,MAAK;AAAA,cAChB,UAAUA,MAAK;AAAA,cACf,UAAU;AAAA,cACV,WAAW;AAAA,cACX,YAAY;AAAA,cACZ,WAAW;AAAA,gBACT,SAAS;AAAA,gBACTA,MAAK;AAAA,gBACL;AAAA,cAAA;AAAA,cAEF,eAAaA,MAAK,aAAa;AAAA,YAAA;AAAA,UAAA,EACjC,GAvBOA,MAAK,EAwBd;AAAA,QAEJ,CAAC,EAAA,CACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN;AACF;AAEA,cAAc,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACtG5B,MAAM,YAAY,WAAyC,CAAC,OAAO,QACjE,oBAAC,eAAA,EAAe,GAAG,OAAO,KAAU,eAAe,MAAM,UAAU,QAAQ,CAC5E;AACD,UAAU,cAAc;"}

package/dist/next/style.css

@@ -17324,7 +17324,7 @@ a:hover {
 * 9. skeleton-loading
 *    - Creates a sweeping shimmer effect for skeleton loaders.
 */
-@keyframes _fade-in_1win9_1 {
+@keyframes _fade-in_q8hpo_1 {
   from {
     opacity: 0;
   }
@@ -17332,7 +17332,7 @@ a:hover {
     opacity: 1;
   }
 }
-@keyframes _slide-up_1win9_1 {
+@keyframes _slide-up_q8hpo_1 {
   from {
     transform: translateY(100%);
     opacity: 0;
@@ -17342,7 +17342,7 @@ a:hover {
     opacity: 1;
   }
 }
-@keyframes _spin-3d_1win9_1 {
+@keyframes _spin-3d_q8hpo_1 {
   0% {
     transform: rotateX(0deg) rotateY(0deg);
   }
@@ -17350,7 +17350,7 @@ a:hover {
     transform: rotateX(360deg) rotateY(360deg);
   }
 }
-@keyframes _spin_1win9_1 {
+@keyframes _spin_q8hpo_1 {
   0% {
     transform: rotate(0deg);
   }
@@ -17358,7 +17358,7 @@ a:hover {
     transform: rotate(360deg);
   }
 }
-@keyframes _pulse_1win9_1 {
+@keyframes _pulse_q8hpo_1 {
   0% {
     transform: scale(1);
   }
@@ -17369,7 +17369,7 @@ a:hover {
     transform: scale(1);
   }
 }
-@keyframes _fade-in-up_1win9_1 {
+@keyframes _fade-in-up_q8hpo_1 {
   from {
     opacity: 0;
     transform: translateY(-5px);
@@ -17379,7 +17379,7 @@ a:hover {
     transform: translateY(0);
   }
 }
-@keyframes _progress-grow_1win9_1 {
+@keyframes _progress-grow_q8hpo_1 {
   from {
     width: 0;
   }
@@ -17387,7 +17387,7 @@ a:hover {
     width: 100%;
   }
 }
-@keyframes _indeterminate-move_1win9_1 {
+@keyframes _indeterminate-move_q8hpo_1 {
   0% {
     transform: translateX(-100%);
   }
@@ -17398,7 +17398,7 @@ a:hover {
     transform: translateX(100%);
   }
 }
-@keyframes _skeleton-loading_1win9_1 {
+@keyframes _skeleton-loading_q8hpo_1 {
   0% {
     left: -100%;
   }
@@ -17624,16 +17624,16 @@ a:hover {
   text-decoration: underline;
 }
 
-._noScroll_1win9_108 {
+._noScroll_q8hpo_108 {
   overflow: hidden;
 }
 
-._errorMessage_1win9_109 {
+._errorMessage_q8hpo_109 {
   color: #f83838;
   font-size: 14px;
 }
 
-._loadingContainer_1win9_110 {
+._loadingContainer_q8hpo_110 {
   min-height: 100vh;
   display: flex;
   justify-content: center;
@@ -17670,16 +17670,16 @@ a:hover {
   background-color: var(--primary-color-hover);
 }
 
-._hideScrollbar_1win9_102 {
+._hideScrollbar_q8hpo_102 {
   scrollbar-width: none;
   -ms-overflow-style: none;
 }
 
-._hideScrollbar_1win9_102::-webkit-scrollbar {
+._hideScrollbar_q8hpo_102::-webkit-scrollbar {
   display: none;
 }
 
-._sr_only_1win9_111 {
+._sr_only_q8hpo_111 {
   position: absolute;
   width: 1px;
   height: 1px;
@@ -17701,70 +17701,70 @@ a:hover {
   border: 0;
 }
 
-._footer_1win9_540 {
+._footer_q8hpo_540 {
   display: flex;
   justify-content: center;
   width: 100%;
 }
-._footer_1win9_540._primary_1win9_545 {
+._footer_q8hpo_540._primary_q8hpo_545 {
   background-color: var(--primary-color);
   color: var(--text-color-primary);
 }
-._footer_1win9_540._secondary_1win9_549 {
+._footer_q8hpo_540._secondary_q8hpo_549 {
   background-color: var(--secondary-color);
   color: var(--text-color-secondary);
 }
-._footer_1win9_540._tertiary_1win9_553 {
+._footer_q8hpo_540._tertiary_q8hpo_553 {
   background-color: var(--tertiary-color);
   color: var(--text-color-primary);
 }
-._footer_1win9_540._quaternary_1win9_557 {
+._footer_q8hpo_540._quaternary_q8hpo_557 {
   background-color: var(--quaternary-color);
   color: var(--text-color-primary);
 }
-._footer_1win9_540._clear_1win9_561 {
+._footer_q8hpo_540._clear_q8hpo_561 {
   background-color: transparent;
   color: var(--text-color-primary);
 }
-._footer_1win9_540._roundNone_1win9_565 {
+._footer_q8hpo_540._roundNone_q8hpo_565 {
   border-top-left-radius: var(--border-radius-none);
   border-top-right-radius: var(--border-radius-none);
 }
-._footer_1win9_540._roundSmall_1win9_569 {
+._footer_q8hpo_540._roundSmall_q8hpo_569 {
   border-top-left-radius: var(--border-radius-sm);
   border-top-right-radius: var(--border-radius-sm);
 }
-._footer_1win9_540._roundMedium_1win9_573 {
+._footer_q8hpo_540._roundMedium_q8hpo_573 {
   border-top-left-radius: var(--border-radius-md);
   border-top-right-radius: var(--border-radius-md);
 }
-._footer_1win9_540._roundLarge_1win9_577 {
+._footer_q8hpo_540._roundLarge_q8hpo_577 {
   border-top-left-radius: var(--border-radius-lg);
   border-top-right-radius: var(--border-radius-lg);
 }
-._footer_1win9_540._roundFull_1win9_581 {
+._footer_q8hpo_540._roundFull_q8hpo_581 {
   border-top-left-radius: var(--border-radius-full);
   border-top-right-radius: var(--border-radius-full);
 }
-._footer_1win9_540._shadowNone_1win9_585 {
+._footer_q8hpo_540._shadowNone_q8hpo_585 {
   box-shadow: var(--box-shadow-none);
 }
-._footer_1win9_540._shadowLight_1win9_588 {
+._footer_q8hpo_540._shadowLight_q8hpo_588 {
   box-shadow: var(--box-shadow-light);
 }
-._footer_1win9_540._shadowMedium_1win9_591 {
+._footer_q8hpo_540._shadowMedium_q8hpo_591 {
   box-shadow: var(--box-shadow-medium);
 }
-._footer_1win9_540._shadowStrong_1win9_594 {
+._footer_q8hpo_540._shadowStrong_q8hpo_594 {
   box-shadow: var(--box-shadow-heavy);
 }
-._footer_1win9_540._shadowIntense_1win9_597 {
+._footer_q8hpo_540._shadowIntense_q8hpo_597 {
   box-shadow: var(--box-shadow-intense);
 }
-._footer_1win9_540._attachmentStatic_1win9_600 {
+._footer_q8hpo_540._attachmentStatic_q8hpo_600 {
   position: static;
 }
-._footer_1win9_540._attachmentSticky_1win9_603 {
+._footer_q8hpo_540._attachmentSticky_q8hpo_603 {
   position: sticky;
   bottom: 0;
   left: 0;
@@ -17772,7 +17772,7 @@ a:hover {
   z-index: 100;
   padding-bottom: env(safe-area-inset-bottom, 0);
 }
-._footer_1win9_540._attachmentFixed_1win9_611 {
+._footer_q8hpo_540._attachmentFixed_q8hpo_611 {
   position: fixed;
   bottom: 0;
   left: 0;
@@ -17781,7 +17781,7 @@ a:hover {
   padding-bottom: env(safe-area-inset-bottom, 0);
 }
 
-._content_1win9_620 {
+._content_q8hpo_620 {
   width: 100%;
   max-width: 1280px;
   display: flex;
@@ -17792,7 +17792,7 @@ a:hover {
   gap: 8px;
 }
 @media (width <= 1023.98px) {
-  ._content_1win9_620 {
+  ._content_q8hpo_620 {
     flex-direction: column;
     align-items: center;
     justify-content: center;
@@ -17800,22 +17800,22 @@ a:hover {
     gap: 16px;
   }
 }
-._content_1win9_620 ._left_1win9_639 {
+._content_q8hpo_620 ._left_q8hpo_639 {
   display: flex;
   align-items: center;
 }
-._content_1win9_620 ._left_1win9_639 p {
+._content_q8hpo_620 ._left_q8hpo_639 p {
   font-size: 14px;
   color: var(--text-color-primary);
   margin: 0;
 }
 @media (min-width: 1024px) {
-  ._content_1win9_620 ._left_1win9_639 p {
-    font-size: 18px;
+  ._content_q8hpo_620 ._left_q8hpo_639 p {
+    font-size: 16px;
   }
 }
 @media (width <= 1023.98px) {
-  ._content_1win9_620 ._left_1win9_639 {
+  ._content_q8hpo_620 ._left_q8hpo_639 {
     flex-direction: column;
     align-items: center;
     justify-content: center;
@@ -17823,157 +17823,157 @@ a:hover {
     gap: 16px;
   }
 }
-._content_1win9_620 ._links_1win9_662 {
+._content_q8hpo_620 ._links_q8hpo_662 {
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 16px;
   padding-left: 24px;
 }
-._content_1win9_620 ._links_1win9_662 ul {
+._content_q8hpo_620 ._links_q8hpo_662 ul {
   list-style: none;
   display: flex;
   gap: 16px;
   padding: 0;
   margin: 0;
 }
-._content_1win9_620 ._links_1win9_662 li {
+._content_q8hpo_620 ._links_q8hpo_662 li {
   display: inline;
 }
-._content_1win9_620 ._links_1win9_662 a {
+._content_q8hpo_620 ._links_q8hpo_662 a {
   text-decoration: none;
   font-size: 14px;
   color: var(--text-color-primary);
 }
-._content_1win9_620 ._links_1win9_662 a:hover {
+._content_q8hpo_620 ._links_q8hpo_662 a:hover {
   text-decoration: underline;
 }
-._content_1win9_620 ._links_1win9_662 a:focus-visible {
+._content_q8hpo_620 ._links_q8hpo_662 a:focus-visible {
   outline: 2px solid var(--focus-outline-color, var(--primary-color));
   outline-offset: 2px;
   border-radius: 4px;
 }
 @media (width <= 1023.98px) {
-  ._content_1win9_620 ._links_1win9_662 {
+  ._content_q8hpo_620 ._links_q8hpo_662 {
     padding-left: 0;
   }
-  ._content_1win9_620 ._links_1win9_662 ul {
+  ._content_q8hpo_620 ._links_q8hpo_662 ul {
     flex-direction: column;
     align-items: center;
     gap: 4px;
   }
 }
-._content_1win9_620 ._logo_1win9_702 {
+._content_q8hpo_620 ._logo_q8hpo_702 {
   max-height: 20px;
   margin-right: 24px;
 }
-._content_1win9_620 ._logo_1win9_702 img {
+._content_q8hpo_620 ._logo_q8hpo_702 img {
   max-height: 100%;
 }
-._content_1win9_620 ._logo_1win9_702 svg {
+._content_q8hpo_620 ._logo_q8hpo_702 svg {
   height: 1em;
   width: 1em;
 }
 @media (width <= 1023.98px) {
-  ._content_1win9_620 ._logo_1win9_702 {
+  ._content_q8hpo_620 ._logo_q8hpo_702 {
     margin: auto;
   }
 }
-._content_1win9_620 ._social_1win9_718 {
+._content_q8hpo_620 ._social_q8hpo_718 {
   display: flex;
   flex-wrap: wrap;
   gap: 4px;
   margin-left: auto;
 }
 @media (width <= 1023.98px) {
-  ._content_1win9_620 ._social_1win9_718 {
+  ._content_q8hpo_620 ._social_q8hpo_718 {
     margin-left: 0;
     justify-content: center;
   }
 }
 @media (width <= 319.98px) {
-  ._content_1win9_620 ._social_1win9_718 {
+  ._content_q8hpo_620 ._social_q8hpo_718 {
     flex-wrap: wrap;
   }
 }
-._content_1win9_620 ._themeToggle_1win9_735 {
+._content_q8hpo_620 ._themeToggle_q8hpo_735 {
   display: flex;
   align-items: center;
   justify-content: center;
   margin-left: auto;
 }
 @media (width <= 1023.98px) {
-  ._content_1win9_620 ._themeToggle_1win9_735 {
+  ._content_q8hpo_620 ._themeToggle_q8hpo_735 {
     margin-left: 0;
     margin-top: 4px;
   }
 }
-._content_1win9_620 ._themeToggle_1win9_735:focus-visible {
+._content_q8hpo_620 ._themeToggle_q8hpo_735:focus-visible {
   outline: 2px solid var(--focus-outline-color, var(--primary-color));
   outline-offset: 2px;
   border-radius: 6px;
 }
 
-._roundNone_1win9_565 {
+._roundNone_q8hpo_565 {
   border-top-left-radius: var(--border-radius-none);
   border-top-right-radius: var(--border-radius-none);
 }
 
-._roundSmall_1win9_569 {
+._roundSmall_q8hpo_569 {
   border-top-left-radius: var(--border-radius-sm);
   border-top-right-radius: var(--border-radius-sm);
 }
 
-._roundMedium_1win9_573 {
+._roundMedium_q8hpo_573 {
   border-top-left-radius: var(--border-radius-md);
   border-top-right-radius: var(--border-radius-md);
 }
 
-._roundLarge_1win9_577 {
+._roundLarge_q8hpo_577 {
   border-top-left-radius: var(--border-radius-lg);
   border-top-right-radius: var(--border-radius-lg);
 }
 
-._roundFull_1win9_581 {
+._roundFull_q8hpo_581 {
   border-top-left-radius: var(--border-radius-full);
   border-top-right-radius: var(--border-radius-full);
 }
 
-._shadowNone_1win9_585 {
+._shadowNone_q8hpo_585 {
   box-shadow: var(--box-shadow-none);
 }
 
-._shadowLight_1win9_588 {
+._shadowLight_q8hpo_588 {
   box-shadow: var(--box-shadow-light);
 }
 
-._shadowMedium_1win9_591 {
+._shadowMedium_q8hpo_591 {
   box-shadow: var(--box-shadow-medium);
 }
 
-._shadowStrong_1win9_594 {
+._shadowStrong_q8hpo_594 {
   box-shadow: var(--box-shadow-heavy);
 }
 
-._shadowIntense_1win9_597 {
+._shadowIntense_q8hpo_597 {
   box-shadow: var(--box-shadow-intense);
 }
 
 @media (prefers-reduced-motion: reduce) {
-  ._footer_1win9_540,
-  ._footer_1win9_540 * {
+  ._footer_q8hpo_540,
+  ._footer_q8hpo_540 * {
     transition: none !important;
     animation: none !important;
   }
 }
 @media (forced-colors: active) {
-  ._footer_1win9_540 {
+  ._footer_q8hpo_540 {
     background: Canvas;
     color: CanvasText;
     outline-color: Highlight;
     border-top: 1px solid ButtonText;
   }
-  ._content_1win9_620 ._links_1win9_662 a {
+  ._content_q8hpo_620 ._links_q8hpo_662 a {
     color: LinkText;
     text-decoration-color: LinkText;
   }