@navikt/ds-react 8.0.0 → 8.1.0

package/esm/accordion/Accordion.js

@@ -9,9 +9,11 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import React, { forwardRef } from "react";
-import { useRenameCSS } from "../theme/Theme.js";
-import { omit } from "../util/index.js";
+import React, { forwardRef, useEffect, useRef } from "react";
+import { omit } from "../utils-external/index.js";
+import { cl } from "../utils/helpers/index.js";
+import { consoleWarning } from "../utils/helpers/consoleWarning.js";
+import { useMergeRefs } from "../utils/hooks/index.js";
 import AccordionContent from "./AccordionContent.js";
 import { AccordionContext } from "./AccordionContext.js";
 import AccordionHeader from "./AccordionHeader.js";
@@ -38,13 +40,26 @@ import AccordionItem from "./AccordionItem.js";
  */
 export const Accordion = forwardRef((_a, ref) => {
     var { className, variant = "default", size = "medium", indent = true } = _a, rest = __rest(_a, ["className", "variant", "size", "indent"]);
-    const { cn } = useRenameCSS();
+    const localRef = useRef(null);
+    const mergedRef = useMergeRefs(localRef, ref);
+    useEffect(() => {
+        var _a;
+        if (process.env.NODE_ENV === "production" || !localRef.current) {
+            return;
+        }
+        if ((_a = localRef.current.nextElementSibling) === null || _a === void 0 ? void 0 : _a.classList.contains("aksel-accordion")) {
+            consoleWarning("Do not put multiple accordions directly after each other. Use one <Accordion> with multiple <Accordion.Item> instead.", localRef.current);
+        }
+        if (localRef.current.children.length === 1) {
+            consoleWarning("Accordions should have more than one item. Consider using ExpansionPanel instead.", localRef.current);
+        }
+    }, []);
     return (React.createElement(AccordionContext.Provider, { value: {
             size,
             mounted: true,
             variant,
         } },
-        React.createElement("div", Object.assign({}, omit(rest, ["headingSize"]), { className: cn("navds-accordion", className, `navds-accordion--${size}`, { "navds-accordion--indent": indent }), ref: ref }))));
+        React.createElement("div", Object.assign({}, omit(rest, ["headingSize"]), { className: cl("aksel-accordion", className, `aksel-accordion--${size}`, { "aksel-accordion--indent": indent }), ref: mergedRef }))));
 });
 Accordion.Header = AccordionHeader;
 Accordion.Content = AccordionContent;

package/esm/accordion/Accordion.js.map

@@ -1 +1 @@
-{"version":3,"file":"Accordion.js","sourceRoot":"","sources":["../../src/accordion/Accordion.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAC/B,OAAO,gBAA2C,MAAM,oBAAoB,CAAC;AAC7E,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,eAAyC,MAAM,mBAAmB,CAAC;AAC1E,OAAO,aAAqC,MAAM,iBAAiB,CAAC;AA0DpE;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG,UAAU,CACjC,CACE,EAA2E,EAC3E,GAAG,EACH,EAAE;QAFF,EAAE,SAAS,EAAE,OAAO,GAAG,SAAS,EAAE,IAAI,GAAG,QAAQ,EAAE,MAAM,GAAG,IAAI,OAAW,EAAN,IAAI,cAAzE,0CAA2E,CAAF;IAGzE,MAAM,EAAE,EAAE,EAAE,GAAG,YAAY,EAAE,CAAC;IAE9B,OAAO,CACL,oBAAC,gBAAgB,CAAC,QAAQ,IACxB,KAAK,EAAE;YACL,IAAI;YACJ,OAAO,EAAE,IAAI;YACb,OAAO;SACR;QAED,6CACM,IAAI,CAAC,IAAI,EAAE,CAAC,aAAa,CAAC,CAAC,IAC/B,SAAS,EAAE,EAAE,CACX,iBAAiB,EACjB,SAAS,EACT,oBAAoB,IAAI,EAAE,EAC1B,EAAE,yBAAyB,EAAE,MAAM,EAAE,CACtC,EACD,GAAG,EAAE,GAAG,IACR,CACwB,CAC7B,CAAC;AACJ,CAAC,CACoB,CAAC;AAExB,SAAS,CAAC,MAAM,GAAG,eAAe,CAAC;AACnC,SAAS,CAAC,OAAO,GAAG,gBAAgB,CAAC;AACrC,SAAS,CAAC,IAAI,GAAG,aAAa,CAAC;AAE/B,eAAe,SAAS,CAAC"}
+{"version":3,"file":"Accordion.js","sourceRoot":"","sources":["../../src/accordion/Accordion.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAG7D,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,EAAE,EAAE,MAAM,kBAAkB,CAAC;AACtC,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AACjE,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,gBAA2C,MAAM,oBAAoB,CAAC;AAC7E,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,eAAyC,MAAM,mBAAmB,CAAC;AAC1E,OAAO,aAAqC,MAAM,iBAAiB,CAAC;AA0DpE;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG,UAAU,CACjC,CACE,EAA2E,EAC3E,GAAG,EACH,EAAE;QAFF,EAAE,SAAS,EAAE,OAAO,GAAG,SAAS,EAAE,IAAI,GAAG,QAAQ,EAAE,MAAM,GAAG,IAAI,OAAW,EAAN,IAAI,cAAzE,0CAA2E,CAAF;IAGzE,MAAM,QAAQ,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAC;IACrD,MAAM,SAAS,GAAG,YAAY,CAAC,QAAQ,EAAE,GAAG,CAAC,CAAC;IAE9C,SAAS,CAAC,GAAG,EAAE;;QACb,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE,CAAC;YAC/D,OAAO;QACT,CAAC;QACD,IACE,MAAA,QAAQ,CAAC,OAAO,CAAC,kBAAkB,0CAAE,SAAS,CAAC,QAAQ,CACrD,iBAAiB,CAClB,EACD,CAAC;YACD,cAAc,CACZ,uHAAuH,EACvH,QAAQ,CAAC,OAAO,CACjB,CAAC;QACJ,CAAC;QACD,IAAI,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YAC3C,cAAc,CACZ,mFAAmF,EACnF,QAAQ,CAAC,OAAO,CACjB,CAAC;QACJ,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,oBAAC,gBAAgB,CAAC,QAAQ,IACxB,KAAK,EAAE;YACL,IAAI;YACJ,OAAO,EAAE,IAAI;YACb,OAAO;SACR;QAED,6CACM,IAAI,CAAC,IAAI,EAAE,CAAC,aAAa,CAAC,CAAC,IAC/B,SAAS,EAAE,EAAE,CACX,iBAAiB,EACjB,SAAS,EACT,oBAAoB,IAAI,EAAE,EAC1B,EAAE,yBAAyB,EAAE,MAAM,EAAE,CACtC,EACD,GAAG,EAAE,SAAS,IACd,CACwB,CAC7B,CAAC;AACJ,CAAC,CACoB,CAAC;AAExB,SAAS,CAAC,MAAM,GAAG,eAAe,CAAC;AACnC,SAAS,CAAC,OAAO,GAAG,gBAAgB,CAAC;AACrC,SAAS,CAAC,IAAI,GAAG,aAAa,CAAC;AAE/B,eAAe,SAAS,CAAC"}

package/esm/accordion/AccordionContent.js

@@ -10,20 +10,20 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import React, { forwardRef, useContext } from "react";
-import { useRenameCSS, useThemeInternal } from "../theme/Theme.js";
+import { useThemeInternal } from "../theme/Theme.js";
 import { BodyLong } from "../typography/index.js";
+import { cl } from "../utils/helpers/index.js";
 import { AccordionItemContext } from "./AccordionItem.js";
 const AccordionContent = forwardRef((_a, ref) => {
     var { children, className } = _a, rest = __rest(_a, ["children", "className"]);
     const context = useContext(AccordionItemContext);
-    const { cn } = useRenameCSS();
     const themeContext = useThemeInternal();
     if (context === null) {
         console.error("<Accordion.Content> has to be used within an <Accordion.Item>");
         return null;
     }
-    return (React.createElement(BodyLong, Object.assign({ "data-color": themeContext.color }, rest, { as: "div", ref: ref, className: cn("navds-accordion__content", { "navds-accordion__content--closed": !context.open }, className) }),
-        React.createElement("div", { className: cn("navds-accordion__content-inner") }, children)));
+    return (React.createElement(BodyLong, Object.assign({}, rest, { as: "div", ref: ref, className: cl("aksel-accordion__content", { "aksel-accordion__content--closed": !context.open }, className) }),
+        React.createElement("div", { className: "aksel-accordion__content-inner", "data-color": themeContext.color }, children)));
 });
 export default AccordionContent;
 //# sourceMappingURL=AccordionContent.js.map

package/esm/accordion/AccordionContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionContent.js","sourceRoot":"","sources":["../../src/accordion/AccordionContent.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAChE,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAUvD,MAAM,gBAAgB,GAAG,UAAU,CACjC,CAAC,EAAgC,EAAE,GAAG,EAAE,EAAE;QAAzC,EAAE,QAAQ,EAAE,SAAS,OAAW,EAAN,IAAI,cAA9B,yBAAgC,CAAF;IAC7B,MAAM,OAAO,GAAG,UAAU,CAAC,oBAAoB,CAAC,CAAC;IAEjD,MAAM,EAAE,EAAE,EAAE,GAAG,YAAY,EAAE,CAAC;IAC9B,MAAM,YAAY,GAAG,gBAAgB,EAAE,CAAC;IAExC,IAAI,OAAO,KAAK,IAAI,EAAE,CAAC;QACrB,OAAO,CAAC,KAAK,CACX,+DAA+D,CAChE,CAAC;QACF,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,oBAAC,QAAQ,gCACK,YAAY,CAAC,KAAK,IAC1B,IAAI,IACR,EAAE,EAAC,KAAK,EACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,0BAA0B,EAC1B,EAAE,kCAAkC,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,EACrD,SAAS,CACV;QAED,6BAAK,SAAS,EAAE,EAAE,CAAC,gCAAgC,CAAC,IAAG,QAAQ,CAAO,CAC7D,CACZ,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"AccordionContent.js","sourceRoot":"","sources":["../../src/accordion/AccordionContent.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,EAAE,EAAE,MAAM,kBAAkB,CAAC;AACtC,OAAO,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAUvD,MAAM,gBAAgB,GAAG,UAAU,CACjC,CAAC,EAAgC,EAAE,GAAG,EAAE,EAAE;QAAzC,EAAE,QAAQ,EAAE,SAAS,OAAW,EAAN,IAAI,cAA9B,yBAAgC,CAAF;IAC7B,MAAM,OAAO,GAAG,UAAU,CAAC,oBAAoB,CAAC,CAAC;IAEjD,MAAM,YAAY,GAAG,gBAAgB,EAAE,CAAC;IAExC,IAAI,OAAO,KAAK,IAAI,EAAE,CAAC;QACrB,OAAO,CAAC,KAAK,CACX,+DAA+D,CAChE,CAAC;QACF,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,oBAAC,QAAQ,oBACH,IAAI,IACR,EAAE,EAAC,KAAK,EACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,0BAA0B,EAC1B,EAAE,kCAAkC,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,EACrD,SAAS,CACV;QAED,6BACE,SAAS,EAAC,gCAAgC,gBAC9B,YAAY,CAAC,KAAK,IAE7B,QAAQ,CACL,CACG,CACZ,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/esm/accordion/AccordionHeader.js

@@ -11,23 +11,21 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import React, { forwardRef, useContext } from "react";
 import { ChevronDownIcon } from "@navikt/aksel-icons";
-import { useRenameCSS } from "../theme/Theme.js";
 import { Heading } from "../typography/index.js";
-import { composeEventHandlers } from "../util/composeEventHandlers.js";
+import { cl, composeEventHandlers } from "../utils/helpers/index.js";
 import { AccordionContext } from "./AccordionContext.js";
 import { AccordionItemContext } from "./AccordionItem.js";
 const AccordionHeader = forwardRef((_a, ref) => {
     var { children, className, onClick } = _a, rest = __rest(_a, ["children", "className", "onClick"]);
     const itemContext = useContext(AccordionItemContext);
     const accordionContext = useContext(AccordionContext);
-    const { cn } = useRenameCSS();
     if (itemContext === null) {
         console.error("<Accordion.Header> has to be used within an <Accordion.Item>, which in turn must be within an <Accordion>");
         return null;
     }
-    return (React.createElement("button", Object.assign({ ref: ref, "data-color": (accordionContext === null || accordionContext === void 0 ? void 0 : accordionContext.variant) === "neutral" ? "neutral" : undefined }, rest, { className: cn("navds-accordion__header", className), onClick: composeEventHandlers(onClick, itemContext.toggleOpen), "aria-expanded": itemContext.open, type: "button" }),
-        React.createElement("span", { className: cn("navds-accordion__icon-wrapper") },
-            React.createElement(ChevronDownIcon, { className: cn("navds-accordion__header-chevron"), "aria-hidden": true })),
+    return (React.createElement("button", Object.assign({ ref: ref, "data-color": (accordionContext === null || accordionContext === void 0 ? void 0 : accordionContext.variant) === "neutral" ? "neutral" : undefined }, rest, { className: cl("aksel-accordion__header", className), onClick: composeEventHandlers(onClick, itemContext.toggleOpen), "aria-expanded": itemContext.open, type: "button" }),
+        React.createElement("span", { className: "aksel-accordion__icon-wrapper" },
+            React.createElement(ChevronDownIcon, { className: "aksel-accordion__header-chevron", "aria-hidden": true })),
         React.createElement(Heading, { size: (accordionContext === null || accordionContext === void 0 ? void 0 : accordionContext.size) === "large" ? "small" : "xsmall", as: "span" }, children)));
 });
 export default AccordionHeader;

package/esm/accordion/AccordionHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionHeader.js","sourceRoot":"","sources":["../../src/accordion/AccordionHeader.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACxC,OAAO,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AACpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAUvD,MAAM,eAAe,GAAG,UAAU,CAChC,CAAC,EAAyC,EAAE,GAAG,EAAE,EAAE;QAAlD,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,OAAW,EAAN,IAAI,cAAvC,oCAAyC,CAAF;IACtC,MAAM,WAAW,GAAG,UAAU,CAAC,oBAAoB,CAAC,CAAC;IACrD,MAAM,gBAAgB,GAAG,UAAU,CAAC,gBAAgB,CAAC,CAAC;IAEtD,MAAM,EAAE,EAAE,EAAE,GAAG,YAAY,EAAE,CAAC;IAE9B,IAAI,WAAW,KAAK,IAAI,EAAE,CAAC;QACzB,OAAO,CAAC,KAAK,CACX,2GAA2G,CAC5G,CAAC;QACF,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,8CACE,GAAG,EAAE,GAAG,gBAEN,CAAA,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,OAAO,MAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,IAE7D,IAAI,IACR,SAAS,EAAE,EAAE,CAAC,yBAAyB,EAAE,SAAS,CAAC,EACnD,OAAO,EAAE,oBAAoB,CAAC,OAAO,EAAE,WAAW,CAAC,UAAU,CAAC,mBAC/C,WAAW,CAAC,IAAI,EAC/B,IAAI,EAAC,QAAQ;QAEb,8BAAM,SAAS,EAAE,EAAE,CAAC,+BAA+B,CAAC;YAClD,oBAAC,eAAe,IACd,SAAS,EAAE,EAAE,CAAC,iCAAiC,CAAC,wBAEhD,CACG;QACP,oBAAC,OAAO,IACN,IAAI,EAAE,CAAA,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,IAAI,MAAK,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,EAC7D,EAAE,EAAC,MAAM,IAER,QAAQ,CACD,CACH,CACV,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"AccordionHeader.js","sourceRoot":"","sources":["../../src/accordion/AccordionHeader.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACxC,OAAO,EAAE,EAAE,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAC5D,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAUvD,MAAM,eAAe,GAAG,UAAU,CAChC,CAAC,EAAyC,EAAE,GAAG,EAAE,EAAE;QAAlD,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,OAAW,EAAN,IAAI,cAAvC,oCAAyC,CAAF;IACtC,MAAM,WAAW,GAAG,UAAU,CAAC,oBAAoB,CAAC,CAAC;IACrD,MAAM,gBAAgB,GAAG,UAAU,CAAC,gBAAgB,CAAC,CAAC;IAEtD,IAAI,WAAW,KAAK,IAAI,EAAE,CAAC;QACzB,OAAO,CAAC,KAAK,CACX,2GAA2G,CAC5G,CAAC;QACF,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,8CACE,GAAG,EAAE,GAAG,gBAEN,CAAA,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,OAAO,MAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,IAE7D,IAAI,IACR,SAAS,EAAE,EAAE,CAAC,yBAAyB,EAAE,SAAS,CAAC,EACnD,OAAO,EAAE,oBAAoB,CAAC,OAAO,EAAE,WAAW,CAAC,UAAU,CAAC,mBAC/C,WAAW,CAAC,IAAI,EAC/B,IAAI,EAAC,QAAQ;QAEb,8BAAM,SAAS,EAAC,+BAA+B;YAC7C,oBAAC,eAAe,IACd,SAAS,EAAC,iCAAiC,wBAE3C,CACG;QACP,oBAAC,OAAO,IACN,IAAI,EAAE,CAAA,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,IAAI,MAAK,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,EAC7D,EAAE,EAAC,MAAM,IAER,QAAQ,CACD,CACH,CACV,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/esm/accordion/AccordionItem.js

@@ -10,9 +10,9 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import React, { createContext, forwardRef, useContext, useRef } from "react";
-import { useRenameCSS } from "../theme/Theme.js";
-import { omit } from "../util/index.js";
-import { useControllableState } from "../util/hooks/useControllableState.js";
+import { omit } from "../utils-external/index.js";
+import { cl } from "../utils/helpers/index.js";
+import { useControllableState } from "../utils/hooks/index.js";
 import { AccordionContext } from "./AccordionContext.js";
 export const AccordionItemContext = createContext(null);
 const AccordionItem = forwardRef((_a, ref) => {
@@ -23,7 +23,6 @@ const AccordionItem = forwardRef((_a, ref) => {
         onChange: onOpenChange,
     });
     const context = useContext(AccordionContext);
-    const { cn } = useRenameCSS();
     const shouldAnimate = useRef(!(Boolean(open) || defaultOpen));
     const handleOpen = () => {
         _setOpen((x) => !x);
@@ -32,9 +31,9 @@ const AccordionItem = forwardRef((_a, ref) => {
     if (!(context === null || context === void 0 ? void 0 : context.mounted)) {
         console.error("<Accordion.Item> has to be used within an <Accordion>");
     }
-    return (React.createElement("div", Object.assign({ className: cn("navds-accordion__item", className, {
-            "navds-accordion__item--open": _open,
-            "navds-accordion__item--no-animation": !shouldAnimate.current,
+    return (React.createElement("div", Object.assign({ className: cl("aksel-accordion__item", className, {
+            "aksel-accordion__item--open": _open,
+            "aksel-accordion__item--no-animation": !shouldAnimate.current,
         }), "data-expanded": _open, ref: ref }, omit(rest, ["onClick"])),
         React.createElement(AccordionItemContext.Provider, { value: {
                 open: _open,

package/esm/accordion/AccordionItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionItem.js","sourceRoot":"","sources":["../../src/accordion/AccordionItem.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC7E,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAC/B,OAAO,EAAE,oBAAoB,EAAE,MAAM,oCAAoC,CAAC;AAC1E,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AA8BtD,MAAM,CAAC,MAAM,oBAAoB,GAC/B,aAAa,CAAmC,IAAI,CAAC,CAAC;AAExD,MAAM,aAAa,GAAG,UAAU,CAC9B,CACE,EAAyE,EACzE,GAAG,EACH,EAAE;QAFF,EAAE,QAAQ,EAAE,SAAS,EAAE,IAAI,EAAE,WAAW,GAAG,KAAK,EAAE,YAAY,OAAW,EAAN,IAAI,cAAvE,gEAAyE,CAAF;IAGvE,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,oBAAoB,CAAC;QAC7C,YAAY,EAAE,WAAW;QACzB,KAAK,EAAE,IAAI;QACX,QAAQ,EAAE,YAAY;KACvB,CAAC,CAAC;IAEH,MAAM,OAAO,GAAG,UAAU,CAAC,gBAAgB,CAAC,CAAC;IAC7C,MAAM,EAAE,EAAE,EAAE,GAAG,YAAY,EAAE,CAAC;IAE9B,MAAM,aAAa,GAAG,MAAM,CAAU,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,WAAW,CAAC,CAAC,CAAC;IAEvE,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;QACpB,aAAa,CAAC,OAAO,GAAG,IAAI,CAAC;IAC/B,CAAC,CAAC;IAEF,IAAI,CAAC,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,OAAO,CAAA,EAAE,CAAC;QACtB,OAAO,CAAC,KAAK,CAAC,uDAAuD,CAAC,CAAC;IACzE,CAAC;IAED,OAAO,CACL,2CACE,SAAS,EAAE,EAAE,CAAC,uBAAuB,EAAE,SAAS,EAAE;YAChD,6BAA6B,EAAE,KAAK;YACpC,qCAAqC,EAAE,CAAC,aAAa,CAAC,OAAO;SAC9D,CAAC,mBACa,KAAK,EACpB,GAAG,EAAE,GAAG,IACJ,IAAI,CAAC,IAAI,EAAE,CAAC,SAAS,CAAC,CAAC;QAE3B,oBAAC,oBAAoB,CAAC,QAAQ,IAC5B,KAAK,EAAE;gBACL,IAAI,EAAE,KAAK;gBACX,UAAU,EAAE,UAAU;aACvB,IAEA,QAAQ,CACqB,CAC5B,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"AccordionItem.js","sourceRoot":"","sources":["../../src/accordion/AccordionItem.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC7E,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,EAAE,EAAE,MAAM,kBAAkB,CAAC;AACtC,OAAO,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AACtD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AA8BtD,MAAM,CAAC,MAAM,oBAAoB,GAC/B,aAAa,CAAmC,IAAI,CAAC,CAAC;AAExD,MAAM,aAAa,GAAG,UAAU,CAC9B,CACE,EAAyE,EACzE,GAAG,EACH,EAAE;QAFF,EAAE,QAAQ,EAAE,SAAS,EAAE,IAAI,EAAE,WAAW,GAAG,KAAK,EAAE,YAAY,OAAW,EAAN,IAAI,cAAvE,gEAAyE,CAAF;IAGvE,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,oBAAoB,CAAC;QAC7C,YAAY,EAAE,WAAW;QACzB,KAAK,EAAE,IAAI;QACX,QAAQ,EAAE,YAAY;KACvB,CAAC,CAAC;IAEH,MAAM,OAAO,GAAG,UAAU,CAAC,gBAAgB,CAAC,CAAC;IAE7C,MAAM,aAAa,GAAG,MAAM,CAAU,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,WAAW,CAAC,CAAC,CAAC;IAEvE,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;QACpB,aAAa,CAAC,OAAO,GAAG,IAAI,CAAC;IAC/B,CAAC,CAAC;IAEF,IAAI,CAAC,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,OAAO,CAAA,EAAE,CAAC;QACtB,OAAO,CAAC,KAAK,CAAC,uDAAuD,CAAC,CAAC;IACzE,CAAC;IAED,OAAO,CACL,2CACE,SAAS,EAAE,EAAE,CAAC,uBAAuB,EAAE,SAAS,EAAE;YAChD,6BAA6B,EAAE,KAAK;YACpC,qCAAqC,EAAE,CAAC,aAAa,CAAC,OAAO;SAC9D,CAAC,mBACa,KAAK,EACpB,GAAG,EAAE,GAAG,IACJ,IAAI,CAAC,IAAI,EAAE,CAAC,SAAS,CAAC,CAAC;QAE3B,oBAAC,oBAAoB,CAAC,QAAQ,IAC5B,KAAK,EAAE;gBACL,IAAI,EAAE,KAAK;gBACX,UAAU,EAAE,UAAU;aACvB,IAEA,QAAQ,CACqB,CAC5B,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/esm/alert/Alert.js

@@ -12,9 +12,9 @@ var __rest = (this && this.__rest) || function (s, e) {
 import React, { forwardRef } from "react";
 import { CheckmarkCircleFillIcon, ExclamationmarkTriangleFillIcon, InformationSquareFillIcon, XMarkIcon, XMarkOctagonFillIcon, } from "@navikt/aksel-icons";
 import { Button } from "../button/index.js";
-import { useRenameCSS } from "../theme/Theme.js";
 import { BodyLong } from "../typography/index.js";
-import { useI18n } from "../util/i18n/i18n.hooks.js";
+import { cl } from "../utils/helpers/index.js";
+import { useI18n } from "../utils/i18n/i18n.hooks.js";
 const IconMap = {
     error: XMarkOctagonFillIcon,
     warning: ExclamationmarkTriangleFillIcon,
@@ -32,18 +32,17 @@ const IconMap = {
  */
 export const Alert = forwardRef((_a, ref) => {
     var { children, className, variant, size = "medium", fullWidth = false, contentMaxWidth = true, inline = false, closeButton = false, onClose } = _a, rest = __rest(_a, ["children", "className", "variant", "size", "fullWidth", "contentMaxWidth", "inline", "closeButton", "onClose"]);
-    const { cn } = useRenameCSS();
     const translate = useI18n("global");
     const Icon = IconMap[variant];
-    return (React.createElement("div", Object.assign({}, rest, { "data-color": variantToRole(variant), "data-variant": variant, ref: ref, className: cn(className, "navds-alert", `navds-alert--${variant}`, `navds-alert--${size}`, {
-            "navds-alert--full-width": fullWidth,
-            "navds-alert--inline": inline,
-            "navds-alert--close-button": closeButton,
+    return (React.createElement("div", Object.assign({}, rest, { "data-color": variantToRole(variant), "data-variant": variant, ref: ref, className: cl(className, "aksel-alert", `aksel-alert--${variant}`, `aksel-alert--${size}`, {
+            "aksel-alert--full-width": fullWidth,
+            "aksel-alert--inline": inline,
+            "aksel-alert--close-button": closeButton,
         }) }),
-        React.createElement(Icon, { title: translate(variant), className: cn("navds-alert__icon") }),
-        React.createElement(BodyLong, { as: "div", size: size, className: cn("navds-alert__wrapper", contentMaxWidth && "navds-alert__wrapper--maxwidth") }, children),
-        closeButton && !inline && (React.createElement("div", { className: cn("navds-alert__button-wrapper") },
-            React.createElement(Button, { className: cn("navds-alert__button"), size: "small", variant: "tertiary-neutral", onClick: onClose, type: "button", icon: React.createElement(XMarkIcon, { title: translate("close") }) })))));
+        React.createElement(Icon, { title: translate(variant), className: "aksel-alert__icon" }),
+        React.createElement(BodyLong, { as: "div", size: size, className: cl("aksel-alert__wrapper", contentMaxWidth && "aksel-alert__wrapper--maxwidth") }, children),
+        closeButton && !inline && (React.createElement("div", { className: "aksel-alert__button-wrapper" },
+            React.createElement(Button, { className: "aksel-alert__button", size: "small", variant: "tertiary-neutral", onClick: onClose, type: "button", icon: React.createElement(XMarkIcon, { title: translate("close") }) })))));
 });
 function variantToRole(variant) {
     switch (variant) {

package/esm/alert/Alert.js.map

@@ -1 +1 @@
-{"version":3,"file":"Alert.js","sourceRoot":"","sources":["../../src/alert/Alert.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EACL,uBAAuB,EACvB,+BAA+B,EAC/B,yBAAyB,EACzB,SAAS,EACT,oBAAoB,GACrB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAkDlD,MAAM,OAAO,GAAG;IACd,KAAK,EAAE,oBAAoB;IAC3B,OAAO,EAAE,+BAA+B;IACxC,IAAI,EAAE,yBAAyB;IAC/B,OAAO,EAAE,uBAAuB;CACjC,CAAC;AAEF;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,KAAK,GAAG,UAAU,CAC7B,CACE,EAWC,EACD,GAAG,EACH,EAAE;QAbF,EACE,QAAQ,EACR,SAAS,EACT,OAAO,EACP,IAAI,GAAG,QAAQ,EACf,SAAS,GAAG,KAAK,EACjB,eAAe,GAAG,IAAI,EACtB,MAAM,GAAG,KAAK,EACd,WAAW,GAAG,KAAK,EACnB,OAAO,OAER,EADI,IAAI,cAVT,gHAWC,CADQ;IAIT,MAAM,EAAE,EAAE,EAAE,GAAG,YAAY,EAAE,CAAC;IAC9B,MAAM,SAAS,GAAG,OAAO,CAAC,QAAQ,CAAC,CAAC;IACpC,MAAM,IAAI,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;IAC9B,OAAO,CACL,6CACM,IAAI,kBACI,aAAa,CAAC,OAAO,CAAC,kBACpB,OAAO,EACrB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,SAAS,EACT,aAAa,EACb,gBAAgB,OAAO,EAAE,EACzB,gBAAgB,IAAI,EAAE,EACtB;YACE,yBAAyB,EAAE,SAAS;YACpC,qBAAqB,EAAE,MAAM;YAC7B,2BAA2B,EAAE,WAAW;SACzC,CACF;QAED,oBAAC,IAAI,IAAC,KAAK,EAAE,SAAS,CAAC,OAAO,CAAC,EAAE,SAAS,EAAE,EAAE,CAAC,mBAAmB,CAAC,GAAI;QACvE,oBAAC,QAAQ,IACP,EAAE,EAAC,KAAK,EACR,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,EAAE,CACX,sBAAsB,EACtB,eAAe,IAAI,gCAAgC,CACpD,IAEA,QAAQ,CACA;QACV,WAAW,IAAI,CAAC,MAAM,IAAI,CACzB,6BAAK,SAAS,EAAE,EAAE,CAAC,6BAA6B,CAAC;YAC/C,oBAAC,MAAM,IACL,SAAS,EAAE,EAAE,CAAC,qBAAqB,CAAC,EACpC,IAAI,EAAC,OAAO,EACZ,OAAO,EAAC,kBAAkB,EAC1B,OAAO,EAAE,OAAO,EAChB,IAAI,EAAC,QAAQ,EACb,IAAI,EAAE,oBAAC,SAAS,IAAC,KAAK,EAAE,SAAS,CAAC,OAAO,CAAC,GAAI,GAC9C,CACE,CACP,CACG,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,SAAS,aAAa,CAAC,OAA8B;IACnD,QAAQ,OAAO,EAAE,CAAC;QAChB,KAAK,SAAS;YACZ,OAAO,SAAS,CAAC;QACnB,KAAK,OAAO;YACV,OAAO,QAAQ,CAAC;QAClB,KAAK,MAAM;YACT,OAAO,MAAM,CAAC;QAChB,KAAK,SAAS;YACZ,OAAO,SAAS,CAAC;QACnB;YACE,OAAO,MAAM,CAAC;IAClB,CAAC;AACH,CAAC;AAED,eAAe,KAAK,CAAC"}
+{"version":3,"file":"Alert.js","sourceRoot":"","sources":["../../src/alert/Alert.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EACL,uBAAuB,EACvB,+BAA+B,EAC/B,yBAAyB,EACzB,SAAS,EACT,oBAAoB,GACrB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAEnC,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,EAAE,EAAE,MAAM,kBAAkB,CAAC;AACtC,OAAO,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAC;AAkDnD,MAAM,OAAO,GAAG;IACd,KAAK,EAAE,oBAAoB;IAC3B,OAAO,EAAE,+BAA+B;IACxC,IAAI,EAAE,yBAAyB;IAC/B,OAAO,EAAE,uBAAuB;CACjC,CAAC;AAEF;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,KAAK,GAAG,UAAU,CAC7B,CACE,EAWC,EACD,GAAG,EACH,EAAE;QAbF,EACE,QAAQ,EACR,SAAS,EACT,OAAO,EACP,IAAI,GAAG,QAAQ,EACf,SAAS,GAAG,KAAK,EACjB,eAAe,GAAG,IAAI,EACtB,MAAM,GAAG,KAAK,EACd,WAAW,GAAG,KAAK,EACnB,OAAO,OAER,EADI,IAAI,cAVT,gHAWC,CADQ;IAIT,MAAM,SAAS,GAAG,OAAO,CAAC,QAAQ,CAAC,CAAC;IACpC,MAAM,IAAI,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;IAC9B,OAAO,CACL,6CACM,IAAI,kBACI,aAAa,CAAC,OAAO,CAAC,kBACpB,OAAO,EACrB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,SAAS,EACT,aAAa,EACb,gBAAgB,OAAO,EAAE,EACzB,gBAAgB,IAAI,EAAE,EACtB;YACE,yBAAyB,EAAE,SAAS;YACpC,qBAAqB,EAAE,MAAM;YAC7B,2BAA2B,EAAE,WAAW;SACzC,CACF;QAED,oBAAC,IAAI,IAAC,KAAK,EAAE,SAAS,CAAC,OAAO,CAAC,EAAE,SAAS,EAAC,mBAAmB,GAAG;QACjE,oBAAC,QAAQ,IACP,EAAE,EAAC,KAAK,EACR,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,EAAE,CACX,sBAAsB,EACtB,eAAe,IAAI,gCAAgC,CACpD,IAEA,QAAQ,CACA;QACV,WAAW,IAAI,CAAC,MAAM,IAAI,CACzB,6BAAK,SAAS,EAAC,6BAA6B;YAC1C,oBAAC,MAAM,IACL,SAAS,EAAC,qBAAqB,EAC/B,IAAI,EAAC,OAAO,EACZ,OAAO,EAAC,kBAAkB,EAC1B,OAAO,EAAE,OAAO,EAChB,IAAI,EAAC,QAAQ,EACb,IAAI,EAAE,oBAAC,SAAS,IAAC,KAAK,EAAE,SAAS,CAAC,OAAO,CAAC,GAAI,GAC9C,CACE,CACP,CACG,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,SAAS,aAAa,CAAC,OAA8B;IACnD,QAAQ,OAAO,EAAE,CAAC;QAChB,KAAK,SAAS;YACZ,OAAO,SAAS,CAAC;QACnB,KAAK,OAAO;YACV,OAAO,QAAQ,CAAC;QAClB,KAAK,MAAM;YACT,OAAO,MAAM,CAAC;QAChB,KAAK,SAAS;YACZ,OAAO,SAAS,CAAC;QACnB;YACE,OAAO,MAAM,CAAC;IAClB,CAAC;AACH,CAAC;AAED,eAAe,KAAK,CAAC"}

package/esm/alert/base-alert/close-button/BaseAlertCloseButton.js

@@ -12,8 +12,8 @@ var __rest = (this && this.__rest) || function (s, e) {
 import React, { forwardRef } from "react";
 import { XMarkIcon } from "@navikt/aksel-icons";
 import { Button } from "../../../button/index.js";
-import { useRenameCSS } from "../../../theme/Theme.js";
-import { useI18n } from "../../../util/i18n/i18n.hooks.js";
+import { cl } from "../../../utils/helpers/index.js";
+import { useI18n } from "../../../utils/i18n/i18n.hooks.js";
 /**
  * @see 🏷️ {@link BaseAlertCloseButtonProps}
  * @example
@@ -28,9 +28,8 @@ import { useI18n } from "../../../util/i18n/i18n.hooks.js";
  */
 const BaseAlertCloseButton = forwardRef((_a, forwardedRef) => {
     var { className } = _a, restProps = __rest(_a, ["className"]);
-    const { cn } = useRenameCSS();
     const translate = useI18n("global");
-    return (React.createElement(Button, Object.assign({ ref: forwardedRef, type: "button" }, restProps, { "data-color": "neutral", variant: "tertiary-neutral", className: cn(className, "navds-base-alert__close-button"), size: "small", title: translate("close"), icon: React.createElement(XMarkIcon, { "aria-hidden": true }) })));
+    return (React.createElement(Button, Object.assign({ ref: forwardedRef, type: "button" }, restProps, { "data-color": "neutral", variant: "tertiary-neutral", className: cl(className, "aksel-base-alert__close-button"), size: "small", title: translate("close"), icon: React.createElement(XMarkIcon, { "aria-hidden": true }) })));
 });
 export { BaseAlertCloseButton };
 //# sourceMappingURL=BaseAlertCloseButton.js.map

package/esm/alert/base-alert/close-button/BaseAlertCloseButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseAlertCloseButton.js","sourceRoot":"","sources":["../../../../src/alert/base-alert/close-button/BaseAlertCloseButton.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAChD,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACpD,OAAO,EAAE,OAAO,EAAE,MAAM,+BAA+B,CAAC;AAIxD;;;;;;;;;;;GAWG;AACH,MAAM,oBAAoB,GAAG,UAAU,CAGrC,CAAC,EAAsD,EAAE,YAAY,EAAE,EAAE;QAAxE,EAAE,SAAS,OAA2C,EAAtC,SAAS,cAAzB,aAA2B,CAAF;IAC1B,MAAM,EAAE,EAAE,EAAE,GAAG,YAAY,EAAE,CAAC;IAC9B,MAAM,SAAS,GAAG,OAAO,CAAC,QAAQ,CAAC,CAAC;IAEpC,OAAO,CACL,oBAAC,MAAM,kBACL,GAAG,EAAE,YAAY,EACjB,IAAI,EAAC,QAAQ,IACT,SAAS,kBACF,SAAS,EACpB,OAAO,EAAC,kBAAkB,EAC1B,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,gCAAgC,CAAC,EAC1D,IAAI,EAAC,OAAO,EACZ,KAAK,EAAE,SAAS,CAAC,OAAO,CAAC,EACzB,IAAI,EAAE,oBAAC,SAAS,0BAAe,IAC/B,CACH,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,OAAO,EAAE,oBAAoB,EAAE,CAAC"}
+{"version":3,"file":"BaseAlertCloseButton.js","sourceRoot":"","sources":["../../../../src/alert/base-alert/close-button/BaseAlertCloseButton.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAChD,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzC,OAAO,EAAE,EAAE,EAAE,MAAM,wBAAwB,CAAC;AAC5C,OAAO,EAAE,OAAO,EAAE,MAAM,gCAAgC,CAAC;AAIzD;;;;;;;;;;;GAWG;AACH,MAAM,oBAAoB,GAAG,UAAU,CAGrC,CAAC,EAAsD,EAAE,YAAY,EAAE,EAAE;QAAxE,EAAE,SAAS,OAA2C,EAAtC,SAAS,cAAzB,aAA2B,CAAF;IAC1B,MAAM,SAAS,GAAG,OAAO,CAAC,QAAQ,CAAC,CAAC;IAEpC,OAAO,CACL,oBAAC,MAAM,kBACL,GAAG,EAAE,YAAY,EACjB,IAAI,EAAC,QAAQ,IACT,SAAS,kBACF,SAAS,EACpB,OAAO,EAAC,kBAAkB,EAC1B,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,gCAAgC,CAAC,EAC1D,IAAI,EAAC,OAAO,EACZ,KAAK,EAAE,SAAS,CAAC,OAAO,CAAC,EACzB,IAAI,EAAE,oBAAC,SAAS,0BAAe,IAC/B,CACH,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,OAAO,EAAE,oBAAoB,EAAE,CAAC"}

package/esm/alert/base-alert/content/BaseAlertContent.js

@@ -10,7 +10,8 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import React, { forwardRef } from "react";
-import { useRenameCSS, useThemeInternal } from "../../../theme/Theme.js";
+import { useThemeInternal } from "../../../theme/Theme.js";
+import { cl } from "../../../utils/helpers/index.js";
 /**
  * @see 🏷️ {@link BaseAlertContentProps}
  * @example
@@ -26,9 +27,8 @@ import { useRenameCSS, useThemeInternal } from "../../../theme/Theme.js";
  */
 const BaseAlertContent = forwardRef((_a, forwardedRef) => {
     var { children, className } = _a, restProps = __rest(_a, ["children", "className"]);
-    const { cn } = useRenameCSS();
     const themeContext = useThemeInternal();
-    return (React.createElement("div", Object.assign({ ref: forwardedRef, "data-color": themeContext === null || themeContext === void 0 ? void 0 : themeContext.color }, restProps, { className: cn(className, "navds-base-alert__content") }), children));
+    return (React.createElement("div", Object.assign({ ref: forwardedRef, "data-color": themeContext === null || themeContext === void 0 ? void 0 : themeContext.color }, restProps, { className: cl(className, "aksel-base-alert__content") }), children));
 });
 export { BaseAlertContent };
 //# sourceMappingURL=BaseAlertContent.js.map

package/esm/alert/base-alert/content/BaseAlertContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseAlertContent.js","sourceRoot":"","sources":["../../../../src/alert/base-alert/content/BaseAlertContent.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAMtE;;;;;;;;;;;;GAYG;AACH,MAAM,gBAAgB,GAAG,UAAU,CACjC,CACE,EAA4D,EAC5D,YAAY,EACZ,EAAE;QAFF,EAAE,QAAQ,EAAE,SAAS,OAAuC,EAAlC,SAAS,cAAnC,yBAAqC,CAAF;IAGnC,MAAM,EAAE,EAAE,EAAE,GAAG,YAAY,EAAE,CAAC;IAC9B,MAAM,YAAY,GAAG,gBAAgB,EAAE,CAAC;IAExC,OAAO,CACL,2CACE,GAAG,EAAE,YAAY,gBACL,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,KAAK,IAC3B,SAAS,IACb,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,2BAA2B,CAAC,KAEpD,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,OAAO,EAAE,gBAAgB,EAAE,CAAC"}
+{"version":3,"file":"BaseAlertContent.js","sourceRoot":"","sources":["../../../../src/alert/base-alert/content/BaseAlertContent.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAE,EAAE,EAAE,MAAM,wBAAwB,CAAC;AAM5C;;;;;;;;;;;;GAYG;AACH,MAAM,gBAAgB,GAAG,UAAU,CACjC,CACE,EAA4D,EAC5D,YAAY,EACZ,EAAE;QAFF,EAAE,QAAQ,EAAE,SAAS,OAAuC,EAAlC,SAAS,cAAnC,yBAAqC,CAAF;IAGnC,MAAM,YAAY,GAAG,gBAAgB,EAAE,CAAC;IAExC,OAAO,CACL,2CACE,GAAG,EAAE,YAAY,gBACL,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,KAAK,IAC3B,SAAS,IACb,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,2BAA2B,CAAC,KAEpD,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,OAAO,EAAE,gBAAgB,EAAE,CAAC"}

package/esm/alert/base-alert/header/BaseAlertHeader.js

@@ -10,9 +10,9 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import React, { forwardRef } from "react";
-import { useRenameCSS } from "../../../theme/Theme.js";
 import { BodyShort } from "../../../typography/index.js";
-import { useI18n } from "../../../util/i18n/i18n.hooks.js";
+import { cl } from "../../../utils/helpers/index.js";
+import { useI18n } from "../../../utils/i18n/i18n.hooks.js";
 import { useBaseAlert } from "../root/BaseAlertRoot.context.js";
 import { BaseAlertStatusIcon } from "../root/BaseAlertRoot.utils.js";
 /**
@@ -28,12 +28,11 @@ import { BaseAlertStatusIcon } from "../root/BaseAlertRoot.utils.js";
  */
 const BaseAlertHeader = forwardRef((_a, forwardedRef) => {
     var { children, className, icon } = _a, restProps = __rest(_a, ["children", "className", "icon"]);
-    const { cn } = useRenameCSS();
     const { status, color, statusId } = useBaseAlert();
     const translate = useI18n("global");
     const headerIcon = icon !== null && icon !== void 0 ? icon : (status ? React.createElement(BaseAlertStatusIcon, { status: status }) : null);
-    return (React.createElement("div", Object.assign({ ref: forwardedRef }, restProps, { "data-color": color, className: cn(className, "navds-base-alert__header") }),
-        headerIcon && (React.createElement("div", { className: cn("navds-base-alert__icon") }, headerIcon)),
+    return (React.createElement("div", Object.assign({ ref: forwardedRef }, restProps, { "data-color": color, className: cl(className, "aksel-base-alert__header") }),
+        headerIcon && (React.createElement("div", { className: "aksel-base-alert__icon" }, headerIcon)),
         status && (React.createElement(BodyShort, { id: statusId, "aria-hidden": true, visuallyHidden: true }, `${translate(status)}: `)),
         children));
 });

package/esm/alert/base-alert/header/BaseAlertHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseAlertHeader.js","sourceRoot":"","sources":["../../../../src/alert/base-alert/header/BaseAlertHeader.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAChD,OAAO,EAAE,OAAO,EAAE,MAAM,+BAA+B,CAAC;AACxD,OAAO,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAC7D,OAAO,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAUlE;;;;;;;;;;GAUG;AACH,MAAM,eAAe,GAAG,UAAU,CAChC,CACE,EAAiE,EACjE,YAAY,EACZ,EAAE;QAFF,EAAE,QAAQ,EAAE,SAAS,EAAE,IAAI,OAAsC,EAAjC,SAAS,cAAzC,iCAA2C,CAAF;IAGzC,MAAM,EAAE,EAAE,EAAE,GAAG,YAAY,EAAE,CAAC;IAC9B,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,YAAY,EAAE,CAAC;IACnD,MAAM,SAAS,GAAG,OAAO,CAAC,QAAQ,CAAC,CAAC;IAEpC,MAAM,UAAU,GACd,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,CAAC,MAAM,CAAC,CAAC,CAAC,oBAAC,mBAAmB,IAAC,MAAM,EAAE,MAAM,GAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;IAEpE,OAAO,CACL,2CACE,GAAG,EAAE,YAAY,IACb,SAAS,kBACD,KAAK,EACjB,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,0BAA0B,CAAC;QAEnD,UAAU,IAAI,CACb,6BAAK,SAAS,EAAE,EAAE,CAAC,wBAAwB,CAAC,IAAG,UAAU,CAAO,CACjE;QACA,MAAM,IAAI,CACT,oBAAC,SAAS,IAAC,EAAE,EAAE,QAAQ,uBAAc,cAAc,UAChD,GAAG,SAAS,CAAC,MAAM,CAAC,IAAI,CACf,CACb;QACA,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,OAAO,EAAE,eAAe,EAAE,CAAC"}
+{"version":3,"file":"BaseAlertHeader.js","sourceRoot":"","sources":["../../../../src/alert/base-alert/header/BaseAlertHeader.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAChD,OAAO,EAAE,EAAE,EAAE,MAAM,wBAAwB,CAAC;AAC5C,OAAO,EAAE,OAAO,EAAE,MAAM,gCAAgC,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAC7D,OAAO,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAUlE;;;;;;;;;;GAUG;AACH,MAAM,eAAe,GAAG,UAAU,CAChC,CACE,EAAiE,EACjE,YAAY,EACZ,EAAE;QAFF,EAAE,QAAQ,EAAE,SAAS,EAAE,IAAI,OAAsC,EAAjC,SAAS,cAAzC,iCAA2C,CAAF;IAGzC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,YAAY,EAAE,CAAC;IACnD,MAAM,SAAS,GAAG,OAAO,CAAC,QAAQ,CAAC,CAAC;IAEpC,MAAM,UAAU,GACd,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,CAAC,MAAM,CAAC,CAAC,CAAC,oBAAC,mBAAmB,IAAC,MAAM,EAAE,MAAM,GAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;IAEpE,OAAO,CACL,2CACE,GAAG,EAAE,YAAY,IACb,SAAS,kBACD,KAAK,EACjB,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,0BAA0B,CAAC;QAEnD,UAAU,IAAI,CACb,6BAAK,SAAS,EAAC,wBAAwB,IAAE,UAAU,CAAO,CAC3D;QACA,MAAM,IAAI,CACT,oBAAC,SAAS,IAAC,EAAE,EAAE,QAAQ,uBAAc,cAAc,UAChD,GAAG,SAAS,CAAC,MAAM,CAAC,IAAI,CACf,CACb;QACA,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,OAAO,EAAE,eAAe,EAAE,CAAC"}

package/esm/alert/base-alert/root/BaseAlertRoot.context.js

@@ -1,4 +1,4 @@
-import { createStrictContext } from "../../../util/create-strict-context.js";
+import { createStrictContext } from "../../../utils/helpers/index.js";
 const { Provider: BaseAlertProvider, useContext: useBaseAlert } = createStrictContext({
     name: "BaseAlert",
 });

package/esm/alert/base-alert/root/BaseAlertRoot.context.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseAlertRoot.context.js","sourceRoot":"","sources":["../../../../src/alert/base-alert/root/BaseAlertRoot.context.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,qCAAqC,CAAC;AAS1E,MAAM,EAAE,QAAQ,EAAE,iBAAiB,EAAE,UAAU,EAAE,YAAY,EAAE,GAC7D,mBAAmB,CAAwB;IACzC,IAAI,EAAE,WAAW;CAClB,CAAC,CAAC;AAEL,OAAO,EAAE,iBAAiB,EAAE,YAAY,EAAE,CAAC"}
+{"version":3,"file":"BaseAlertRoot.context.js","sourceRoot":"","sources":["../../../../src/alert/base-alert/root/BaseAlertRoot.context.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAS7D,MAAM,EAAE,QAAQ,EAAE,iBAAiB,EAAE,UAAU,EAAE,YAAY,EAAE,GAC7D,mBAAmB,CAAwB;IACzC,IAAI,EAAE,WAAW;CAClB,CAAC,CAAC;AAEL,OAAO,EAAE,iBAAiB,EAAE,YAAY,EAAE,CAAC"}

package/esm/alert/base-alert/root/BaseAlertRoot.js

@@ -10,19 +10,18 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import React, { forwardRef } from "react";
-import { useRenameCSS } from "../../../theme/Theme.js";
-import { useId } from "../../../util/index.js";
-import { useI18n } from "../../../util/i18n/i18n.hooks.js";
+import { useId } from "../../../utils-external/index.js";
+import { cl } from "../../../utils/helpers/index.js";
+import { useI18n } from "../../../utils/i18n/i18n.hooks.js";
 import { BaseAlertProvider, } from "./BaseAlertRoot.context.js";
 import { baseAlertStatusToDataColor } from "./BaseAlertRoot.utils.js";
 const BaseAlert = forwardRef((_a, forwardedRef) => {
     var { children, className, size = "medium", "data-color": dataColor, type, global = false, status, as: Component = "section", "aria-label": ariaLabel, role } = _a, restProps = __rest(_a, ["children", "className", "size", "data-color", "type", "global", "status", "as", "aria-label", "role"]);
-    const { cn } = useRenameCSS();
     const statusId = useId();
     const translate = useI18n("global");
     const alertColor = status ? baseAlertStatusToDataColor(status) : dataColor;
     return (React.createElement(BaseAlertProvider, { size: size, status: status, color: alertColor, statusId: type === "strong" ? statusId : undefined },
-        React.createElement(Component, Object.assign({ "aria-label": ariaLabel !== null && ariaLabel !== void 0 ? ariaLabel : (!status || Component === "div" ? undefined : translate(status)), ref: forwardedRef }, restProps, { className: cn(className, "navds-base-alert"), "data-size": size, "data-color": alertColor, "data-variant": type, "data-global": global }),
+        React.createElement(Component, Object.assign({ "aria-label": ariaLabel !== null && ariaLabel !== void 0 ? ariaLabel : (!status || Component === "div" ? undefined : translate(status)), ref: forwardedRef }, restProps, { className: cl(className, "aksel-base-alert"), "data-size": size, "data-color": alertColor, "data-variant": type, "data-global": global }),
             React.createElement("div", { role: role }, children))));
 });
 export { BaseAlert };

package/esm/alert/base-alert/root/BaseAlertRoot.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseAlertRoot.js","sourceRoot":"","sources":["../../../../src/alert/base-alert/root/BaseAlertRoot.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAEpD,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACtC,OAAO,EAAE,OAAO,EAAE,MAAM,+BAA+B,CAAC;AACxD,OAAO,EAEL,iBAAiB,GAClB,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,0BAA0B,EAAE,MAAM,uBAAuB,CAAC;AA0CnE,MAAM,SAAS,GAAG,UAAU,CAC1B,CACE,EAYiB,EACjB,YAAY,EACZ,EAAE;QAdF,EACE,QAAQ,EACR,SAAS,EACT,IAAI,GAAG,QAAQ,EACf,YAAY,EAAE,SAAS,EACvB,IAAI,EACJ,MAAM,GAAG,KAAK,EACd,MAAM,EACN,EAAE,EAAE,SAAS,GAAG,SAAS,EACzB,YAAY,EAAE,SAAS,EACvB,IAAI,OAEW,EADZ,SAAS,cAXd,uGAYC,CADa;IAId,MAAM,EAAE,EAAE,EAAE,GAAG,YAAY,EAAE,CAAC;IAE9B,MAAM,QAAQ,GAAG,KAAK,EAAE,CAAC;IACzB,MAAM,SAAS,GAAG,OAAO,CAAC,QAAQ,CAAC,CAAC;IAEpC,MAAM,UAAU,GAAG,MAAM,CAAC,CAAC,CAAC,0BAA0B,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;IAE3E,OAAO,CACL,oBAAC,iBAAiB,IAChB,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,UAAU,EACjB,QAAQ,EAAE,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS;QAElD,oBAAC,SAAS,gCAEN,SAAS,aAAT,SAAS,cAAT,SAAS,GACT,CAAC,CAAC,MAAM,IAAI,SAAS,KAAK,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,EAElE,GAAG,EAAE,YAAY,IACb,SAAS,IACb,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,kBAAkB,CAAC,eACjC,IAAI,gBACH,UAAU,kBACR,IAAI,iBACL,MAAM;YAEnB,6BAAK,IAAI,EAAE,IAAI,IAAG,QAAQ,CAAO,CACvB,CACM,CACrB,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,OAAO,EAAE,SAAS,EAAE,CAAC"}
+{"version":3,"file":"BaseAlertRoot.js","sourceRoot":"","sources":["../../../../src/alert/base-alert/root/BaseAlertRoot.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAChD,OAAO,EAAE,EAAE,EAAE,MAAM,wBAAwB,CAAC;AAC5C,OAAO,EAAE,OAAO,EAAE,MAAM,gCAAgC,CAAC;AACzD,OAAO,EAEL,iBAAiB,GAClB,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,0BAA0B,EAAE,MAAM,uBAAuB,CAAC;AA0CnE,MAAM,SAAS,GAAG,UAAU,CAC1B,CACE,EAYiB,EACjB,YAAY,EACZ,EAAE;QAdF,EACE,QAAQ,EACR,SAAS,EACT,IAAI,GAAG,QAAQ,EACf,YAAY,EAAE,SAAS,EACvB,IAAI,EACJ,MAAM,GAAG,KAAK,EACd,MAAM,EACN,EAAE,EAAE,SAAS,GAAG,SAAS,EACzB,YAAY,EAAE,SAAS,EACvB,IAAI,OAEW,EADZ,SAAS,cAXd,uGAYC,CADa;IAId,MAAM,QAAQ,GAAG,KAAK,EAAE,CAAC;IACzB,MAAM,SAAS,GAAG,OAAO,CAAC,QAAQ,CAAC,CAAC;IAEpC,MAAM,UAAU,GAAG,MAAM,CAAC,CAAC,CAAC,0BAA0B,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;IAE3E,OAAO,CACL,oBAAC,iBAAiB,IAChB,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,UAAU,EACjB,QAAQ,EAAE,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS;QAElD,oBAAC,SAAS,gCAEN,SAAS,aAAT,SAAS,cAAT,SAAS,GACT,CAAC,CAAC,MAAM,IAAI,SAAS,KAAK,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,EAElE,GAAG,EAAE,YAAY,IACb,SAAS,IACb,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,kBAAkB,CAAC,eACjC,IAAI,gBACH,UAAU,kBACR,IAAI,iBACL,MAAM;YAEnB,6BAAK,IAAI,EAAE,IAAI,IAAG,QAAQ,CAAO,CACvB,CACM,CACrB,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,OAAO,EAAE,SAAS,EAAE,CAAC"}

package/esm/alert/base-alert/title/BaseAlertTitle.js

@@ -9,11 +9,10 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import cl from "clsx";
 import React, { forwardRef } from "react";
-import { useRenameCSS } from "../../../theme/Theme.js";
 import { BodyShort } from "../../../typography/index.js";
-import { useId } from "../../../util/index.js";
+import { useId } from "../../../utils-external/index.js";
+import { cl } from "../../../utils/helpers/index.js";
 import { useBaseAlert } from "../root/BaseAlertRoot.context.js";
 /**
  * Title component for BaseAlert. Remember to use correct heading-level with the `as` prop.
@@ -29,10 +28,9 @@ import { useBaseAlert } from "../root/BaseAlertRoot.context.js";
  */
 const BaseAlertTitle = forwardRef((_a, forwardedRef) => {
     var { children, className, as = "h2", id: idProp } = _a, restProps = __rest(_a, ["children", "className", "as", "id"]);
-    const { cn } = useRenameCSS();
     const { size, statusId } = useBaseAlert();
     const titleId = useId(idProp);
-    return (React.createElement(BodyShort, Object.assign({ ref: forwardedRef }, restProps, { as: as, size: size === "medium" ? "large" : "medium", weight: "semibold", className: cn(className, "navds-base-alert__title"), id: titleId, "aria-labelledby": statusId ? cl(statusId, titleId) : undefined }), children));
+    return (React.createElement(BodyShort, Object.assign({ ref: forwardedRef }, restProps, { as: as, size: size === "medium" ? "large" : "medium", weight: "semibold", className: cl(className, "aksel-base-alert__title"), id: titleId, "aria-labelledby": statusId ? cl(statusId, titleId) : undefined }), children));
 });
 export { BaseAlertTitle };
 //# sourceMappingURL=BaseAlertTitle.js.map

package/esm/alert/base-alert/title/BaseAlertTitle.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseAlertTitle.js","sourceRoot":"","sources":["../../../../src/alert/base-alert/title/BaseAlertTitle.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,MAAM,MAAM,CAAC;AACtB,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAChD,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACtC,OAAO,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAW7D;;;;;;;;;;;GAWG;AACH,MAAM,cAAc,GAAG,UAAU,CAC/B,CACE,EAMsB,EACtB,YAAY,EACZ,EAAE;QARF,EACE,QAAQ,EACR,SAAS,EACT,EAAE,GAAG,IAAI,EACT,EAAE,EAAE,MAAM,OAEU,EADjB,SAAS,cALd,qCAMC,CADa;IAId,MAAM,EAAE,EAAE,EAAE,GAAG,YAAY,EAAE,CAAC;IAC9B,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,YAAY,EAAE,CAAC;IAE1C,MAAM,OAAO,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC;IAE9B,OAAO,CACL,oBAAC,SAAS,kBACR,GAAG,EAAE,YAAY,IACb,SAAS,IACb,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,EAC5C,MAAM,EAAC,UAAU,EACjB,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,yBAAyB,CAAC,EACnD,EAAE,EAAE,OAAO,qBACM,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,SAAS,KAE5D,QAAQ,CACC,CACb,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,OAAO,EAAE,cAAc,EAAE,CAAC"}
+{"version":3,"file":"BaseAlertTitle.js","sourceRoot":"","sources":["../../../../src/alert/base-alert/title/BaseAlertTitle.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAChD,OAAO,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAChD,OAAO,EAAE,EAAE,EAAE,MAAM,wBAAwB,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAW7D;;;;;;;;;;;GAWG;AACH,MAAM,cAAc,GAAG,UAAU,CAC/B,CACE,EAMsB,EACtB,YAAY,EACZ,EAAE;QARF,EACE,QAAQ,EACR,SAAS,EACT,EAAE,GAAG,IAAI,EACT,EAAE,EAAE,MAAM,OAEU,EADjB,SAAS,cALd,qCAMC,CADa;IAId,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,YAAY,EAAE,CAAC;IAE1C,MAAM,OAAO,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC;IAE9B,OAAO,CACL,oBAAC,SAAS,kBACR,GAAG,EAAE,YAAY,IACb,SAAS,IACb,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,EAC5C,MAAM,EAAC,UAAU,EACjB,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,yBAAyB,CAAC,EACnD,EAAE,EAAE,OAAO,qBACM,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,SAAS,KAE5D,QAAQ,CACC,CACb,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,OAAO,EAAE,cAAc,EAAE,CAAC"}

package/esm/button/Button.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import { AkselColor } from "../types/index.js";
-import { OverridableComponent } from "../util/types/index.js";
+import type { OverridableComponent } from "../utils-external/index.js";
 type legacyVariants = "primary-neutral" | "secondary-neutral" | "tertiary-neutral" | "danger";
 type HiddenVariant = legacyVariants & {
     __brand?: never;

package/esm/button/Button.js

@@ -11,10 +11,9 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import React, { forwardRef } from "react";
 import { Loader } from "../loader/index.js";
-import { useRenameCSS } from "../theme/Theme.js";
 import { Label } from "../typography/index.js";
-import { omit } from "../util/index.js";
-import { composeEventHandlers } from "../util/composeEventHandlers.js";
+import { omit } from "../utils-external/index.js";
+import { cl, composeEventHandlers } from "../utils/helpers/index.js";
 /**
  * A button component
  * @see [📝 Documentation](https://aksel.nav.no/komponenter/core/button)
@@ -27,22 +26,21 @@ import { composeEventHandlers } from "../util/composeEventHandlers.js";
  */
 export const Button = forwardRef((_a, ref) => {
     var { as: Component = "button", variant = "primary", className, children, size = "medium", loading = false, disabled, icon, iconPosition = "left", onKeyUp, "data-color": color } = _a, rest = __rest(_a, ["as", "variant", "className", "children", "size", "loading", "disabled", "icon", "iconPosition", "onKeyUp", "data-color"]);
-    const { cn } = useRenameCSS();
     const filterProps = disabled || loading ? omit(rest, ["href"]) : rest;
     const handleKeyUp = (e) => {
         if (e.key === " " && !disabled && !loading) {
             e.currentTarget.click();
         }
     };
-    return (React.createElement(Component, Object.assign({}, (Component !== "button" ? { role: "button" } : {}), { "data-color": color !== null && color !== void 0 ? color : variantToColor(variant), "data-variant": variantToSimplifiedVariant(variant) }, filterProps, { ref: ref, onKeyUp: composeEventHandlers(onKeyUp, handleKeyUp), className: cn(className, "navds-button", `navds-button--${size}`, {
-            "navds-button--loading": loading,
-            "navds-button--icon-only": !!icon && !children,
-            "navds-button--disabled": disabled !== null && disabled !== void 0 ? disabled : loading,
+    return (React.createElement(Component, Object.assign({}, (Component !== "button" ? { role: "button" } : {}), { "data-color": color !== null && color !== void 0 ? color : variantToColor(variant), "data-variant": variantToSimplifiedVariant(variant) }, filterProps, { ref: ref, onKeyUp: composeEventHandlers(onKeyUp, handleKeyUp), className: cl(className, "aksel-button", `aksel-button--${size}`, {
+            "aksel-button--loading": loading,
+            "aksel-button--icon-only": !!icon && !children,
+            "aksel-button--disabled": disabled !== null && disabled !== void 0 ? disabled : loading,
         }), disabled: (disabled !== null && disabled !== void 0 ? disabled : loading) ? true : undefined }),
-        icon && iconPosition === "left" && (React.createElement("span", { className: cn("navds-button__icon") }, icon)),
+        icon && iconPosition === "left" && (React.createElement("span", { className: "aksel-button__icon" }, icon)),
         loading && React.createElement(Loader, { size: size }),
         children && (React.createElement(Label, { as: "span", size: size === "medium" ? "medium" : "small" }, children)),
-        icon && iconPosition === "right" && (React.createElement("span", { className: cn("navds-button__icon") }, icon))));
+        icon && iconPosition === "right" && (React.createElement("span", { className: "aksel-button__icon" }, icon))));
 });
 function variantToColor(variant) {
     switch (variant) {

package/esm/button/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../src/button/Button.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../src/button/Button.tsx"],"names":[],"mappings":"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"}

package/esm/chat/Bubble.js

@@ -10,13 +10,12 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import React, { forwardRef } from "react";
-import { useRenameCSS } from "../theme/Theme.js";
 import { Detail, Heading } from "../typography/index.js";
+import { cl } from "../utils/helpers/index.js";
 const Bubble = forwardRef((_a, ref) => {
     var { children, className, name, timestamp, toptextPosition, toptextHeadingLevel = "3" } = _a, rest = __rest(_a, ["children", "className", "name", "timestamp", "toptextPosition", "toptextHeadingLevel"]);
-    const { cn } = useRenameCSS();
-    return (React.createElement("div", Object.assign({ ref: ref, className: cn("navds-chat__bubble", className) }, rest),
-        (timestamp || name) && (React.createElement(Heading, { size: "xsmall", level: toptextHeadingLevel, className: cn(`navds-chat__top-text`, toptextPosition && `navds-chat__top-text--${toptextPosition}`) },
+    return (React.createElement("div", Object.assign({ ref: ref, className: cl("aksel-chat__bubble", className) }, rest),
+        (timestamp || name) && (React.createElement(Heading, { size: "xsmall", level: toptextHeadingLevel, className: cl("aksel-chat__top-text", toptextPosition && `aksel-chat__top-text--${toptextPosition}`) },
             name && React.createElement(Detail, { as: "span" }, name),
             name && timestamp && (React.createElement(Detail, { as: "span", "aria-hidden": true }, "\u2022")),
             timestamp && React.createElement(Detail, { as: "span" }, timestamp))),

package/esm/chat/Bubble.js.map

@@ -1 +1 @@
-{"version":3,"file":"Bubble.js","sourceRoot":"","sources":["../../src/chat/Bubble.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAkB,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1D,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,MAAM,EAAE,OAAO,EAAgB,MAAM,eAAe,CAAC;AA0B9D,MAAM,MAAM,GAAG,UAAU,CACvB,CACE,EAQC,EACD,GAAG,EACH,EAAE;QAVF,EACE,QAAQ,EACR,SAAS,EACT,IAAI,EACJ,SAAS,EACT,eAAe,EACf,mBAAmB,GAAG,GAAG,OAE1B,EADI,IAAI,cAPT,wFAQC,CADQ;IAIT,MAAM,EAAE,EAAE,EAAE,GAAG,YAAY,EAAE,CAAC;IAE9B,OAAO,CACL,2CAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,oBAAoB,EAAE,SAAS,CAAC,IAAM,IAAI;QACpE,CAAC,SAAS,IAAI,IAAI,CAAC,IAAI,CACtB,oBAAC,OAAO,IACN,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,mBAAmB,EAC1B,SAAS,EAAE,EAAE,CACX,sBAAsB,EACtB,eAAe,IAAI,yBAAyB,eAAe,EAAE,CAC9D;YAEA,IAAI,IAAI,oBAAC,MAAM,IAAC,EAAE,EAAC,MAAM,IAAE,IAAI,CAAU;YACzC,IAAI,IAAI,SAAS,IAAI,CACpB,oBAAC,MAAM,IAAC,EAAE,EAAC,MAAM,kCAER,CACV;YACA,SAAS,IAAI,oBAAC,MAAM,IAAC,EAAE,EAAC,MAAM,IAAE,SAAS,CAAU,CAC5C,CACX;QACA,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"Bubble.js","sourceRoot":"","sources":["../../src/chat/Bubble.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAkB,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1D,OAAO,EAAE,MAAM,EAAE,OAAO,EAAgB,MAAM,eAAe,CAAC;AAC9D,OAAO,EAAE,EAAE,EAAE,MAAM,kBAAkB,CAAC;AA0BtC,MAAM,MAAM,GAAG,UAAU,CACvB,CACE,EAQC,EACD,GAAG,EACH,EAAE;QAVF,EACE,QAAQ,EACR,SAAS,EACT,IAAI,EACJ,SAAS,EACT,eAAe,EACf,mBAAmB,GAAG,GAAG,OAE1B,EADI,IAAI,cAPT,wFAQC,CADQ;IAIT,OAAO,CACL,2CAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,oBAAoB,EAAE,SAAS,CAAC,IAAM,IAAI;QACpE,CAAC,SAAS,IAAI,IAAI,CAAC,IAAI,CACtB,oBAAC,OAAO,IACN,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,mBAAmB,EAC1B,SAAS,EAAE,EAAE,CACX,sBAAsB,EACtB,eAAe,IAAI,yBAAyB,eAAe,EAAE,CAC9D;YAEA,IAAI,IAAI,oBAAC,MAAM,IAAC,EAAE,EAAC,MAAM,IAAE,IAAI,CAAU;YACzC,IAAI,IAAI,SAAS,IAAI,CACpB,oBAAC,MAAM,IAAC,EAAE,EAAC,MAAM,kCAER,CACV;YACA,SAAS,IAAI,oBAAC,MAAM,IAAC,EAAE,EAAC,MAAM,IAAE,SAAS,CAAU,CAC5C,CACX;QACA,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/esm/chat/Chat.js

@@ -10,8 +10,8 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import React, { forwardRef } from "react";
-import { useRenameCSS } from "../theme/Theme.js";
 import { BodyLong } from "../typography/index.js";
+import { cl } from "../utils/helpers/index.js";
 import Bubble from "./Bubble.js";
 export const VARIANTS = ["subtle", "info", "neutral"];
 export const POSITIONS = ["left", "right"];
@@ -35,10 +35,9 @@ export const SIZES = ["medium", "small"];
  */
 export const Chat = forwardRef((_a, ref) => {
     var { children, className, name, timestamp, avatar, position = "left", variant = "neutral", toptextPosition, size = "medium", toptextHeadingLevel = "3", "data-color": color } = _a, rest = __rest(_a, ["children", "className", "name", "timestamp", "avatar", "position", "variant", "toptextPosition", "size", "toptextHeadingLevel", "data-color"]);
-    const { cn } = useRenameCSS();
-    return (React.createElement("div", Object.assign({ ref: ref, className: cn("navds-chat", className, `navds-chat--${position}`, `navds-chat--top-text-${toptextPosition !== null && toptextPosition !== void 0 ? toptextPosition : position}`, `navds-chat--${size}`, `navds-chat--${variant}`), "data-color": color !== null && color !== void 0 ? color : variantToColor(variant) }, rest, { "data-variant": variant }),
-        avatar && (React.createElement("div", { className: cn("navds-chat__avatar"), "aria-hidden": true }, avatar)),
-        React.createElement(BodyLong, { as: "div", size: size, className: cn("navds-chat__bubble-wrapper") }, React.Children.map(children, (child, i) => {
+    return (React.createElement("div", Object.assign({ ref: ref, className: cl("aksel-chat", className, `aksel-chat--${position}`, `aksel-chat--top-text-${toptextPosition !== null && toptextPosition !== void 0 ? toptextPosition : position}`, `aksel-chat--${size}`, `aksel-chat--${variant}`), "data-color": color !== null && color !== void 0 ? color : variantToColor(variant) }, rest, { "data-variant": variant }),
+        avatar && (React.createElement("div", { className: "aksel-chat__avatar", "aria-hidden": true }, avatar)),
+        React.createElement(BodyLong, { as: "div", size: size, className: "aksel-chat__bubble-wrapper" }, React.Children.map(children, (child, i) => {
             if (!React.isValidElement(child)) {
                 return null;
             }

package/esm/chat/Chat.js.map

@@ -1 +1 @@
-{"version":3,"file":"Chat.js","sourceRoot":"","sources":["../../src/chat/Chat.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAkB,UAAU,EAAE,MAAM,OAAO,CAAC;AAE1D,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,OAAO,EAAE,QAAQ,EAAgB,MAAM,eAAe,CAAC;AACvD,OAAO,MAAgC,MAAM,UAAU,CAAC;AAExD,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,QAAQ,EAAE,MAAM,EAAE,SAAS,CAAU,CAAC;AAC/D,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,MAAM,EAAE,OAAO,CAAU,CAAC;AACpD,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,QAAQ,EAAE,OAAO,CAAU,CAAC;AAiElD;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,CAAC,MAAM,IAAI,GAAG,UAAU,CAC5B,CACE,EAaY,EACZ,GAAG,EACH,EAAE;QAfF,EACE,QAAQ,EACR,SAAS,EACT,IAAI,EACJ,SAAS,EACT,MAAM,EACN,QAAQ,GAAG,MAAM,EACjB,OAAO,GAAG,SAAS,EACnB,eAAe,EACf,IAAI,GAAG,QAAQ,EACf,mBAAmB,GAAG,GAAG,EACzB,YAAY,EAAE,KAAK,OAET,EADP,IAAI,cAZT,+IAaC,CADQ;IAIT,MAAM,EAAE,EAAE,EAAE,GAAG,YAAY,EAAE,CAAC;IAE9B,OAAO,CACL,2CACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,YAAY,EACZ,SAAS,EACT,eAAe,QAAQ,EAAE,EACzB,wBAAwB,eAAe,aAAf,eAAe,cAAf,eAAe,GAAI,QAAQ,EAAE,EACrD,eAAe,IAAI,EAAE,EACrB,eAAe,OAAO,EAAE,CACzB,gBACW,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,cAAc,CAAC,OAAO,CAAC,IACxC,IAAI,oBACM,OAAO;QAEpB,MAAM,IAAI,CACT,6BAAK,SAAS,EAAE,EAAE,CAAC,oBAAoB,CAAC,yBACrC,MAAM,CACH,CACP;QACD,oBAAC,QAAQ,IACP,EAAE,EAAC,KAAK,EACR,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,EAAE,CAAC,4BAA4B,CAAC,IAE1C,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE;YACzC,IAAI,CAAC,KAAK,CAAC,cAAc,CAAkB,KAAK,CAAC,EAAE,CAAC;gBAClD,OAAO,IAAI,CAAC;YACd,CAAC;YAED,OAAO,KAAK,CAAC,YAAY,CAAC,KAAK,kBAC7B,IAAI,EAAE,IAAI,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,EACxC,SAAS,EAAE,SAAS,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EACvD,mBAAmB,IAChB,KAAK,CAAC,KAAK,EACd,CAAC;QACL,CAAC,CAAC,CACO,CACP,CACP,CAAC;AACJ,CAAC,CACe,CAAC;AAEnB,SAAS,cAAc,CAAC,OAA6B;IACnD,QAAQ,OAAO,EAAE,CAAC;QAChB,KAAK,SAAS;YACZ,OAAO,SAAS,CAAC;QACnB,KAAK,QAAQ;YACX,OAAO,SAAS,CAAC;QACnB,KAAK,MAAM;YACT,OAAO,MAAM,CAAC;QAChB;YACE,OAAO,SAAS,CAAC;IACrB,CAAC;AACH,CAAC;AAED,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;AAErB,eAAe,IAAI,CAAC"}
+{"version":3,"file":"Chat.js","sourceRoot":"","sources":["../../src/chat/Chat.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAkB,UAAU,EAAE,MAAM,OAAO,CAAC;AAG1D,OAAO,EAAE,QAAQ,EAAgB,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,EAAE,EAAE,MAAM,kBAAkB,CAAC;AACtC,OAAO,MAAgC,MAAM,UAAU,CAAC;AAExD,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,QAAQ,EAAE,MAAM,EAAE,SAAS,CAAU,CAAC;AAC/D,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,MAAM,EAAE,OAAO,CAAU,CAAC;AACpD,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,QAAQ,EAAE,OAAO,CAAU,CAAC;AAiElD;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,CAAC,MAAM,IAAI,GAAG,UAAU,CAC5B,CACE,EAaY,EACZ,GAAG,EACH,EAAE;QAfF,EACE,QAAQ,EACR,SAAS,EACT,IAAI,EACJ,SAAS,EACT,MAAM,EACN,QAAQ,GAAG,MAAM,EACjB,OAAO,GAAG,SAAS,EACnB,eAAe,EACf,IAAI,GAAG,QAAQ,EACf,mBAAmB,GAAG,GAAG,EACzB,YAAY,EAAE,KAAK,OAET,EADP,IAAI,cAZT,+IAaC,CADQ;IAIT,OAAO,CACL,2CACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,YAAY,EACZ,SAAS,EACT,eAAe,QAAQ,EAAE,EACzB,wBAAwB,eAAe,aAAf,eAAe,cAAf,eAAe,GAAI,QAAQ,EAAE,EACrD,eAAe,IAAI,EAAE,EACrB,eAAe,OAAO,EAAE,CACzB,gBACW,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,cAAc,CAAC,OAAO,CAAC,IACxC,IAAI,oBACM,OAAO;QAEpB,MAAM,IAAI,CACT,6BAAK,SAAS,EAAC,oBAAoB,yBAChC,MAAM,CACH,CACP;QACD,oBAAC,QAAQ,IAAC,EAAE,EAAC,KAAK,EAAC,IAAI,EAAE,IAAI,EAAE,SAAS,EAAC,4BAA4B,IAClE,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE;YACzC,IAAI,CAAC,KAAK,CAAC,cAAc,CAAkB,KAAK,CAAC,EAAE,CAAC;gBAClD,OAAO,IAAI,CAAC;YACd,CAAC;YAED,OAAO,KAAK,CAAC,YAAY,CAAC,KAAK,kBAC7B,IAAI,EAAE,IAAI,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,EACxC,SAAS,EAAE,SAAS,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EACvD,mBAAmB,IAChB,KAAK,CAAC,KAAK,EACd,CAAC;QACL,CAAC,CAAC,CACO,CACP,CACP,CAAC;AACJ,CAAC,CACe,CAAC;AAEnB,SAAS,cAAc,CAAC,OAA6B;IACnD,QAAQ,OAAO,EAAE,CAAC;QAChB,KAAK,SAAS;YACZ,OAAO,SAAS,CAAC;QACnB,KAAK,QAAQ;YACX,OAAO,SAAS,CAAC;QACnB,KAAK,MAAM;YACT,OAAO,MAAM,CAAC;QAChB;YACE,OAAO,SAAS,CAAC;IACrB,CAAC;AACH,CAAC;AAED,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;AAErB,eAAe,IAAI,CAAC"}

package/esm/chips/Chips.d.ts

@@ -1,5 +1,5 @@
 import React, { HTMLAttributes } from "react";
-import { OverridableComponent } from "../util/types/index.js";
+import type { OverridableComponent } from "../utils-external/index.js";
 import { ChipsRemovableProps } from "./Removable.js";
 import { ChipsToggleProps } from "./Toggle.js";
 export interface ChipsProps extends HTMLAttributes<HTMLUListElement> {