boreal-ui 0.0.30 → 0.0.32

package/dist/next/index.cjs.js

@@ -1,60 +1,59 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const ThemeContext = require("./ThemeContext-BHzkqvlv.cjs");
+const ThemeContext = require("./ThemeContext-Iy-HHefR.cjs");
 const registerColorSheme = require("./registerColorSheme-nhYu5hbY.cjs");
-const ThemeInitScript = require("./ThemeInitScript-B22_wzIJ.cjs");
 const colorSchemes = require("./colorSchemes.cjs.js");
 const borealStyleConfig = require("./boreal-style-config-Rr5d5Qts.cjs");
-const Button = require("./Button-G1PFBSqU.cjs");
-const IconButton = require("./IconButton-SZdNlqIZ.cjs");
-const STT = require("./STT-B8QYAxU7.cjs");
-const TextInput = require("./TextInput-D0rdRASC.cjs");
+const Button = require("./Button-sIKQmn_c.cjs");
+const IconButton = require("./IconButton--X_Bqn4g.cjs");
+const STT = require("./STT-BygzgjFx.cjs");
+const TextInput = require("./TextInput-CpbTf99E.cjs");
 const TextArea = require("./TextArea-OpFozktU.cjs");
-const Select = require("./Select-BVxDV81c.cjs");
-const Footer = require("./Footer-BvAAYL0M.cjs");
-const FileUpload = require("./FileUpload-BeTvsLw-.cjs");
-const TagInput = require("./TagInput-BVng78ON.cjs");
-const RadioButton = require("./RadioButton-BvqTDvI8.cjs");
-const Slider = require("./Slider-CkQdnTd6.cjs");
-const Checkbox = require("./Checkbox-CFz2oqPW.cjs");
-const ColorPicker = require("./ColorPicker-C2FmQVNl.cjs");
-const FormGroup = require("./FormGroup-BBfiah0c.cjs");
-const DataTable = require("./DataTable-C5OyGLWn.cjs");
-const DateTimePicker = require("./DateTimePicker-CnHSl0jQ.cjs");
-const MarkdownRenderer = require("./MarkdownRenderer-DnhK5V1k.cjs");
-const Chip = require("./Chip-DoRB7LBO.cjs");
+const Select = require("./Select-D4QdlQ6W.cjs");
+const Footer = require("./Footer-CukKL1zM.cjs");
+const FileUpload = require("./FileUpload-DpxmgS-B.cjs");
+const TagInput = require("./TagInput-DuvUD94J.cjs");
+const RadioButton = require("./RadioButton-V4J4u58H.cjs");
+const Slider = require("./Slider-BLoEjvbT.cjs");
+const Checkbox = require("./Checkbox-NAEbjhCf.cjs");
+const ColorPicker = require("./ColorPicker-CDHrECBi.cjs");
+const FormGroup = require("./FormGroup-DXvH4AmB.cjs");
+const DataTable = require("./DataTable-B0-pq0MG.cjs");
+const DateTimePicker = require("./DateTimePicker-DivMR4Oe.cjs");
+const MarkdownRenderer = require("./MarkdownRenderer-ByOcqHm_.cjs");
+const Chip = require("./Chip-CfJ473TI.cjs");
 const require$$2 = require("react/jsx-runtime");
 const React = require("react");
 const uuid = require("uuid");
 const classNames = require("./classNames-BcWMx052.cjs");
-const Badge = require("./Badge-DUUW_Zp1.cjs");
-const ProgressBar = require("./ProgressBar-QdYZNfsm.cjs");
-const CircularProgress = require("./CircularProgress-CcIv2nXN.cjs");
-const Rating = require("./Rating-C31vTdO9.cjs");
-const Skeleton = require("./Skeleton-VK_AxGlo.cjs");
-const Spinner = require("./Spinner-Duq63bbK.cjs");
-const Tooltip = require("./Tooltip-CIR-uUPY.cjs");
-const MessagePopUp = require("./MessagePopUp-D6QdsrUO.cjs");
-const PopOver = require("./PopOver-D2x2a4Jw.cjs");
-const NavBar = require("./NavBar-CO4v6_28.cjs");
-const Breadcrumbs = require("./Breadcrumbs-7MNPobUi.cjs");
-const Tabs = require("./Tabs-CEFKDLm1.cjs");
-const Stepper = require("./Stepper-C_qUO4sd.cjs");
-const Timeline = require("./Timeline-BmXIKNsF.cjs");
-const Accordion = require("./Accordion-CJGWE3z1.cjs");
-const Pager = require("./Pager-BADOS4cm.cjs");
-const Modal = require("./Modal-BmAYw3X9.cjs");
+const Badge = require("./Badge-DLSfi5vo.cjs");
+const ProgressBar = require("./ProgressBar-DyyIhH1C.cjs");
+const CircularProgress = require("./CircularProgress-B0pzDdsh.cjs");
+const Rating = require("./Rating-C1Lb-VqV.cjs");
+const Skeleton = require("./Skeleton-BCbvshNz.cjs");
+const Spinner = require("./Spinner-Bk_yQWCK.cjs");
+const Tooltip = require("./Tooltip-CnwS0tgW.cjs");
+const MessagePopup = require("./MessagePopup-BL7842Cu.cjs");
+const PopOver = require("./PopOver-DoS-aqXT.cjs");
+const NavBar = require("./NavBar-yvxI6w8C.cjs");
+const Breadcrumbs = require("./Breadcrumbs-veVO4yuY.cjs");
+const Tabs = require("./Tabs-DhQgzZKQ.cjs");
+const Stepper = require("./Stepper-kC6EOZ_b.cjs");
+const Timeline = require("./Timeline-jmKmKwxD.cjs");
+const Accordion = require("./Accordion-CmbMyudL.cjs");
+const Pager = require("./Pager-jPCTdMIg.cjs");
+const Modal = require("./Modal-Bauehvf1.cjs");
 const Toggle = require("./Toggle-ei8CN3th.cjs");
-const Toolbar = require("./Toolbar-DleUmVkR.cjs");
-const Dropdown = require("./Dropdown-BHd5BuCB.cjs");
-const Divider = require("./Divider-Fpf7-0z3.cjs");
-const MetricBox = require("./MetricBox-Cl0r-MUz.cjs");
-const EmptyState = require("./EmptyState-edgOQ6GW.cjs");
-const CommandPalette = require("./CommandPalette-DjR2pE5m.cjs");
-const NotificationCenter = require("./NotificationCenter-BIuJj-PB.cjs");
-const Sidebar = require("./Sidebar-C_zefcbg.cjs");
-const Card = require("./Card-Bg9EknRD.cjs");
-const Avatar = require("./Avatar-BX8mh_3b.cjs");
+const Toolbar = require("./Toolbar-Dv6focMM.cjs");
+const Dropdown = require("./Dropdown-qvuelg8z.cjs");
+const Divider = require("./Divider-Bew1Qx5f.cjs");
+const MetricBox = require("./MetricBox-B9AG8u6p.cjs");
+const EmptyState = require("./EmptyState-DMIL8ecB.cjs");
+const CommandPalette = require("./CommandPalette-DhyChRCJ.cjs");
+const NotificationCenter = require("./NotificationCenter-dkrHsIKr.cjs");
+const Sidebar = require("./Sidebar-CbQ4ssz-.cjs");
+const Card = require("./Card-BQTJkNCL.cjs");
+const Avatar = require("./Avatar-hwM3F1Jw.cjs");
 const ChipGroupBase = React.forwardRef(
   ({
     chips,
@@ -133,22 +132,22 @@ const ChipGroupBase = React.forwardRef(
   }
 );
 ChipGroupBase.displayName = "ChipGroupBase";
-const noScroll = "_noScroll_pg06a_91";
-const errorMessage = "_errorMessage_pg06a_92";
-const loadingContainer = "_loadingContainer_pg06a_93";
-const hideScrollbar = "_hideScrollbar_pg06a_85";
-const sr_only = "_sr_only_pg06a_94";
-const container = "_container_pg06a_539";
-const topLeft = "_topLeft_pg06a_548";
-const topCenter = "_topCenter_pg06a_553";
-const topRight = "_topRight_pg06a_559";
-const bottomLeft = "_bottomLeft_pg06a_564";
-const bottomCenter = "_bottomCenter_pg06a_569";
-const bottomRight = "_bottomRight_pg06a_575";
-const list = "_list_pg06a_581";
-const chip = "_chip_pg06a_590";
-const spin = "_spin_pg06a_1";
-const pulse = "_pulse_pg06a_1";
+const noScroll = "_noScroll_10afd_91";
+const errorMessage = "_errorMessage_10afd_92";
+const loadingContainer = "_loadingContainer_10afd_93";
+const hideScrollbar = "_hideScrollbar_10afd_85";
+const sr_only = "_sr_only_10afd_94";
+const container = "_container_10afd_540";
+const topLeft = "_topLeft_10afd_549";
+const topCenter = "_topCenter_10afd_554";
+const topRight = "_topRight_10afd_560";
+const bottomLeft = "_bottomLeft_10afd_565";
+const bottomCenter = "_bottomCenter_10afd_570";
+const bottomRight = "_bottomRight_10afd_576";
+const list = "_list_10afd_582";
+const chip = "_chip_10afd_591";
+const spin = "_spin_10afd_1";
+const pulse = "_pulse_10afd_1";
 const styles = {
   noScroll,
   errorMessage,
@@ -164,15 +163,15 @@ const styles = {
   bottomRight,
   list,
   chip,
-  "fade-in": "_fade-in_pg06a_1",
-  "slide-up": "_slide-up_pg06a_1",
-  "spin-3d": "_spin-3d_pg06a_1",
+  "fade-in": "_fade-in_10afd_1",
+  "slide-up": "_slide-up_10afd_1",
+  "spin-3d": "_spin-3d_10afd_1",
   spin,
   pulse,
-  "fade-in-up": "_fade-in-up_pg06a_1",
-  "progress-grow": "_progress-grow_pg06a_1",
-  "indeterminate-move": "_indeterminate-move_pg06a_1",
-  "skeleton-loading": "_skeleton-loading_pg06a_1"
+  "fade-in-up": "_fade-in-up_10afd_1",
+  "progress-grow": "_progress-grow_10afd_1",
+  "indeterminate-move": "_indeterminate-move_10afd_1",
+  "skeleton-loading": "_skeleton-loading_10afd_1"
 };
 const ChipGroup = React.forwardRef(
   (props, ref) => /* @__PURE__ */ require$$2.jsx(
@@ -185,13 +184,9 @@ const ChipGroup = React.forwardRef(
     }
   )
 );
-function ClientFooterWrapper(props) {
-  return /* @__PURE__ */ require$$2.jsx(Footer.Footer, { ...props });
-}
 exports.ThemeContext = ThemeContext.ThemeContext;
 exports.ThemeProvider = ThemeContext.ThemeProvider;
 exports.registerColorScheme = registerColorSheme.registerColorScheme;
-exports.ThemeInitScript = ThemeInitScript.ThemeInit;
 exports.colorSchemes = colorSchemes.colorSchemes;
 exports.setBorealStyleConfig = borealStyleConfig.setBorealStyleConfig;
 exports.Button = Button.Button;
@@ -220,7 +215,7 @@ exports.Rating = Rating.Rating;
 exports.Skeleton = Skeleton.SkeletonLoader;
 exports.Spinner = Spinner.Spinner;
 exports.Tooltip = Tooltip.Tooltip;
-exports.MessagePopUp = MessagePopUp.MessagePopUp;
+exports.MessagePopUp = MessagePopup.MessagePopUp;
 exports.PopOver = PopOver.Popover;
 exports.Navbar = NavBar.NavBar;
 exports.Breadcrumbs = Breadcrumbs.Breadcrumbs;
@@ -242,5 +237,4 @@ exports.Sidebar = Sidebar.Sidebar;
 exports.Card = Card.Card;
 exports.Avatar = Avatar.Avatar;
 exports.ChipGroup = ChipGroup;
-exports.ClientFooterWrapper = ClientFooterWrapper;
 //# sourceMappingURL=index.cjs.js.map

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","../../src/components/Footer/next/ClientFooterWrapper.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","/**\r\n * ---------------------------------------------------------------------\r\n * ClientFooterWrapper.tsx\r\n * ---------------------------------------------------------------------\r\n * A client-side wrapper for the `<Footer>` component to ensure\r\n * it renders only on the client (required when using dynamic content\r\n * or browser-specific APIs within the Footer).\r\n *\r\n * This is useful in Next.js when a server component cannot render\r\n * a client-only dependency.\r\n *\r\n * Props are directly passed through from `FooterProps`.\r\n *\r\n * Usage:\r\n * ```tsx\r\n * <ClientFooterWrapper\r\n *   copyright=\"© 2025 Davin Chiupka\"\r\n *   showThemeSelect\r\n * />\r\n * ```\r\n */\r\n\r\n\"use client\";\r\n\r\nimport Footer from \"./Footer\";\r\nimport type { FooterProps } from \"../Footer.types\";\r\n\r\nexport default function ClientFooterWrapper(props: FooterProps) {\r\n  return <Footer {...props} />;\r\n}\r\n"],"names":["forwardRef","getDefaultSize","useState","useEffect","chip","uuidv4","useCallback","useImperativeHandle","jsx","combineClassNames","Chip","Footer"],"mappings":"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"}
+{"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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/next/index.js

@@ -1,60 +1,58 @@
-import { a, T } from "./ThemeContext-B-z-faEj.js";
+import { a, T } from "./ThemeContext-DJ18CFaV.js";
 import { r } from "./registerColorSheme-BPX0H7hl.js";
-import { T as T2 } from "./ThemeInitScript-D6EpWMC9.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-ClWB5gZW.js";
-import { I } from "./IconButton-Dk8EDf4Z.js";
-import { S } from "./STT-B89YQxDF.js";
-import { T as T3 } from "./TextInput-B00XEBiM.js";
-import { T as T4 } from "./TextArea-Bmkg-d0v.js";
-import { S as S2 } from "./Select-DXO2nK78.js";
-import { F as Footer } from "./Footer-D18LIc08.js";
-import { U } from "./Footer-D18LIc08.js";
-import { F } from "./FileUpload-D7qdf0y5.js";
-import { T as T5 } from "./TagInput-B_VOR8-r.js";
-import { R } from "./RadioButton-CffrjQlz.js";
-import { S as S3 } from "./Slider-DIJEeH2r.js";
-import { C } from "./Checkbox-3k5UZ20q.js";
-import { C as C2 } from "./ColorPicker-BWv-0yLo.js";
-import { F as F2 } from "./FormGroup-D_92BmcS.js";
-import { D } from "./DataTable-BxpVeU6-.js";
-import { D as D2 } from "./DateTimePicker-HNGW6xNG.js";
-import { M } from "./MarkdownRenderer-xAxEjENn.js";
-import { C as Chip } from "./Chip-CMP-naRw.js";
+import { B } from "./Button-DN8rTQSp.js";
+import { I } from "./IconButton-B1r838wY.js";
+import { S } from "./STT-DKdM1tbk.js";
+import { T as T2 } from "./TextInput-G1Pvtebv.js";
+import { T as T3 } from "./TextArea-Bmkg-d0v.js";
+import { S as S2 } from "./Select-B3JaOW2f.js";
+import { F, U } from "./Footer-CD8eu471.js";
+import { F as F2 } from "./FileUpload-BSqFdKZD.js";
+import { T as T4 } from "./TagInput-CJ2XdMU0.js";
+import { R } from "./RadioButton-B2yQz2_q.js";
+import { S as S3 } from "./Slider-q_hjFuqb.js";
+import { C } from "./Checkbox-BMaEzceF.js";
+import { C as C2 } from "./ColorPicker-4Fw0fwbk.js";
+import { F as F3 } from "./FormGroup-DSDuqKWJ.js";
+import { D } from "./DataTable-D17xbmiu.js";
+import { D as D2 } from "./DateTimePicker-BJnnZBgd.js";
+import { M } from "./MarkdownRenderer-r0prlhyN.js";
+import { C as Chip } from "./Chip-CekCQRke.js";
 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-DywmGB1E.js";
-import { P } from "./ProgressBar-C02f6SzB.js";
-import { C as C3 } from "./CircularProgress-DTKTvWPL.js";
-import { R as R2 } from "./Rating-CqV2p3Wa.js";
-import { S as S4 } from "./Skeleton-CJpwvGKT.js";
-import { S as S5 } from "./Spinner-N0I3bKh8.js";
-import { T as T6 } from "./Tooltip-BLzis3b9.js";
-import { M as M2 } from "./MessagePopUp-DEbsvN19.js";
-import { P as P2 } from "./PopOver-CAUFP1-Y.js";
-import { N } from "./NavBar-CKo-nom2.js";
-import { B as B3 } from "./Breadcrumbs-BM-yj_kq.js";
-import { T as T7 } from "./Tabs-Dk0OQfLb.js";
-import { S as S6 } from "./Stepper-De9foUOK.js";
-import { T as T8 } from "./Timeline-CLEpMONv.js";
-import { A } from "./Accordion-CwNZAMaX.js";
-import { P as P3 } from "./Pager-DiZtB-Df.js";
-import { M as M3 } from "./Modal-BOaNai97.js";
-import { T as T9 } from "./Toggle-D1vM9KrI.js";
-import { T as T10 } from "./Toolbar-Dme9QqMY.js";
-import { D as D3 } from "./Dropdown-CzQhdSD7.js";
-import { D as D4 } from "./Divider-PQO6alS3.js";
-import { M as M4 } from "./MetricBox-BIWbtopW.js";
-import { E } from "./EmptyState-BbuuFZCb.js";
-import { C as C4 } from "./CommandPalette-BaJ9KSob.js";
-import { N as N2 } from "./NotificationCenter-DCE8DuOm.js";
-import { S as S7 } from "./Sidebar-R1NSvWHu.js";
-import { C as C5 } from "./Card-B_USybKk.js";
-import { A as A2 } from "./Avatar-B3eTb_Xz.js";
+import { B as B2 } from "./Badge-BG9cWEDv.js";
+import { P } from "./ProgressBar-BIojCvdG.js";
+import { C as C3 } from "./CircularProgress-C3vHw9Vz.js";
+import { R as R2 } from "./Rating-DQsfA43l.js";
+import { S as S4 } from "./Skeleton-D8Jqmncm.js";
+import { S as S5 } from "./Spinner-CagtJg0l.js";
+import { T as T5 } from "./Tooltip-DhRckexD.js";
+import { M as M2 } from "./MessagePopup-Bjgods-d.js";
+import { P as P2 } from "./PopOver-BBFa0Sr0.js";
+import { N } from "./NavBar-kgNrVtKB.js";
+import { B as B3 } from "./Breadcrumbs-IO2iNAjN.js";
+import { T as T6 } from "./Tabs-CuF_JTan.js";
+import { S as S6 } from "./Stepper-BzItximd.js";
+import { T as T7 } from "./Timeline-WHRPqD31.js";
+import { A } from "./Accordion-81qBJa4M.js";
+import { P as P3 } from "./Pager-CGqvekhJ.js";
+import { M as M3 } from "./Modal-BddVxoXY.js";
+import { T as T8 } from "./Toggle-D1vM9KrI.js";
+import { T as T9 } from "./Toolbar-Dw__aR2C.js";
+import { D as D3 } from "./Dropdown-DqYjIelJ.js";
+import { D as D4 } from "./Divider-BGf_EQkK.js";
+import { M as M4 } from "./MetricBox-CM85hhlk.js";
+import { E } from "./EmptyState-CNii02MI.js";
+import { C as C4 } from "./CommandPalette-BEDyY7vY.js";
+import { N as N2 } from "./NotificationCenter-DlbqVzzr.js";
+import { S as S7 } from "./Sidebar-C6NbdjWV.js";
+import { C as C5 } from "./Card-B9EjkoVy.js";
+import { A as A2 } from "./Avatar-96V7QHyt.js";
 const ChipGroupBase = forwardRef(
   ({
     chips,
@@ -133,22 +131,22 @@ const ChipGroupBase = forwardRef(
   }
 );
 ChipGroupBase.displayName = "ChipGroupBase";
-const noScroll = "_noScroll_pg06a_91";
-const errorMessage = "_errorMessage_pg06a_92";
-const loadingContainer = "_loadingContainer_pg06a_93";
-const hideScrollbar = "_hideScrollbar_pg06a_85";
-const sr_only = "_sr_only_pg06a_94";
-const container = "_container_pg06a_539";
-const topLeft = "_topLeft_pg06a_548";
-const topCenter = "_topCenter_pg06a_553";
-const topRight = "_topRight_pg06a_559";
-const bottomLeft = "_bottomLeft_pg06a_564";
-const bottomCenter = "_bottomCenter_pg06a_569";
-const bottomRight = "_bottomRight_pg06a_575";
-const list = "_list_pg06a_581";
-const chip = "_chip_pg06a_590";
-const spin = "_spin_pg06a_1";
-const pulse = "_pulse_pg06a_1";
+const noScroll = "_noScroll_10afd_91";
+const errorMessage = "_errorMessage_10afd_92";
+const loadingContainer = "_loadingContainer_10afd_93";
+const hideScrollbar = "_hideScrollbar_10afd_85";
+const sr_only = "_sr_only_10afd_94";
+const container = "_container_10afd_540";
+const topLeft = "_topLeft_10afd_549";
+const topCenter = "_topCenter_10afd_554";
+const topRight = "_topRight_10afd_560";
+const bottomLeft = "_bottomLeft_10afd_565";
+const bottomCenter = "_bottomCenter_10afd_570";
+const bottomRight = "_bottomRight_10afd_576";
+const list = "_list_10afd_582";
+const chip = "_chip_10afd_591";
+const spin = "_spin_10afd_1";
+const pulse = "_pulse_10afd_1";
 const styles = {
   noScroll,
   errorMessage,
@@ -164,15 +162,15 @@ const styles = {
   bottomRight,
   list,
   chip,
-  "fade-in": "_fade-in_pg06a_1",
-  "slide-up": "_slide-up_pg06a_1",
-  "spin-3d": "_spin-3d_pg06a_1",
+  "fade-in": "_fade-in_10afd_1",
+  "slide-up": "_slide-up_10afd_1",
+  "spin-3d": "_spin-3d_10afd_1",
   spin,
   pulse,
-  "fade-in-up": "_fade-in-up_pg06a_1",
-  "progress-grow": "_progress-grow_pg06a_1",
-  "indeterminate-move": "_indeterminate-move_pg06a_1",
-  "skeleton-loading": "_skeleton-loading_pg06a_1"
+  "fade-in-up": "_fade-in-up_10afd_1",
+  "progress-grow": "_progress-grow_10afd_1",
+  "indeterminate-move": "_indeterminate-move_10afd_1",
+  "skeleton-loading": "_skeleton-loading_10afd_1"
 };
 const ChipGroup = React.forwardRef(
   (props, ref) => /* @__PURE__ */ jsx(
@@ -185,9 +183,6 @@ const ChipGroup = React.forwardRef(
     }
   )
 );
-function ClientFooterWrapper(props) {
-  return /* @__PURE__ */ jsx(Footer, { ...props });
-}
 export {
   A as Accordion,
   A2 as Avatar,
@@ -199,7 +194,6 @@ export {
   Chip,
   ChipGroup,
   C3 as CircularProgress,
-  ClientFooterWrapper,
   C2 as ColorPicker,
   C4 as CommandPalette,
   D as DataTable,
@@ -207,9 +201,9 @@ export {
   D4 as Divider,
   D3 as Dropdown,
   E as EmptyState,
-  F as FileUpload,
-  Footer,
-  F2 as FormGroup,
+  F2 as FileUpload,
+  F as Footer,
+  F3 as FormGroup,
   I as IconButton,
   M as MarkdownRenderer,
   M2 as MessagePopUp,
@@ -229,18 +223,17 @@ export {
   S3 as Slider,
   S5 as Spinner,
   S6 as Stepper,
-  T7 as Tabs,
-  T5 as TagInput,
-  T4 as TextArea,
-  T3 as TextInput,
+  T6 as Tabs,
+  T4 as TagInput,
+  T3 as TextArea,
+  T2 as TextInput,
   a as ThemeContext,
-  T2 as ThemeInitScript,
   T as ThemeProvider,
   U as ThemeSelect,
-  T8 as Timeline,
-  T9 as Toggle,
-  T10 as Toolbar,
-  T6 as Tooltip,
+  T7 as Timeline,
+  T8 as Toggle,
+  T9 as Toolbar,
+  T5 as Tooltip,
   colorSchemes,
   r as registerColorScheme,
   s as setBorealStyleConfig

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","../../src/components/Footer/next/ClientFooterWrapper.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","/**\r\n * ---------------------------------------------------------------------\r\n * ClientFooterWrapper.tsx\r\n * ---------------------------------------------------------------------\r\n * A client-side wrapper for the `<Footer>` component to ensure\r\n * it renders only on the client (required when using dynamic content\r\n * or browser-specific APIs within the Footer).\r\n *\r\n * This is useful in Next.js when a server component cannot render\r\n * a client-only dependency.\r\n *\r\n * Props are directly passed through from `FooterProps`.\r\n *\r\n * Usage:\r\n * ```tsx\r\n * <ClientFooterWrapper\r\n *   copyright=\"© 2025 Davin Chiupka\"\r\n *   showThemeSelect\r\n * />\r\n * ```\r\n */\r\n\r\n\"use client\";\r\n\r\nimport Footer from \"./Footer\";\r\nimport type { FooterProps } from \"../Footer.types\";\r\n\r\nexport default function ClientFooterWrapper(props: FooterProps) {\r\n  return <Footer {...props} />;\r\n}\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;ACUA,SAAwB,oBAAoB,OAAoB;AAC9D,SAAO,oBAAC,QAAA,EAAQ,GAAG,MAAA,CAAO;AAC5B;"}
+{"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;"}