boreal-ui 0.0.45 → 0.0.47

package/dist/next/index.cjs.js

@@ -1,58 +1,59 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+;/* empty css                   */
 const ThemeContext = require("./ThemeContext-npFEznyu.cjs");
 const registerColorSheme = require("./registerColorSheme-nhYu5hbY.cjs");
 const colorSchemes = require("./colorSchemes.cjs.js");
 const borealStyleConfig = require("./boreal-style-config-Rr5d5Qts.cjs");
-const Button = require("./Button-B1Fh4G0_.cjs");
+const Button = require("./Button-Cyq8lKKp.cjs");
 const IconButton = require("./IconButton-2l-_HOMB.cjs");
 const STT = require("./STT-GyAuX3-m.cjs");
-const TextInput = require("./TextInput-Z2izAjJj.cjs");
+const TextInput = require("./TextInput-C1TUvbWx.cjs");
 const TextArea = require("./TextArea-rwkjK4Rf.cjs");
 const Select = require("./Select-Dgcy2vVe.cjs");
-const Footer = require("./Footer-BxrsmJyY.cjs");
-const FileUpload = require("./FileUpload-DwlqapHn.cjs");
-const TagInput = require("./TagInput-Bfjg9pZQ.cjs");
-const RadioButton = require("./RadioButton-BCu934Uo.cjs");
-const Slider = require("./Slider-DQM9nV1P.cjs");
-const Checkbox = require("./Checkbox-Ch7osD3y.cjs");
-const ColorPicker = require("./ColorPicker-BHtO2mbU.cjs");
-const FormGroup = require("./FormGroup-U3EwnB0M.cjs");
-const DataTable = require("./DataTable-DQ1QRyZw.cjs");
-const DateTimePicker = require("./DateTimePicker-2M4AJJXm.cjs");
+const Footer = require("./Footer-haPH23Rz.cjs");
+const FileUpload = require("./FileUpload-D43mGC5b.cjs");
+const TagInput = require("./TagInput-C7ohFpQN.cjs");
+const RadioButton = require("./RadioButton-DkeBXAsO.cjs");
+const Slider = require("./Slider-BK-N-zXi.cjs");
+const Checkbox = require("./Checkbox-SXo9UmNY.cjs");
+const ColorPicker = require("./ColorPicker-DUYMHTpF.cjs");
+const FormGroup = require("./FormGroup-mHF2j4h8.cjs");
+const DataTable = require("./DataTable-Cy3GLZ1j.cjs");
+const DateTimePicker = require("./DateTimePicker-DYXQLrAL.cjs");
 const MarkdownRenderer = require("./MarkdownRenderer-l6hdKOt0.cjs");
-const Chip = require("./Chip-DzFaUPed.cjs");
+const Chip = require("./Chip-BYWlOMgj.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-dTyh833r.cjs");
-const ProgressBar = require("./ProgressBar-C6zKbiq5.cjs");
-const CircularProgress = require("./CircularProgress-Cp2pGFmc.cjs");
-const Rating = require("./Rating-C9BgQANc.cjs");
-const Skeleton = require("./Skeleton-Dmz7m0dj.cjs");
-const Spinner = require("./Spinner-0GZngKjG.cjs");
-const Tooltip = require("./Tooltip-BXd5FXXv.cjs");
-const MessagePopup = require("./MessagePopup-PB3e2lTg.cjs");
-const PopOver = require("./PopOver-ixERZLpM.cjs");
-const NavBar = require("./NavBar-Ds_02bAe.cjs");
-const Breadcrumbs = require("./Breadcrumbs-BcXj2PgR.cjs");
-const Tabs = require("./Tabs-D8Efg8wn.cjs");
-const Stepper = require("./Stepper-XZSIlydV.cjs");
+const ProgressBar = require("./ProgressBar-lOd0cGdF.cjs");
+const CircularProgress = require("./CircularProgress-6fmyMX4y.cjs");
+const Rating = require("./Rating-BuPujSZA.cjs");
+const Skeleton = require("./Skeleton-Cp1BE2Ac.cjs");
+const Spinner = require("./Spinner-DqTR9rvk.cjs");
+const Tooltip = require("./Tooltip-BAv_JHBJ.cjs");
+const MessagePopup = require("./MessagePopup-C08ktRPS.cjs");
+const PopOver = require("./PopOver-J5eO0UOr.cjs");
+const NavBar = require("./NavBar-DYUpzh7o.cjs");
+const Breadcrumbs = require("./Breadcrumbs-D5wEf2-N.cjs");
+const Tabs = require("./Tabs-BgKvtbgg.cjs");
+const Stepper = require("./Stepper-RjdxxcS6.cjs");
 const Timeline = require("./Timeline-3bNOgI6C.cjs");
-const Accordion = require("./Accordion-BPWTEHym.cjs");
-const Pager = require("./Pager-BU5RjNwR.cjs");
-const Modal = require("./Modal-DHTrvNfc.cjs");
+const Accordion = require("./Accordion-BvcUpiD3.cjs");
+const Pager = require("./Pager-C1rpRIOe.cjs");
+const Modal = require("./Modal-CVKVAEdd.cjs");
 const Toggle = require("./Toggle-XcxNC4zl.cjs");
-const Toolbar = require("./Toolbar-C45B_I44.cjs");
-const Dropdown = require("./Dropdown-DEdk2QjS.cjs");
-const Divider = require("./Divider-ByDYa4v6.cjs");
-const MetricBox = require("./MetricBox-C3B6Bkcb.cjs");
-const EmptyState = require("./EmptyState-CXyx1WlG.cjs");
-const CommandPalette = require("./CommandPalette-BT9X_yL0.cjs");
-const NotificationCenter = require("./NotificationCenter-DbYxpoy6.cjs");
+const Toolbar = require("./Toolbar-B043HxPz.cjs");
+const Dropdown = require("./Dropdown-BnuZW883.cjs");
+const Divider = require("./Divider-BAAb-2rY.cjs");
+const MetricBox = require("./MetricBox-BDC6UsP1.cjs");
+const EmptyState = require("./EmptyState-CU6_e2Yr.cjs");
+const CommandPalette = require("./CommandPalette-GmgyP8kF.cjs");
+const NotificationCenter = require("./NotificationCenter-ClijzbwL.cjs");
 const Sidebar = require("./Sidebar-DajVSn82.cjs");
-const Card = require("./Card-CqXJPdqV.cjs");
+const Card = require("./Card-D2vuSJt0.cjs");
 const Avatar = require("./Avatar-B9sMyRWr.cjs");
 const ChipGroupBase = React.forwardRef(
   ({
@@ -132,22 +133,22 @@ const ChipGroupBase = React.forwardRef(
   }
 );
 ChipGroupBase.displayName = "ChipGroupBase";
-const noScroll = "_noScroll_11nqh_91";
-const errorMessage = "_errorMessage_11nqh_92";
-const loadingContainer = "_loadingContainer_11nqh_93";
-const hideScrollbar = "_hideScrollbar_11nqh_85";
-const sr_only = "_sr_only_11nqh_94";
-const container = "_container_11nqh_540";
-const topLeft = "_topLeft_11nqh_549";
-const topCenter = "_topCenter_11nqh_554";
-const topRight = "_topRight_11nqh_560";
-const bottomLeft = "_bottomLeft_11nqh_565";
-const bottomCenter = "_bottomCenter_11nqh_570";
-const bottomRight = "_bottomRight_11nqh_576";
-const list = "_list_11nqh_582";
-const chip = "_chip_11nqh_591";
-const spin = "_spin_11nqh_1";
-const pulse = "_pulse_11nqh_1";
+const noScroll = "_noScroll_19z49_91";
+const errorMessage = "_errorMessage_19z49_92";
+const loadingContainer = "_loadingContainer_19z49_93";
+const hideScrollbar = "_hideScrollbar_19z49_85";
+const sr_only = "_sr_only_19z49_94";
+const container = "_container_19z49_529";
+const topLeft = "_topLeft_19z49_538";
+const topCenter = "_topCenter_19z49_543";
+const topRight = "_topRight_19z49_549";
+const bottomLeft = "_bottomLeft_19z49_554";
+const bottomCenter = "_bottomCenter_19z49_559";
+const bottomRight = "_bottomRight_19z49_565";
+const list = "_list_19z49_571";
+const chip = "_chip_19z49_580";
+const spin = "_spin_19z49_1";
+const pulse = "_pulse_19z49_1";
 const styles = {
   noScroll,
   errorMessage,
@@ -163,15 +164,15 @@ const styles = {
   bottomRight,
   list,
   chip,
-  "fade-in": "_fade-in_11nqh_1",
-  "slide-up": "_slide-up_11nqh_1",
-  "spin-3d": "_spin-3d_11nqh_1",
+  "fade-in": "_fade-in_19z49_1",
+  "slide-up": "_slide-up_19z49_1",
+  "spin-3d": "_spin-3d_19z49_1",
   spin,
   pulse,
-  "fade-in-up": "_fade-in-up_11nqh_1",
-  "progress-grow": "_progress-grow_11nqh_1",
-  "indeterminate-move": "_indeterminate-move_11nqh_1",
-  "skeleton-loading": "_skeleton-loading_11nqh_1"
+  "fade-in-up": "_fade-in-up_19z49_1",
+  "progress-grow": "_progress-grow_19z49_1",
+  "indeterminate-move": "_indeterminate-move_19z49_1",
+  "skeleton-loading": "_skeleton-loading_19z49_1"
 };
 const ChipGroup = React.forwardRef((props, ref) => /* @__PURE__ */ require$$2.jsx(ChipGroupBase, { ...props, ref, ChipComponent: Chip.Chip, classMap: styles }));
 ChipGroup.displayName = "ChipGroup";

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 { 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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"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

@@ -1,57 +1,58 @@
+/* empty css                 */
 import { a, T } from "./ThemeContext-DSYDwr2m.js";
 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-uZ3xTOOt.js";
+import { B } from "./Button-CQUqfv7B.js";
 import { I } from "./IconButton-BTUFKRZt.js";
 import { S } from "./STT-CFFr1_Ls.js";
-import { T as T2 } from "./TextInput-ChmIMzj2.js";
+import { T as T2 } from "./TextInput-CyGkgvS3.js";
 import { T as T3 } from "./TextArea-n9HgwyJE.js";
 import { S as S2 } from "./Select-CPwU0IV9.js";
-import { F, U } from "./Footer-CP_PaLon.js";
-import { F as F2 } from "./FileUpload-DBSXPL55.js";
-import { T as T4 } from "./TagInput-CtYKwhEi.js";
-import { R } from "./RadioButton-C14Rsx9o.js";
-import { S as S3 } from "./Slider-BOAgWYkH.js";
-import { C } from "./Checkbox-BJ0rBZLF.js";
-import { C as C2 } from "./ColorPicker-ChWOekWP.js";
-import { F as F3 } from "./FormGroup-QfUhtyhx.js";
-import { D } from "./DataTable-CnvOkZrU.js";
-import { D as D2 } from "./DateTimePicker-IvBWNgkK.js";
+import { F, U } from "./Footer-CJ19dLJ4.js";
+import { F as F2 } from "./FileUpload-CNxWsESt.js";
+import { T as T4 } from "./TagInput-I9GEOn4z.js";
+import { R } from "./RadioButton-UlG9lzwh.js";
+import { S as S3 } from "./Slider-BvcM4-MS.js";
+import { C } from "./Checkbox-dANi8BjQ.js";
+import { C as C2 } from "./ColorPicker-DhQJXU30.js";
+import { F as F3 } from "./FormGroup-B_b5tAwN.js";
+import { D } from "./DataTable-BoXblTGY.js";
+import { D as D2 } from "./DateTimePicker-i4QztkDP.js";
 import { M } from "./MarkdownRenderer-B8_D0j7d.js";
-import { C as Chip } from "./Chip-BB3Awc2g.js";
+import { C as Chip } from "./Chip-B3bTVcNN.js";
 import { jsx } from "react/jsx-runtime";
 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-BZNYm0IU.js";
-import { P } from "./ProgressBar-BoU2HJv3.js";
-import { C as C3 } from "./CircularProgress-BUqdguII.js";
-import { R as R2 } from "./Rating-aheV3uZJ.js";
-import { S as S4 } from "./Skeleton-D8C29p3K.js";
-import { S as S5 } from "./Spinner-BFAOf4tt.js";
-import { T as T5 } from "./Tooltip-BHIA1zE1.js";
-import { M as M2 } from "./MessagePopup-N2n3NvgX.js";
-import { P as P2 } from "./PopOver-CmPp9PkL.js";
-import { N } from "./NavBar-v_ckzQIo.js";
-import { B as B3 } from "./Breadcrumbs-BPWmV24h.js";
-import { T as T6 } from "./Tabs-DmrS_FUa.js";
-import { S as S6 } from "./Stepper-B03bz8wT.js";
+import { P } from "./ProgressBar-hpSJQWrn.js";
+import { C as C3 } from "./CircularProgress-CdvDDYyr.js";
+import { R as R2 } from "./Rating-BhZSzD7o.js";
+import { S as S4 } from "./Skeleton-KKJc191y.js";
+import { S as S5 } from "./Spinner-Dh8iu4p8.js";
+import { T as T5 } from "./Tooltip-BCtlhs_A.js";
+import { M as M2 } from "./MessagePopup-BHMymhHd.js";
+import { P as P2 } from "./PopOver-DFjt5BfD.js";
+import { N } from "./NavBar-BZPUPeLz.js";
+import { B as B3 } from "./Breadcrumbs-DZpS-GOj.js";
+import { T as T6 } from "./Tabs-D90stLbD.js";
+import { S as S6 } from "./Stepper-nRipbdpR.js";
 import { T as T7 } from "./Timeline-9947mxJO.js";
-import { A } from "./Accordion-DY243Bq9.js";
-import { P as P3 } from "./Pager-CtzyTqIl.js";
-import { M as M3 } from "./Modal-QTq5IcKa.js";
+import { A } from "./Accordion-CFb5G7Ql.js";
+import { P as P3 } from "./Pager-DzEFxEIM.js";
+import { M as M3 } from "./Modal-B2ilLCoi.js";
 import { T as T8 } from "./Toggle-C60HtU15.js";
-import { T as T9 } from "./Toolbar-Dq1qqx4P.js";
-import { D as D3 } from "./Dropdown-qdxH-NQR.js";
-import { D as D4 } from "./Divider-BCCzNbAE.js";
-import { M as M4 } from "./MetricBox-BjdAzOrZ.js";
-import { E } from "./EmptyState-BNzFHAk3.js";
-import { C as C4 } from "./CommandPalette-DEf12Et3.js";
-import { N as N2 } from "./NotificationCenter-DxK09uJd.js";
+import { T as T9 } from "./Toolbar-DJ2eWNqF.js";
+import { D as D3 } from "./Dropdown-Czc7qKPn.js";
+import { D as D4 } from "./Divider-O6G6kig_.js";
+import { M as M4 } from "./MetricBox-Cc5g8SBy.js";
+import { E } from "./EmptyState-Cbj1OIeQ.js";
+import { C as C4 } from "./CommandPalette-Bzqc18YQ.js";
+import { N as N2 } from "./NotificationCenter-C00Gj6Xv.js";
 import { S as S7 } from "./Sidebar-CJ4VrQIW.js";
-import { C as C5 } from "./Card-B_qtwaqj.js";
+import { C as C5 } from "./Card-CtUR7xR3.js";
 import { A as A2 } from "./Avatar-B-Ws4Ueo.js";
 const ChipGroupBase = forwardRef(
   ({
@@ -131,22 +132,22 @@ const ChipGroupBase = forwardRef(
   }
 );
 ChipGroupBase.displayName = "ChipGroupBase";
-const noScroll = "_noScroll_11nqh_91";
-const errorMessage = "_errorMessage_11nqh_92";
-const loadingContainer = "_loadingContainer_11nqh_93";
-const hideScrollbar = "_hideScrollbar_11nqh_85";
-const sr_only = "_sr_only_11nqh_94";
-const container = "_container_11nqh_540";
-const topLeft = "_topLeft_11nqh_549";
-const topCenter = "_topCenter_11nqh_554";
-const topRight = "_topRight_11nqh_560";
-const bottomLeft = "_bottomLeft_11nqh_565";
-const bottomCenter = "_bottomCenter_11nqh_570";
-const bottomRight = "_bottomRight_11nqh_576";
-const list = "_list_11nqh_582";
-const chip = "_chip_11nqh_591";
-const spin = "_spin_11nqh_1";
-const pulse = "_pulse_11nqh_1";
+const noScroll = "_noScroll_19z49_91";
+const errorMessage = "_errorMessage_19z49_92";
+const loadingContainer = "_loadingContainer_19z49_93";
+const hideScrollbar = "_hideScrollbar_19z49_85";
+const sr_only = "_sr_only_19z49_94";
+const container = "_container_19z49_529";
+const topLeft = "_topLeft_19z49_538";
+const topCenter = "_topCenter_19z49_543";
+const topRight = "_topRight_19z49_549";
+const bottomLeft = "_bottomLeft_19z49_554";
+const bottomCenter = "_bottomCenter_19z49_559";
+const bottomRight = "_bottomRight_19z49_565";
+const list = "_list_19z49_571";
+const chip = "_chip_19z49_580";
+const spin = "_spin_19z49_1";
+const pulse = "_pulse_19z49_1";
 const styles = {
   noScroll,
   errorMessage,
@@ -162,15 +163,15 @@ const styles = {
   bottomRight,
   list,
   chip,
-  "fade-in": "_fade-in_11nqh_1",
-  "slide-up": "_slide-up_11nqh_1",
-  "spin-3d": "_spin-3d_11nqh_1",
+  "fade-in": "_fade-in_19z49_1",
+  "slide-up": "_slide-up_19z49_1",
+  "spin-3d": "_spin-3d_19z49_1",
   spin,
   pulse,
-  "fade-in-up": "_fade-in-up_11nqh_1",
-  "progress-grow": "_progress-grow_11nqh_1",
-  "indeterminate-move": "_indeterminate-move_11nqh_1",
-  "skeleton-loading": "_skeleton-loading_11nqh_1"
+  "fade-in-up": "_fade-in-up_19z49_1",
+  "progress-grow": "_progress-grow_19z49_1",
+  "indeterminate-move": "_indeterminate-move_19z49_1",
+  "skeleton-loading": "_skeleton-loading_19z49_1"
 };
 const ChipGroup = forwardRef((props, ref) => /* @__PURE__ */ jsx(ChipGroupBase, { ...props, ref, ChipComponent: Chip, classMap: styles }));
 ChipGroup.displayName = "ChipGroup";

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 { 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;"}
+{"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;"}