@navikt/ds-react 8.2.0 → 8.2.2

package/cjs/accordion/Accordion.d.ts

@@ -1,24 +1,24 @@
 import React from "react";
 import type { AkselStatusColorRole } from "@navikt/ds-tokens/types";
 import type { AkselColor } from "../types";
-import { AccordionContentProps } from "./AccordionContent";
-import { AccordionHeaderProps } from "./AccordionHeader";
-import { AccordionItemProps } from "./AccordionItem";
+import AccordionContent, { AccordionContentProps } from "./AccordionContent";
+import AccordionHeader, { AccordionHeaderProps } from "./AccordionHeader";
+import AccordionItem, { AccordionItemProps } from "./AccordionItem";
 interface AccordionComponent extends React.ForwardRefExoticComponent<AccordionProps & React.RefAttributes<HTMLDivElement>> {
     /**
      * @see 🏷️ {@link AccordionItemProps}
      */
-    Item: React.ForwardRefExoticComponent<AccordionItemProps & React.RefAttributes<HTMLDivElement>>;
+    Item: typeof AccordionItem;
     /**
      * @see 🏷️ {@link AccordionHeaderProps}
      */
-    Header: React.ForwardRefExoticComponent<AccordionHeaderProps & React.RefAttributes<HTMLButtonElement>>;
+    Header: typeof AccordionHeader;
     /**
      * @see 🏷️ {@link AccordionContentProps}
      */
-    Content: React.ForwardRefExoticComponent<AccordionContentProps & React.RefAttributes<HTMLDivElement>>;
+    Content: typeof AccordionContent;
 }
-export interface AccordionProps extends React.HTMLAttributes<HTMLDivElement> {
+interface AccordionProps extends React.HTMLAttributes<HTMLDivElement> {
     /**
      * @deprecated Will be removed in a future major version. Use `data-color` instead.
      */
@@ -71,3 +71,5 @@ export interface AccordionProps extends React.HTMLAttributes<HTMLDivElement> {
  */
 export declare const Accordion: AccordionComponent;
 export default Accordion;
+export { AccordionItem, AccordionHeader, AccordionContent };
+export type { AccordionProps, AccordionItemProps, AccordionHeaderProps, AccordionContentProps, };

package/cjs/accordion/Accordion.js

@@ -47,16 +47,19 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Accordion = void 0;
+exports.AccordionContent = exports.AccordionHeader = exports.AccordionItem = exports.Accordion = void 0;
 const react_1 = __importStar(require("react"));
 const utils_external_1 = require("../utils-external");
 const helpers_1 = require("../utils/helpers");
 const consoleWarning_1 = require("../utils/helpers/consoleWarning");
 const hooks_1 = require("../utils/hooks");
 const AccordionContent_1 = __importDefault(require("./AccordionContent"));
+exports.AccordionContent = AccordionContent_1.default;
 const AccordionContext_1 = require("./AccordionContext");
 const AccordionHeader_1 = __importDefault(require("./AccordionHeader"));
+exports.AccordionHeader = AccordionHeader_1.default;
 const AccordionItem_1 = __importDefault(require("./AccordionItem"));
+exports.AccordionItem = AccordionItem_1.default;
 /**
  * A component that displays collapsible content sections.
  *

package/cjs/accordion/Accordion.js.map

@@ -1 +1 @@
-{"version":3,"file":"Accordion.js","sourceRoot":"","sources":["../../src/accordion/Accordion.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA6D;AAG7D,sDAAyC;AACzC,8CAAsC;AACtC,oEAAiE;AACjE,0CAA8C;AAC9C,0EAA6E;AAC7E,yDAAsD;AACtD,wEAA0E;AAC1E,oEAAoE;AA0DpE;;;;;;;;;;;;;;;;;;;GAmBG;AACU,QAAA,SAAS,GAAG,IAAA,kBAAU,EACjC,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,IAAA,cAAM,EAAwB,IAAI,CAAC,CAAC;IACrD,MAAM,SAAS,GAAG,IAAA,oBAAY,EAAC,QAAQ,EAAE,GAAG,CAAC,CAAC;IAE9C,IAAA,iBAAS,EAAC,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,IAAA,+BAAc,EACZ,uHAAuH,EACvH,QAAQ,CAAC,OAAO,CACjB,CAAC;QACJ,CAAC;QACD,IAAI,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YAC3C,IAAA,+BAAc,EACZ,mFAAmF,EACnF,QAAQ,CAAC,OAAO,CACjB,CAAC;QACJ,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,8BAAC,mCAAgB,CAAC,QAAQ,IACxB,KAAK,EAAE;YACL,IAAI;YACJ,OAAO,EAAE,IAAI;YACb,OAAO;SACR;QAED,uDACM,IAAA,qBAAI,EAAC,IAAI,EAAE,CAAC,aAAa,CAAC,CAAC,IAC/B,SAAS,EAAE,IAAA,YAAE,EACX,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,iBAAS,CAAC,MAAM,GAAG,yBAAe,CAAC;AACnC,iBAAS,CAAC,OAAO,GAAG,0BAAgB,CAAC;AACrC,iBAAS,CAAC,IAAI,GAAG,uBAAa,CAAC;AAE/B,kBAAe,iBAAS,CAAC"}
+{"version":3,"file":"Accordion.js","sourceRoot":"","sources":["../../src/accordion/Accordion.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA6D;AAG7D,sDAAyC;AACzC,8CAAsC;AACtC,oEAAiE;AACjE,0CAA8C;AAC9C,0EAA6E;AAoIpC,2BApIlC,0BAAgB,CAoIkC;AAnIzD,yDAAsD;AACtD,wEAA0E;AAkIlD,0BAlIjB,yBAAe,CAkIiB;AAjIvC,oEAAoE;AAiI3D,wBAjIF,uBAAa,CAiIE;AA9EtB;;;;;;;;;;;;;;;;;;;GAmBG;AACU,QAAA,SAAS,GAAG,IAAA,kBAAU,EACjC,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,IAAA,cAAM,EAAwB,IAAI,CAAC,CAAC;IACrD,MAAM,SAAS,GAAG,IAAA,oBAAY,EAAC,QAAQ,EAAE,GAAG,CAAC,CAAC;IAE9C,IAAA,iBAAS,EAAC,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,IAAA,+BAAc,EACZ,uHAAuH,EACvH,QAAQ,CAAC,OAAO,CACjB,CAAC;QACJ,CAAC;QACD,IAAI,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YAC3C,IAAA,+BAAc,EACZ,mFAAmF,EACnF,QAAQ,CAAC,OAAO,CACjB,CAAC;QACJ,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,8BAAC,mCAAgB,CAAC,QAAQ,IACxB,KAAK,EAAE;YACL,IAAI;YACJ,OAAO,EAAE,IAAI;YACb,OAAO;SACR;QAED,uDACM,IAAA,qBAAI,EAAC,IAAI,EAAE,CAAC,aAAa,CAAC,CAAC,IAC/B,SAAS,EAAE,IAAA,YAAE,EACX,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,iBAAS,CAAC,MAAM,GAAG,yBAAe,CAAC;AACnC,iBAAS,CAAC,OAAO,GAAG,0BAAgB,CAAC;AACrC,iBAAS,CAAC,IAAI,GAAG,uBAAa,CAAC;AAE/B,kBAAe,iBAAS,CAAC"}

package/cjs/accordion/AccordionItem.d.ts

@@ -1,22 +1,24 @@
 import React from "react";
 export interface AccordionItemProps extends React.HTMLAttributes<HTMLDivElement> {
     /**
-     * Content in Accordion.Item
-     * Should include one Accordion.Header and one Accordion.Content
+     * Content in Accordion.Item.
+     *
+     * Should include one Accordion.Header and one Accordion.Content.
      */
     children: React.ReactNode;
     /**
-     * Controlled open-state
-     * Using this removes automatic control of open-state
+     * Controlled open-state.
+     *
+     * Using this removes automatic control of open-state.
      */
     open?: boolean;
     /**
-     * Defaults the accordion to open if not controlled
+     * The open state when initially rendered. Use when you do not need to control the open state.
      * @default false
      */
     defaultOpen?: boolean;
     /**
-     * Callback for current open-state
+     * Callback for current open-state.
      */
     onOpenChange?: (open: boolean) => void;
 }

package/cjs/accordion/AccordionItem.js

@@ -59,21 +59,15 @@ const AccordionItem = (0, react_1.forwardRef)((_a, ref) => {
         onChange: onOpenChange,
     });
     const context = (0, react_1.useContext)(AccordionContext_1.AccordionContext);
-    const shouldAnimate = (0, react_1.useRef)(!(Boolean(open) || defaultOpen));
-    const handleOpen = () => {
-        _setOpen((x) => !x);
-        shouldAnimate.current = true;
-    };
     if (!(context === null || context === void 0 ? void 0 : context.mounted)) {
         console.error("<Accordion.Item> has to be used within an <Accordion>");
     }
     return (react_1.default.createElement("div", Object.assign({ className: (0, helpers_1.cl)("aksel-accordion__item", className, {
             "aksel-accordion__item--open": _open,
-            "aksel-accordion__item--no-animation": !shouldAnimate.current,
         }), "data-expanded": _open, ref: ref }, (0, utils_external_1.omit)(rest, ["onClick"])),
         react_1.default.createElement(exports.AccordionItemContext.Provider, { value: {
                 open: _open,
-                toggleOpen: handleOpen,
+                toggleOpen: () => _setOpen((x) => !x),
             } }, children)));
 });
 exports.default = AccordionItem;

package/cjs/accordion/AccordionItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionItem.js","sourceRoot":"","sources":["../../src/accordion/AccordionItem.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA6E;AAC7E,sDAAyC;AACzC,8CAAsC;AACtC,0CAAsD;AACtD,yDAAsD;AA8BzC,QAAA,oBAAoB,GAC/B,IAAA,qBAAa,EAAmC,IAAI,CAAC,CAAC;AAExD,MAAM,aAAa,GAAG,IAAA,kBAAU,EAC9B,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,IAAA,4BAAoB,EAAC;QAC7C,YAAY,EAAE,WAAW;QACzB,KAAK,EAAE,IAAI;QACX,QAAQ,EAAE,YAAY;KACvB,CAAC,CAAC;IAEH,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,mCAAgB,CAAC,CAAC;IAE7C,MAAM,aAAa,GAAG,IAAA,cAAM,EAAU,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,qDACE,SAAS,EAAE,IAAA,YAAE,EAAC,uBAAuB,EAAE,SAAS,EAAE;YAChD,6BAA6B,EAAE,KAAK;YACpC,qCAAqC,EAAE,CAAC,aAAa,CAAC,OAAO;SAC9D,CAAC,mBACa,KAAK,EACpB,GAAG,EAAE,GAAG,IACJ,IAAA,qBAAI,EAAC,IAAI,EAAE,CAAC,SAAS,CAAC,CAAC;QAE3B,8BAAC,4BAAoB,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,kBAAe,aAAa,CAAC"}
+{"version":3,"file":"AccordionItem.js","sourceRoot":"","sources":["../../src/accordion/AccordionItem.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAqE;AACrE,sDAAyC;AACzC,8CAAsC;AACtC,0CAAsD;AACtD,yDAAsD;AA+BzC,QAAA,oBAAoB,GAC/B,IAAA,qBAAa,EAAmC,IAAI,CAAC,CAAC;AAExD,MAAM,aAAa,GAAG,IAAA,kBAAU,EAC9B,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,IAAA,4BAAoB,EAAC;QAC7C,YAAY,EAAE,WAAW;QACzB,KAAK,EAAE,IAAI;QACX,QAAQ,EAAE,YAAY;KACvB,CAAC,CAAC;IAEH,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,mCAAgB,CAAC,CAAC;IAE7C,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,qDACE,SAAS,EAAE,IAAA,YAAE,EAAC,uBAAuB,EAAE,SAAS,EAAE;YAChD,6BAA6B,EAAE,KAAK;SACrC,CAAC,mBACa,KAAK,EACpB,GAAG,EAAE,GAAG,IACJ,IAAA,qBAAI,EAAC,IAAI,EAAE,CAAC,SAAS,CAAC,CAAC;QAE3B,8BAAC,4BAAoB,CAAC,QAAQ,IAC5B,KAAK,EAAE;gBACL,IAAI,EAAE,KAAK;gBACX,UAAU,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC;aACtC,IAEA,QAAQ,CACqB,CAC5B,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,kBAAe,aAAa,CAAC"}

package/cjs/accordion/index.d.ts

@@ -1,4 +1,2 @@
-export { type AccordionProps, default as Accordion } from "./Accordion";
-export { default as AccordionHeader, type AccordionHeaderProps, } from "./AccordionHeader";
-export { default as AccordionContent, type AccordionContentProps, } from "./AccordionContent";
-export { default as AccordionItem, type AccordionItemProps, } from "./AccordionItem";
+export { default as Accordion, AccordionHeader, AccordionContent, AccordionItem, } from "./Accordion";
+export type { AccordionProps, AccordionHeaderProps, AccordionContentProps, AccordionItemProps, } from "./Accordion";

package/cjs/accordion/index.js

@@ -7,10 +7,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.AccordionItem = exports.AccordionContent = exports.AccordionHeader = exports.Accordion = void 0;
 var Accordion_1 = require("./Accordion");
 Object.defineProperty(exports, "Accordion", { enumerable: true, get: function () { return __importDefault(Accordion_1).default; } });
-var AccordionHeader_1 = require("./AccordionHeader");
-Object.defineProperty(exports, "AccordionHeader", { enumerable: true, get: function () { return __importDefault(AccordionHeader_1).default; } });
-var AccordionContent_1 = require("./AccordionContent");
-Object.defineProperty(exports, "AccordionContent", { enumerable: true, get: function () { return __importDefault(AccordionContent_1).default; } });
-var AccordionItem_1 = require("./AccordionItem");
-Object.defineProperty(exports, "AccordionItem", { enumerable: true, get: function () { return __importDefault(AccordionItem_1).default; } });
+Object.defineProperty(exports, "AccordionHeader", { enumerable: true, get: function () { return Accordion_1.AccordionHeader; } });
+Object.defineProperty(exports, "AccordionContent", { enumerable: true, get: function () { return Accordion_1.AccordionContent; } });
+Object.defineProperty(exports, "AccordionItem", { enumerable: true, get: function () { return Accordion_1.AccordionItem; } });
 //# sourceMappingURL=index.js.map

package/cjs/accordion/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/accordion/index.ts"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;AACb,yCAAwE;AAA1C,uHAAA,OAAO,OAAa;AAClD,qDAG2B;AAFzB,mIAAA,OAAO,OAAmB;AAG5B,uDAG4B;AAF1B,qIAAA,OAAO,OAAoB;AAG7B,iDAGyB;AAFvB,+HAAA,OAAO,OAAiB"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/accordion/index.ts"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;AACb,yCAKqB;AAJnB,uHAAA,OAAO,OAAa;AACpB,4GAAA,eAAe,OAAA;AACf,6GAAA,gBAAgB,OAAA;AAChB,0GAAA,aAAa,OAAA"}

package/cjs/chat/Chat.d.ts

@@ -2,11 +2,11 @@ import React, { HTMLAttributes } from "react";
 import type { AkselStatusColorRole } from "@navikt/ds-tokens/types";
 import { AkselColor } from "../types";
 import { HeadingProps } from "../typography";
-import Bubble from "./Bubble";
+import Bubble, { type ChatBubbleProps } from "./Bubble";
 export declare const VARIANTS: readonly ["subtle", "info", "neutral"];
 export declare const POSITIONS: readonly ["left", "right"];
 export declare const SIZES: readonly ["medium", "small"];
-export interface ChatProps extends HTMLAttributes<HTMLDivElement> {
+interface ChatProps extends HTMLAttributes<HTMLDivElement> {
     /**
      * Children of type `<Chat.Bubble />`.
      */
@@ -83,3 +83,5 @@ interface ChatComponent extends React.ForwardRefExoticComponent<ChatProps & Reac
  */
 export declare const Chat: ChatComponent;
 export default Chat;
+export { Bubble as ChatBubble };
+export type { ChatProps, ChatBubbleProps };

package/cjs/chat/Chat.js

@@ -47,11 +47,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Chat = exports.SIZES = exports.POSITIONS = exports.VARIANTS = void 0;
+exports.ChatBubble = exports.Chat = exports.SIZES = exports.POSITIONS = exports.VARIANTS = void 0;
 const react_1 = __importStar(require("react"));
 const typography_1 = require("../typography");
 const helpers_1 = require("../utils/helpers");
 const Bubble_1 = __importDefault(require("./Bubble"));
+exports.ChatBubble = Bubble_1.default;
 exports.VARIANTS = ["subtle", "info", "neutral"];
 exports.POSITIONS = ["left", "right"];
 exports.SIZES = ["medium", "small"];

package/cjs/chat/Chat.js.map

@@ -1 +1 @@
-{"version":3,"file":"Chat.js","sourceRoot":"","sources":["../../src/chat/Chat.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0D;AAG1D,8CAAuD;AACvD,8CAAsC;AACtC,sDAAwD;AAE3C,QAAA,QAAQ,GAAG,CAAC,QAAQ,EAAE,MAAM,EAAE,SAAS,CAAU,CAAC;AAClD,QAAA,SAAS,GAAG,CAAC,MAAM,EAAE,OAAO,CAAU,CAAC;AACvC,QAAA,KAAK,GAAG,CAAC,QAAQ,EAAE,OAAO,CAAU,CAAC;AAiElD;;;;;;;;;;;;;;;;GAgBG;AACU,QAAA,IAAI,GAAG,IAAA,kBAAU,EAC5B,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,qDACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,YAAE,EACX,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,uCAAK,SAAS,EAAC,oBAAoB,yBAChC,MAAM,CACH,CACP;QACD,8BAAC,qBAAQ,IAAC,EAAE,EAAC,KAAK,EAAC,IAAI,EAAE,IAAI,EAAE,SAAS,EAAC,4BAA4B,IAClE,eAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE;YACzC,IAAI,CAAC,eAAK,CAAC,cAAc,CAAkB,KAAK,CAAC,EAAE,CAAC;gBAClD,OAAO,IAAI,CAAC;YACd,CAAC;YAED,OAAO,eAAK,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,YAAI,CAAC,MAAM,GAAG,gBAAM,CAAC;AAErB,kBAAe,YAAI,CAAC"}
+{"version":3,"file":"Chat.js","sourceRoot":"","sources":["../../src/chat/Chat.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0D;AAG1D,8CAAuD;AACvD,8CAAsC;AACtC,sDAAwD;AA8JrC,qBA9JZ,gBAAM,CA8JgB;AA5JhB,QAAA,QAAQ,GAAG,CAAC,QAAQ,EAAE,MAAM,EAAE,SAAS,CAAU,CAAC;AAClD,QAAA,SAAS,GAAG,CAAC,MAAM,EAAE,OAAO,CAAU,CAAC;AACvC,QAAA,KAAK,GAAG,CAAC,QAAQ,EAAE,OAAO,CAAU,CAAC;AAgElD;;;;;;;;;;;;;;;;GAgBG;AACU,QAAA,IAAI,GAAG,IAAA,kBAAU,EAC5B,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,qDACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,YAAE,EACX,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,uCAAK,SAAS,EAAC,oBAAoB,yBAChC,MAAM,CACH,CACP;QACD,8BAAC,qBAAQ,IAAC,EAAE,EAAC,KAAK,EAAC,IAAI,EAAE,IAAI,EAAE,SAAS,EAAC,4BAA4B,IAClE,eAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE;YACzC,IAAI,CAAC,eAAK,CAAC,cAAc,CAAkB,KAAK,CAAC,EAAE,CAAC;gBAClD,OAAO,IAAI,CAAC;YACd,CAAC;YAED,OAAO,eAAK,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,YAAI,CAAC,MAAM,GAAG,gBAAM,CAAC;AAErB,kBAAe,YAAI,CAAC"}

package/cjs/chat/index.d.ts

@@ -1,2 +1,2 @@
-export { default as Chat, type ChatProps } from "./Chat";
-export { default as ChatBubble, type ChatBubbleProps } from "./Bubble";
+export { default as Chat, ChatBubble } from "./Chat";
+export type { ChatProps, ChatBubbleProps } from "./Chat";

package/cjs/chat/index.js

@@ -7,6 +7,5 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ChatBubble = exports.Chat = void 0;
 var Chat_1 = require("./Chat");
 Object.defineProperty(exports, "Chat", { enumerable: true, get: function () { return __importDefault(Chat_1).default; } });
-var Bubble_1 = require("./Bubble");
-Object.defineProperty(exports, "ChatBubble", { enumerable: true, get: function () { return __importDefault(Bubble_1).default; } });
+Object.defineProperty(exports, "ChatBubble", { enumerable: true, get: function () { return Chat_1.ChatBubble; } });
 //# sourceMappingURL=index.js.map

package/cjs/chat/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/chat/index.ts"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;AACb,+BAAyD;AAAhD,6GAAA,OAAO,OAAQ;AACxB,mCAAuE;AAA9D,qHAAA,OAAO,OAAc"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/chat/index.ts"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;AACb,+BAAqD;AAA5C,6GAAA,OAAO,OAAQ;AAAE,kGAAA,UAAU,OAAA"}

package/cjs/chips/Chips.d.ts

@@ -1,8 +1,7 @@
 import React, { HTMLAttributes } from "react";
-import type { OverridableComponent } from "../utils-external";
-import { ChipsRemovableProps } from "./Removable";
-import { ChipsToggleProps } from "./Toggle";
-export interface ChipsProps extends HTMLAttributes<HTMLUListElement> {
+import RemovableChips, { ChipsRemovableProps } from "./Removable";
+import ToggleChips, { ChipsToggleProps } from "./Toggle";
+interface ChipsProps extends HTMLAttributes<HTMLUListElement> {
     children: React.ReactNode;
     /**
      * Changes padding and font-sizes.
@@ -16,13 +15,13 @@ interface ChipsComponent extends React.ForwardRefExoticComponent<ChipsProps & Re
      * @see 🏷️ {@link ToggleChipsProps}
      * @see [🤖 OverridableComponent](https://aksel.nav.no/grunnleggende/kode/overridablecomponent) support
      */
-    Toggle: OverridableComponent<ChipsToggleProps, HTMLButtonElement>;
+    Toggle: typeof ToggleChips;
     /**
      * Remove filter or the likes on click.
      * @see 🏷️ {@link RemovableChipsProps}
      * @see [🤖 OverridableComponent](https://aksel.nav.no/grunnleggende/kode/overridablecomponent) support
      */
-    Removable: OverridableComponent<ChipsRemovableProps, HTMLButtonElement>;
+    Removable: typeof RemovableChips;
 }
 /**
  * A component that displays a list of items as chips.
@@ -53,3 +52,5 @@ interface ChipsComponent extends React.ForwardRefExoticComponent<ChipsProps & Re
  */
 export declare const Chips: ChipsComponent;
 export default Chips;
+export { ToggleChips as ChipsToggle, RemovableChips as ChipsRemovable };
+export type { ChipsProps, ChipsToggleProps, ChipsRemovableProps };

package/cjs/chips/Chips.js

@@ -47,11 +47,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Chips = void 0;
+exports.ChipsRemovable = exports.ChipsToggle = exports.Chips = void 0;
 const react_1 = __importStar(require("react"));
 const helpers_1 = require("../utils/helpers");
 const Removable_1 = __importDefault(require("./Removable"));
+exports.ChipsRemovable = Removable_1.default;
 const Toggle_1 = __importDefault(require("./Toggle"));
+exports.ChipsToggle = Toggle_1.default;
 /**
  * A component that displays a list of items as chips.
  *

package/cjs/chips/Chips.js.map

@@ -1 +1 @@
-{"version":3,"file":"Chips.js","sourceRoot":"","sources":["../../src/chips/Chips.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0D;AAE1D,8CAAsC;AACtC,4DAAkE;AAClE,sDAAyD;AA6BzD;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACU,QAAA,KAAK,GAAmB,IAAA,kBAAU,EAC7C,CAAC,EAAiD,EAAE,GAAG,EAAE,EAAE;QAA1D,EAAE,SAAS,EAAE,IAAI,GAAG,QAAQ,EAAE,QAAQ,OAAW,EAAN,IAAI,cAA/C,iCAAiD,CAAF;IAC9C,OAAO,CACL,sDACM,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,YAAE,EAAC,aAAa,EAAE,SAAS,EAAE,gBAAgB,IAAI,EAAE,EAAE;YAC9D,0CAA0C,EAAE,IAAI,KAAK,QAAQ;YAC7D,kCAAkC,EAAE,IAAI,KAAK,OAAO;SACrD,CAAC,KAED,eAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;QAC5C,OAAO,sCAAI,GAAG,EAAE,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,QAAQ,EAAE,KAAI,KAAK,IAAG,IAAI,CAAM,CAAC;IACzD,CAAC,CAAC,CACC,CACN,CAAC;AACJ,CAAC,CACgB,CAAC;AAEpB,aAAK,CAAC,MAAM,GAAG,gBAAW,CAAC;AAC3B,aAAK,CAAC,SAAS,GAAG,mBAAc,CAAC;AAEjC,kBAAe,aAAK,CAAC"}
+{"version":3,"file":"Chips.js","sourceRoot":"","sources":["../../src/chips/Chips.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0D;AAC1D,8CAAsC;AACtC,4DAAkE;AA+EX,yBA/EhD,mBAAc,CA+EgD;AA9ErE,sDAAyD;AA8EjC,sBA9EjB,gBAAW,CA8EiB;AAlDnC;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACU,QAAA,KAAK,GAAmB,IAAA,kBAAU,EAC7C,CAAC,EAAiD,EAAE,GAAG,EAAE,EAAE;QAA1D,EAAE,SAAS,EAAE,IAAI,GAAG,QAAQ,EAAE,QAAQ,OAAW,EAAN,IAAI,cAA/C,iCAAiD,CAAF;IAC9C,OAAO,CACL,sDACM,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,YAAE,EAAC,aAAa,EAAE,SAAS,EAAE,gBAAgB,IAAI,EAAE,EAAE;YAC9D,0CAA0C,EAAE,IAAI,KAAK,QAAQ;YAC7D,kCAAkC,EAAE,IAAI,KAAK,OAAO;SACrD,CAAC,KAED,eAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;QAC5C,OAAO,sCAAI,GAAG,EAAE,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,QAAQ,EAAE,KAAI,KAAK,IAAG,IAAI,CAAM,CAAC;IACzD,CAAC,CAAC,CACC,CACN,CAAC;AACJ,CAAC,CACgB,CAAC;AAEpB,aAAK,CAAC,MAAM,GAAG,gBAAW,CAAC;AAC3B,aAAK,CAAC,SAAS,GAAG,mBAAc,CAAC;AAEjC,kBAAe,aAAK,CAAC"}

package/cjs/chips/index.d.ts

@@ -1,3 +1,2 @@
-export { default as Chips, type ChipsProps } from "./Chips";
-export { RemovableChips as ChipsRemovable, type ChipsRemovableProps, } from "./Removable";
-export { ToggleChips as ChipsToggle, type ChipsToggleProps } from "./Toggle";
+export { default as Chips, ChipsRemovable, ChipsToggle } from "./Chips";
+export type { ChipsProps, ChipsRemovableProps, ChipsToggleProps, } from "./Chips";

package/cjs/chips/index.js

@@ -7,8 +7,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ChipsToggle = exports.ChipsRemovable = exports.Chips = void 0;
 var Chips_1 = require("./Chips");
 Object.defineProperty(exports, "Chips", { enumerable: true, get: function () { return __importDefault(Chips_1).default; } });
-var Removable_1 = require("./Removable");
-Object.defineProperty(exports, "ChipsRemovable", { enumerable: true, get: function () { return Removable_1.RemovableChips; } });
-var Toggle_1 = require("./Toggle");
-Object.defineProperty(exports, "ChipsToggle", { enumerable: true, get: function () { return Toggle_1.ToggleChips; } });
+Object.defineProperty(exports, "ChipsRemovable", { enumerable: true, get: function () { return Chips_1.ChipsRemovable; } });
+Object.defineProperty(exports, "ChipsToggle", { enumerable: true, get: function () { return Chips_1.ChipsToggle; } });
 //# sourceMappingURL=index.js.map

package/cjs/chips/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/chips/index.ts"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;AACb,iCAA4D;AAAnD,+GAAA,OAAO,OAAS;AACzB,yCAGqB;AAFnB,2GAAA,cAAc,OAAkB;AAGlC,mCAA6E;AAApE,qGAAA,WAAW,OAAe"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/chips/index.ts"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;AACb,iCAAwE;AAA/D,+GAAA,OAAO,OAAS;AAAE,uGAAA,cAAc,OAAA;AAAE,oGAAA,WAAW,OAAA"}

package/cjs/collapsible/Collapsible.d.ts

@@ -1,8 +1,8 @@
 import React from "react";
 import { CollapsibleBaseProps } from "./Collapsible.types";
-import CollapsibleContent from "./parts/Collapsible.Content";
-import CollapsibleTrigger from "./parts/Collapsible.Trigger";
-export interface CollapsibleProps extends CollapsibleBaseProps, React.HTMLAttributes<HTMLDivElement> {
+import CollapsibleContent, { CollapsibleContentProps } from "./parts/Collapsible.Content";
+import CollapsibleTrigger, { CollapsibleTriggerProps } from "./parts/Collapsible.Trigger";
+interface CollapsibleProps extends CollapsibleBaseProps, React.HTMLAttributes<HTMLDivElement> {
 }
 interface CollapsibleComponent extends React.ForwardRefExoticComponent<CollapsibleProps & React.RefAttributes<HTMLDivElement>> {
     /**
@@ -37,7 +37,7 @@ interface CollapsibleComponent extends React.ForwardRefExoticComponent<Collapsib
  *     <Button>Button</Button>
  *   </Collapsible.Trigger>
  *   <Collapsible.Content asChild>
- *     <Box padding="4" background="info-soft">
+ *     <Box padding="space-16" background="info-soft">
  *       <div>lorem ipsum</div>
  *     </Box>
  *   </Collapsible.Content>
@@ -46,3 +46,5 @@ interface CollapsibleComponent extends React.ForwardRefExoticComponent<Collapsib
  */
 export declare const Collapsible: CollapsibleComponent;
 export default Collapsible;
+export { CollapsibleTrigger, CollapsibleContent };
+export type { CollapsibleProps, CollapsibleTriggerProps, CollapsibleContentProps, };

package/cjs/collapsible/Collapsible.js

@@ -47,13 +47,15 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Collapsible = void 0;
+exports.CollapsibleContent = exports.CollapsibleTrigger = exports.Collapsible = void 0;
 const react_1 = __importStar(require("react"));
 const utils_external_1 = require("../utils-external");
 const hooks_1 = require("../utils/hooks");
 const Collapsible_context_1 = require("./Collapsible.context");
 const Collapsible_Content_1 = __importDefault(require("./parts/Collapsible.Content"));
+exports.CollapsibleContent = Collapsible_Content_1.default;
 const Collapsible_Trigger_1 = __importDefault(require("./parts/Collapsible.Trigger"));
+exports.CollapsibleTrigger = Collapsible_Trigger_1.default;
 /**
  * Collapsible is a component that allows you to toggle visibility of content.
  *
@@ -77,7 +79,7 @@ const Collapsible_Trigger_1 = __importDefault(require("./parts/Collapsible.Trigg
  *     <Button>Button</Button>
  *   </Collapsible.Trigger>
  *   <Collapsible.Content asChild>
- *     <Box padding="4" background="info-soft">
+ *     <Box padding="space-16" background="info-soft">
  *       <div>lorem ipsum</div>
  *     </Box>
  *   </Collapsible.Content>

package/cjs/collapsible/Collapsible.js.map

@@ -1 +1 @@
-{"version":3,"file":"Collapsible.js","sourceRoot":"","sources":["../../src/collapsible/Collapsible.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAuD;AACvD,sDAA0C;AAC1C,0CAAsD;AACtD,+DAAmE;AAEnE,sFAA6D;AAC7D,sFAA6D;AAoB7D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACU,QAAA,WAAW,GAAG,IAAA,kBAAU,EACnC,CACE,EAOC,EACD,GAAG,EACH,EAAE;QATF,EACE,QAAQ,EACR,IAAI,EACJ,WAAW,GAAG,KAAK,EACnB,YAAY,EACZ,IAAI,GAAG,KAAK,OAEb,EADI,IAAI,cANT,2DAOC,CADQ;IAIT,MAAM,CAAC,KAAK,EAAE,OAAO,CAAC,GAAG,IAAA,4BAAoB,EAAC;QAC5C,KAAK,EAAE,IAAI;QACX,YAAY,EAAE,WAAW;QACzB,QAAQ,EAAE,YAAY;KACvB,CAAC,CAAC;IAEH,MAAM,UAAU,GAAG,IAAA,sBAAK,GAAE,CAAC;IAC3B,MAAM,KAAK,GAAG,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC;IAExC,OAAO,CACL,8BAAC,gDAA0B,IACzB,IAAI,EAAE,KAAK,EACX,YAAY,EAAE,IAAA,mBAAW,EACvB,GAAG,EAAE,CAAC,OAAO,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC,QAAQ,CAAC,EACtC,CAAC,OAAO,CAAC,CACV,EACD,SAAS,EAAE,uBAAuB,UAAU,EAAE,EAC9C,SAAS,EAAE,uBAAuB,UAAU,EAAE,EAC9C,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK;QAEZ,qDAAK,GAAG,EAAE,GAAG,gBAAc,KAAK,IAAM,IAAI,GACvC,QAAQ,CACL,CACqB,CAC9B,CAAC;AACJ,CAAC,CACsB,CAAC;AAE1B,mBAAW,CAAC,OAAO,GAAG,6BAAkB,CAAC;AACzC,mBAAW,CAAC,OAAO,GAAG,6BAAkB,CAAC;AAEzC,kBAAe,mBAAW,CAAC"}
+{"version":3,"file":"Collapsible.js","sourceRoot":"","sources":["../../src/collapsible/Collapsible.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAuD;AACvD,sDAA0C;AAC1C,0CAAsD;AACtD,+DAAmE;AAEnE,sFAEqC;AAgGR,6BAlGtB,6BAAkB,CAkGsB;AA/F/C,sFAEqC;AA6F5B,6BA/FF,6BAAkB,CA+FE;AA3E3B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACU,QAAA,WAAW,GAAG,IAAA,kBAAU,EACnC,CACE,EAOC,EACD,GAAG,EACH,EAAE;QATF,EACE,QAAQ,EACR,IAAI,EACJ,WAAW,GAAG,KAAK,EACnB,YAAY,EACZ,IAAI,GAAG,KAAK,OAEb,EADI,IAAI,cANT,2DAOC,CADQ;IAIT,MAAM,CAAC,KAAK,EAAE,OAAO,CAAC,GAAG,IAAA,4BAAoB,EAAC;QAC5C,KAAK,EAAE,IAAI;QACX,YAAY,EAAE,WAAW;QACzB,QAAQ,EAAE,YAAY;KACvB,CAAC,CAAC;IAEH,MAAM,UAAU,GAAG,IAAA,sBAAK,GAAE,CAAC;IAC3B,MAAM,KAAK,GAAG,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC;IAExC,OAAO,CACL,8BAAC,gDAA0B,IACzB,IAAI,EAAE,KAAK,EACX,YAAY,EAAE,IAAA,mBAAW,EACvB,GAAG,EAAE,CAAC,OAAO,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC,QAAQ,CAAC,EACtC,CAAC,OAAO,CAAC,CACV,EACD,SAAS,EAAE,uBAAuB,UAAU,EAAE,EAC9C,SAAS,EAAE,uBAAuB,UAAU,EAAE,EAC9C,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK;QAEZ,qDAAK,GAAG,EAAE,GAAG,gBAAc,KAAK,IAAM,IAAI,GACvC,QAAQ,CACL,CACqB,CAC9B,CAAC;AACJ,CAAC,CACsB,CAAC;AAE1B,mBAAW,CAAC,OAAO,GAAG,6BAAkB,CAAC;AACzC,mBAAW,CAAC,OAAO,GAAG,6BAAkB,CAAC;AAEzC,kBAAe,mBAAW,CAAC"}

package/cjs/collapsible/index.d.ts

@@ -1,3 +1,2 @@
-export { default as Collapsible, type CollapsibleProps } from "./Collapsible";
-export { default as CollapsibleTrigger, type CollapsibleTriggerProps, } from "./parts/Collapsible.Trigger";
-export { default as CollapsibleContent, type CollapsibleContentProps, } from "./parts/Collapsible.Content";
+export { default as Collapsible, CollapsibleTrigger, CollapsibleContent, } from "./Collapsible";
+export type { CollapsibleProps, CollapsibleTriggerProps, CollapsibleContentProps, } from "./Collapsible";

package/cjs/collapsible/index.js

@@ -7,8 +7,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.CollapsibleContent = exports.CollapsibleTrigger = exports.Collapsible = void 0;
 var Collapsible_1 = require("./Collapsible");
 Object.defineProperty(exports, "Collapsible", { enumerable: true, get: function () { return __importDefault(Collapsible_1).default; } });
-var Collapsible_Trigger_1 = require("./parts/Collapsible.Trigger");
-Object.defineProperty(exports, "CollapsibleTrigger", { enumerable: true, get: function () { return __importDefault(Collapsible_Trigger_1).default; } });
-var Collapsible_Content_1 = require("./parts/Collapsible.Content");
-Object.defineProperty(exports, "CollapsibleContent", { enumerable: true, get: function () { return __importDefault(Collapsible_Content_1).default; } });
+Object.defineProperty(exports, "CollapsibleTrigger", { enumerable: true, get: function () { return Collapsible_1.CollapsibleTrigger; } });
+Object.defineProperty(exports, "CollapsibleContent", { enumerable: true, get: function () { return Collapsible_1.CollapsibleContent; } });
 //# sourceMappingURL=index.js.map

package/cjs/collapsible/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/collapsible/index.ts"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;AACb,6CAA8E;AAArE,2HAAA,OAAO,OAAe;AAC/B,mEAGqC;AAFnC,0IAAA,OAAO,OAAsB;AAG/B,mEAGqC;AAFnC,0IAAA,OAAO,OAAsB"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/collapsible/index.ts"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;AACb,6CAIuB;AAHrB,2HAAA,OAAO,OAAe;AACtB,iHAAA,kBAAkB,OAAA;AAClB,iHAAA,kBAAkB,OAAA"}

package/cjs/data/table/root/DataTableRoot.js

@@ -61,7 +61,8 @@ const DataTableTr_1 = require("../tr/DataTableTr");
 Object.defineProperty(exports, "DataTableTr", { enumerable: true, get: function () { return DataTableTr_1.DataTableTr; } });
 const DataTable = (0, react_1.forwardRef)((_a, forwardedRef) => {
     var { className } = _a, rest = __rest(_a, ["className"]);
-    return (react_1.default.createElement("table", Object.assign({}, rest, { ref: forwardedRef, className: (0, helpers_1.cl)("aksel-data-table", className) })));
+    return (react_1.default.createElement("div", { className: "aksel-data-table__wrapper" },
+        react_1.default.createElement("table", Object.assign({}, rest, { ref: forwardedRef, className: (0, helpers_1.cl)("aksel-data-table", className) }))));
 });
 exports.DataTable = DataTable;
 DataTable.Caption = DataTableCaption_1.DataTableCaption;

package/cjs/data/table/root/DataTableRoot.js.map

@@ -1 +1 @@
-{"version":3,"file":"DataTableRoot.js","sourceRoot":"","sources":["../../../../src/data/table/root/DataTableRoot.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,oDAA4C;AAC5C,kEAGqC;AAyHnC,iGA3HA,mCAAgB,OA2HA;AAxHlB,4DAGiC;AAsH/B,+FAxHA,+BAAc,OAwHA;AArHhB,mDAAuE;AAsHrE,4FAtHO,yBAAW,OAsHP;AArHb,mDAAuE;AAsHrE,4FAtHO,yBAAW,OAsHP;AArHb,4DAGiC;AAmH/B,+FArHA,+BAAc,OAqHA;AAlHhB,mDAAuE;AAmHrE,4FAnHO,yBAAW,OAmHP;AA1Bb,MAAM,SAAS,GAAG,IAAA,kBAAU,EAC1B,CAAC,EAAsB,EAAE,YAAY,EAAE,EAAE;QAAxC,EAAE,SAAS,OAAW,EAAN,IAAI,cAApB,aAAsB,CAAF;IACnB,OAAO,CACL,yDACM,IAAI,IACR,GAAG,EAAE,YAAY,EACjB,SAAS,EAAE,IAAA,YAAE,EAAC,kBAAkB,EAAE,SAAS,CAAC,IAC5C,CACH,CAAC;AACJ,CAAC,CACwB,CAAC;AAU1B,8BAAS;AARX,SAAS,CAAC,OAAO,GAAG,mCAAgB,CAAC;AACrC,SAAS,CAAC,KAAK,GAAG,+BAAc,CAAC;AACjC,SAAS,CAAC,KAAK,GAAG,+BAAc,CAAC;AACjC,SAAS,CAAC,EAAE,GAAG,yBAAW,CAAC;AAC3B,SAAS,CAAC,EAAE,GAAG,yBAAW,CAAC;AAC3B,SAAS,CAAC,EAAE,GAAG,yBAAW,CAAC;AAW3B,kBAAe,SAAS,CAAC"}
+{"version":3,"file":"DataTableRoot.js","sourceRoot":"","sources":["../../../../src/data/table/root/DataTableRoot.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,oDAA4C;AAC5C,kEAGqC;AA2HnC,iGA7HA,mCAAgB,OA6HA;AA1HlB,4DAGiC;AAwH/B,+FA1HA,+BAAc,OA0HA;AAvHhB,mDAAuE;AAwHrE,4FAxHO,yBAAW,OAwHP;AAvHb,mDAAuE;AAwHrE,4FAxHO,yBAAW,OAwHP;AAvHb,4DAGiC;AAqH/B,+FAvHA,+BAAc,OAuHA;AApHhB,mDAAuE;AAqHrE,4FArHO,yBAAW,OAqHP;AA5Bb,MAAM,SAAS,GAAG,IAAA,kBAAU,EAC1B,CAAC,EAAsB,EAAE,YAAY,EAAE,EAAE;QAAxC,EAAE,SAAS,OAAW,EAAN,IAAI,cAApB,aAAsB,CAAF;IACnB,OAAO,CACL,uCAAK,SAAS,EAAC,2BAA2B;QACxC,yDACM,IAAI,IACR,GAAG,EAAE,YAAY,EACjB,SAAS,EAAE,IAAA,YAAE,EAAC,kBAAkB,EAAE,SAAS,CAAC,IAC5C,CACE,CACP,CAAC;AACJ,CAAC,CACwB,CAAC;AAU1B,8BAAS;AARX,SAAS,CAAC,OAAO,GAAG,mCAAgB,CAAC;AACrC,SAAS,CAAC,KAAK,GAAG,+BAAc,CAAC;AACjC,SAAS,CAAC,KAAK,GAAG,+BAAc,CAAC;AACjC,SAAS,CAAC,EAAE,GAAG,yBAAW,CAAC;AAC3B,SAAS,CAAC,EAAE,GAAG,yBAAW,CAAC;AAC3B,SAAS,CAAC,EAAE,GAAG,yBAAW,CAAC;AAW3B,kBAAe,SAAS,CAAC"}

package/cjs/data/table/td/DataTableTd.js

@@ -48,8 +48,9 @@ exports.DataTableTd = void 0;
 const react_1 = __importStar(require("react"));
 const helpers_1 = require("../../../utils/helpers");
 const DataTableTd = (0, react_1.forwardRef)((_a, forwardedRef) => {
-    var { className } = _a, rest = __rest(_a, ["className"]);
-    return (react_1.default.createElement("td", Object.assign({}, rest, { ref: forwardedRef, className: (0, helpers_1.cl)("aksel-data-table__td", className) })));
+    var { className, children } = _a, rest = __rest(_a, ["className", "children"]);
+    return (react_1.default.createElement("td", Object.assign({}, rest, { ref: forwardedRef, className: (0, helpers_1.cl)("aksel-data-table__td", className) }),
+        react_1.default.createElement("div", null, children)));
 });
 exports.DataTableTd = DataTableTd;
 //# sourceMappingURL=DataTableTd.js.map

package/cjs/data/table/td/DataTableTd.js.map

@@ -1 +1 @@
-{"version":3,"file":"DataTableTd.js","sourceRoot":"","sources":["../../../../src/data/table/td/DataTableTd.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,oDAA4C;AAI5C,MAAM,WAAW,GAAG,IAAA,kBAAU,EAC5B,CAAC,EAAsB,EAAE,YAAY,EAAE,EAAE;QAAxC,EAAE,SAAS,OAAW,EAAN,IAAI,cAApB,aAAsB,CAAF;IACnB,OAAO,CACL,sDACM,IAAI,IACR,GAAG,EAAE,YAAY,EACjB,SAAS,EAAE,IAAA,YAAE,EAAC,sBAAsB,EAAE,SAAS,CAAC,IAChD,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEO,kCAAW"}
+{"version":3,"file":"DataTableTd.js","sourceRoot":"","sources":["../../../../src/data/table/td/DataTableTd.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,oDAA4C;AAI5C,MAAM,WAAW,GAAG,IAAA,kBAAU,EAC5B,CAAC,EAAgC,EAAE,YAAY,EAAE,EAAE;QAAlD,EAAE,SAAS,EAAE,QAAQ,OAAW,EAAN,IAAI,cAA9B,yBAAgC,CAAF;IAC7B,OAAO,CACL,sDACM,IAAI,IACR,GAAG,EAAE,YAAY,EACjB,SAAS,EAAE,IAAA,YAAE,EAAC,sBAAsB,EAAE,SAAS,CAAC;QAEhD,2CAAM,QAAQ,CAAO,CAClB,CACN,CAAC;AACJ,CAAC,CACF,CAAC;AAEO,kCAAW"}

package/cjs/data/table/th/DataTableTh.d.ts

@@ -1,5 +1,15 @@
 import React from "react";
-type DataTableThProps = React.HTMLAttributes<HTMLTableCellElement>;
-declare const DataTableTh: React.ForwardRefExoticComponent<DataTableThProps & React.RefAttributes<HTMLTableCellElement>>;
+type DataTableThProps = React.HTMLAttributes<HTMLTableCellElement> & {
+    resizeHandler?: React.MouseEventHandler<HTMLButtonElement>;
+    isPinned?: boolean;
+    pinningHandler?: React.MouseEventHandler<HTMLButtonElement>;
+    size?: number;
+};
+declare const DataTableTh: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableCellElement> & {
+    resizeHandler?: React.MouseEventHandler<HTMLButtonElement>;
+    isPinned?: boolean;
+    pinningHandler?: React.MouseEventHandler<HTMLButtonElement>;
+    size?: number;
+} & React.RefAttributes<HTMLTableCellElement>>;
 export { DataTableTh };
 export type { DataTableThProps };

package/cjs/data/table/th/DataTableTh.js

@@ -46,10 +46,15 @@ var __rest = (this && this.__rest) || function (s, e) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DataTableTh = void 0;
 const react_1 = __importStar(require("react"));
+const aksel_icons_1 = require("@navikt/aksel-icons");
+const button_1 = require("../../../button");
 const helpers_1 = require("../../../utils/helpers");
 const DataTableTh = (0, react_1.forwardRef)((_a, forwardedRef) => {
-    var { className } = _a, rest = __rest(_a, ["className"]);
-    return (react_1.default.createElement("th", Object.assign({}, rest, { ref: forwardedRef, className: (0, helpers_1.cl)("aksel-data-table__th", className) })));
+    var { className, children, resizeHandler, isPinned = false, pinningHandler, size } = _a, rest = __rest(_a, ["className", "children", "resizeHandler", "isPinned", "pinningHandler", "size"]);
+    return (react_1.default.createElement("th", Object.assign({}, rest, { ref: forwardedRef, className: (0, helpers_1.cl)("aksel-data-table__th", className), style: { width: size } }),
+        children,
+        pinningHandler && (react_1.default.createElement(button_1.Button, { onClick: pinningHandler, size: "small", variant: "secondary", icon: isPinned ? (react_1.default.createElement(aksel_icons_1.PushPinFillIcon, { "aria-hidden": true, title: "Fest kolonne" })) : (react_1.default.createElement(aksel_icons_1.PushPinIcon, { "aria-hidden": true, title: "L\u00F8stne kolonne" })) })),
+        resizeHandler && (react_1.default.createElement(button_1.Button, { onMouseDown: resizeHandler, onMouseUp: resizeHandler, className: (0, helpers_1.cl)("aksel-data-table__th-resize-handle"), size: "small", variant: "secondary", icon: react_1.default.createElement(aksel_icons_1.CaretLeftRightIcon, { "aria-hidden": true, title: "Endre kolonnest\u00F8rrelse" }) }))));
 });
 exports.DataTableTh = DataTableTh;
 //# sourceMappingURL=DataTableTh.js.map

package/cjs/data/table/th/DataTableTh.js.map

@@ -1 +1 @@
-{"version":3,"file":"DataTableTh.js","sourceRoot":"","sources":["../../../../src/data/table/th/DataTableTh.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,oDAA4C;AAI5C,MAAM,WAAW,GAAG,IAAA,kBAAU,EAC5B,CAAC,EAAsB,EAAE,YAAY,EAAE,EAAE;QAAxC,EAAE,SAAS,OAAW,EAAN,IAAI,cAApB,aAAsB,CAAF;IACnB,OAAO,CACL,sDACM,IAAI,IACR,GAAG,EAAE,YAAY,EACjB,SAAS,EAAE,IAAA,YAAE,EAAC,sBAAsB,EAAE,SAAS,CAAC,IAChD,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEO,kCAAW"}
+{"version":3,"file":"DataTableTh.js","sourceRoot":"","sources":["../../../../src/data/table/th/DataTableTh.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,qDAI6B;AAC7B,4CAAyC;AACzC,oDAA4C;AAS5C,MAAM,WAAW,GAAG,IAAA,kBAAU,EAC5B,CACE,EAQC,EACD,YAAY,EACZ,EAAE;QAVF,EACE,SAAS,EACT,QAAQ,EACR,aAAa,EACb,QAAQ,GAAG,KAAK,EAChB,cAAc,EACd,IAAI,OAEL,EADI,IAAI,cAPT,gFAQC,CADQ;IAIT,OAAO,CACL,sDACM,IAAI,IACR,GAAG,EAAE,YAAY,EACjB,SAAS,EAAE,IAAA,YAAE,EAAC,sBAAsB,EAAE,SAAS,CAAC,EAChD,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE;QAErB,QAAQ;QACR,cAAc,IAAI,CACjB,8BAAC,eAAM,IACL,OAAO,EAAE,cAAc,EACvB,IAAI,EAAC,OAAO,EACZ,OAAO,EAAC,WAAW,EACnB,IAAI,EACF,QAAQ,CAAC,CAAC,CAAC,CACT,8BAAC,6BAAe,yBAAa,KAAK,EAAC,cAAc,GAAG,CACrD,CAAC,CAAC,CAAC,CACF,8BAAC,yBAAW,yBAAa,KAAK,EAAC,qBAAgB,GAAG,CACnD,GAEH,CACH;QACA,aAAa,IAAI,CAChB,8BAAC,eAAM,IACL,WAAW,EAAE,aAAa,EAC1B,SAAS,EAAE,aAAa,EACxB,SAAS,EAAE,IAAA,YAAE,EAAC,oCAAoC,CAAC,EACnD,IAAI,EAAC,OAAO,EACZ,OAAO,EAAC,WAAW,EACnB,IAAI,EACF,8BAAC,gCAAkB,yBAAa,KAAK,EAAC,6BAAwB,GAAG,GAEnE,CACH,CACE,CACN,CAAC;AACJ,CAAC,CACF,CAAC;AAEO,kCAAW"}

package/cjs/data/toolbar/button/DataToolbarButton.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+import { ButtonProps } from "../../../button";
+type DataToolbarButtonProps = Omit<ButtonProps, "variant" | "size" | "data-color"> & {
+    /**
+     * Kort beskrivelse av knappens funksjon.
+     */
+    tooltip?: string;
+};
+declare const DataToolbarButton: React.ForwardRefExoticComponent<Omit<ButtonProps, "data-color" | "size" | "variant"> & {
+    /**
+     * Kort beskrivelse av knappens funksjon.
+     */
+    tooltip?: string;
+} & React.RefAttributes<HTMLButtonElement>>;
+export { DataToolbarButton };
+export default DataToolbarButton;
+export type { DataToolbarButtonProps };

package/cjs/data/toolbar/button/DataToolbarButton.js

@@ -0,0 +1,28 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DataToolbarButton = void 0;
+const react_1 = __importDefault(require("react"));
+const button_1 = require("../../../button");
+const tooltip_1 = require("../../../tooltip");
+const DataToolbarButton = react_1.default.forwardRef((_a, ref) => {
+    var { tooltip } = _a, rest = __rest(_a, ["tooltip"]);
+    const button = (react_1.default.createElement(button_1.Button, Object.assign({ ref: ref }, rest, { variant: "secondary", size: "small", "data-color": "neutral", iconPosition: "right" })));
+    return tooltip ? react_1.default.createElement(tooltip_1.Tooltip, { content: tooltip }, button) : button;
+});
+exports.DataToolbarButton = DataToolbarButton;
+exports.default = DataToolbarButton;
+//# sourceMappingURL=DataToolbarButton.js.map

package/cjs/data/toolbar/button/DataToolbarButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataToolbarButton.js","sourceRoot":"","sources":["../../../../src/data/toolbar/button/DataToolbarButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,4CAAsD;AACtD,8CAA2C;AAY3C,MAAM,iBAAiB,GAAG,eAAK,CAAC,UAAU,CAGxC,CAAC,EAAoB,EAAE,GAAG,EAAE,EAAE;QAA7B,EAAE,OAAO,OAAW,EAAN,IAAI,cAAlB,WAAoB,CAAF;IACnB,MAAM,MAAM,GAAG,CACb,8BAAC,eAAM,kBACL,GAAG,EAAE,GAAG,IACJ,IAAI,IACR,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,OAAO,gBACD,SAAS,EACpB,YAAY,EAAC,OAAO,IACpB,CACH,CAAC;IACF,OAAO,OAAO,CAAC,CAAC,CAAC,8BAAC,iBAAO,IAAC,OAAO,EAAE,OAAO,IAAG,MAAM,CAAW,CAAC,CAAC,CAAC,MAAM,CAAC;AAC1E,CAAC,CAAC,CAAC;AAEM,8CAAiB;AAC1B,kBAAe,iBAAiB,CAAC"}

package/cjs/data/toolbar/root/DataToolbarRoot.d.ts

@@ -1,4 +1,5 @@
 import React from "react";
+import DataToolbarButton, { DataToolbarButtonProps } from "../button/DataToolbarButton";
 import { DataToolbarSearchField, type DataToolbarSearchFieldProps } from "../search-field/DataToolbarSearchField";
 import DataToolbarToggleButton, { type DataToolbarToggleButtonProps } from "../toggle-button/DataToolbarToggleButton";
 interface DataToolbarProps extends React.HTMLAttributes<HTMLDivElement> {
@@ -15,6 +16,16 @@ interface DataToolbarRootComponent extends React.ForwardRefExoticComponent<DataT
      * ```
      */
     SearchField: typeof DataToolbarSearchField;
+    /**
+     * @see 🏷️ {@link DataToolbarButtonProps}
+     * @example
+     * ```tsx
+     * <DataToolbar>
+     *   <DataToolbar.Button />
+     * </DataToolbar>
+     * ```
+     */
+    Button: typeof DataToolbarButton;
     /**
      * @see 🏷️ {@link DataToolbarToggleButtonProps}
      * @example
@@ -27,6 +38,6 @@ interface DataToolbarRootComponent extends React.ForwardRefExoticComponent<DataT
     ToggleButton: typeof DataToolbarToggleButton;
 }
 declare const DataToolbar: DataToolbarRootComponent;
-export { DataToolbar, DataToolbarSearchField, DataToolbarToggleButton };
+export { DataToolbar, DataToolbarSearchField, DataToolbarButton, DataToolbarToggleButton, };
 export default DataToolbar;
-export type { DataToolbarProps, DataToolbarSearchFieldProps, DataToolbarToggleButtonProps, };
+export type { DataToolbarProps, DataToolbarSearchFieldProps, DataToolbarButtonProps, DataToolbarToggleButtonProps, };