@navikt/ds-react 5.6.4 → 5.7.0

package/cjs/table/ColumnHeader.js

@@ -38,14 +38,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ColumnHeader = void 0;
+const aksel_icons_1 = require("@navikt/aksel-icons");
 const react_1 = __importStar(require("react"));
-const Table_1 = require("./Table");
 const HeaderCell_1 = __importDefault(require("./HeaderCell"));
-const aksel_icons_1 = require("@navikt/aksel-icons");
+const context_1 = require("./context");
 exports.ColumnHeader = (0, react_1.forwardRef)((_a, ref) => {
     var _b, _c, _d, _e;
     var { className, children, sortable = false, sortKey } = _a, rest = __rest(_a, ["className", "children", "sortable", "sortKey"]);
-    const context = (0, react_1.useContext)(Table_1.TableContext);
+    const context = (0, react_1.useContext)(context_1.TableContext);
     if (sortable && !sortKey) {
         console.warn("ColumnHeader with `sortable=true` must have a sortKey.");
     }

package/cjs/table/DataCell.js

@@ -40,10 +40,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.DataCell = void 0;
 const react_1 = __importStar(require("react"));
 const clsx_1 = __importDefault(require("clsx"));
-const __1 = require("..");
+const typography_1 = require("../typography");
 exports.DataCell = (0, react_1.forwardRef)((_a, ref) => {
     var { className, children = "", align } = _a, rest = __rest(_a, ["className", "children", "align"]);
-    return (react_1.default.createElement(__1.BodyShort, Object.assign({ as: "td", ref: ref, className: (0, clsx_1.default)("navds-table__data-cell", className, {
+    return (react_1.default.createElement(typography_1.BodyShort, Object.assign({ as: "td", ref: ref, className: (0, clsx_1.default)("navds-table__data-cell", className, {
             [`navds-table__data-cell--align-${align}`]: align,
         }) }, rest), children));
 });

package/cjs/table/ExpandableRow.js

@@ -40,7 +40,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ExpandableRow = void 0;
 const clsx_1 = __importDefault(require("clsx"));
 const react_1 = __importStar(require("react"));
-const __1 = require("..");
+const util_1 = require("../util");
 const AnimateHeight_1 = __importDefault(require("../util/AnimateHeight"));
 const DataCell_1 = __importDefault(require("./DataCell"));
 const Row_1 = __importDefault(require("./Row"));
@@ -48,7 +48,7 @@ const aksel_icons_1 = require("@navikt/aksel-icons");
 exports.ExpandableRow = (0, react_1.forwardRef)((_a, ref) => {
     var { className, children, content, togglePlacement = "left", defaultOpen = false, open, onOpenChange, expansionDisabled = false, expandOnRowClick = false, colSpan = 999 } = _a, rest = __rest(_a, ["className", "children", "content", "togglePlacement", "defaultOpen", "open", "onOpenChange", "expansionDisabled", "expandOnRowClick", "colSpan"]);
     const [internalOpen, setInternalOpen] = (0, react_1.useState)(defaultOpen);
-    const id = (0, __1.useId)();
+    const id = (0, util_1.useId)();
     const isOpen = open !== null && open !== void 0 ? open : internalOpen;
     const expansionHandler = (e) => {
         onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(!isOpen);

package/cjs/table/Table.js

@@ -37,17 +37,17 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Table = exports.TableContext = void 0;
-const react_1 = __importStar(require("react"));
+exports.Table = void 0;
 const clsx_1 = __importDefault(require("clsx"));
-const Header_1 = __importDefault(require("./Header"));
+const react_1 = __importStar(require("react"));
 const Body_1 = __importDefault(require("./Body"));
-const Row_1 = __importDefault(require("./Row"));
 const ColumnHeader_1 = __importDefault(require("./ColumnHeader"));
-const HeaderCell_1 = __importDefault(require("./HeaderCell"));
 const DataCell_1 = __importDefault(require("./DataCell"));
 const ExpandableRow_1 = __importDefault(require("./ExpandableRow"));
-exports.TableContext = (0, react_1.createContext)(null);
+const Header_1 = __importDefault(require("./Header"));
+const HeaderCell_1 = __importDefault(require("./HeaderCell"));
+const Row_1 = __importDefault(require("./Row"));
+const context_1 = require("./context");
 /**
  * A component that displays a table with headers and rows.
  *
@@ -82,7 +82,7 @@ exports.TableContext = (0, react_1.createContext)(null);
  */
 exports.Table = (0, react_1.forwardRef)((_a, ref) => {
     var { className, zebraStripes = false, size = "medium", onSortChange, sort } = _a, rest = __rest(_a, ["className", "zebraStripes", "size", "onSortChange", "sort"]);
-    return (react_1.default.createElement(exports.TableContext.Provider, { value: { onSortChange, sort } },
+    return (react_1.default.createElement(context_1.TableContext.Provider, { value: { onSortChange, sort } },
         react_1.default.createElement("table", Object.assign({}, rest, { ref: ref, className: (0, clsx_1.default)("navds-table", `navds-table--${size}`, className, {
                 "navds-table--zebra-stripes": zebraStripes,
             }) }))));

package/cjs/table/context.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TableContext = void 0;
+const react_1 = require("react");
+exports.TableContext = (0, react_1.createContext)(null);

package/cjs/table/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/cjs/tabs/Tab.js

@@ -41,12 +41,12 @@ exports.Tab = void 0;
 const RadixTabs = __importStar(require("@radix-ui/react-tabs"));
 const clsx_1 = __importDefault(require("clsx"));
 const react_1 = __importStar(require("react"));
-const __1 = require("..");
-const Tabs_1 = require("./Tabs");
+const typography_1 = require("../typography");
+const context_1 = require("./context");
 exports.Tab = (0, react_1.forwardRef)((_a, ref) => {
     var _b;
     var { className, as: Component = "button", label, icon, value } = _a, rest = __rest(_a, ["className", "as", "label", "icon", "value"]);
-    const context = (0, react_1.useContext)(Tabs_1.TabsContext);
+    const context = (0, react_1.useContext)(context_1.TabsContext);
     if (!label && !icon) {
         console.error("<Tabs.Tab/> needs label/icon");
         return null;
@@ -55,7 +55,7 @@ exports.Tab = (0, react_1.forwardRef)((_a, ref) => {
         react_1.default.createElement(Component, Object.assign({ ref: ref, className: (0, clsx_1.default)("navds-tabs__tab", `navds-tabs__tab--${(_b = context === null || context === void 0 ? void 0 : context.size) !== null && _b !== void 0 ? _b : "medium"}`, `navds-tabs__tab-icon--${context === null || context === void 0 ? void 0 : context.iconPosition}`, className, {
                 "navds-tabs__tab--icon-only": icon && !label,
             }) }, rest),
-            react_1.default.createElement(__1.BodyShort, { as: "span", className: "navds-tabs__tab-inner", size: context === null || context === void 0 ? void 0 : context.size },
+            react_1.default.createElement(typography_1.BodyShort, { as: "span", className: "navds-tabs__tab-inner", size: context === null || context === void 0 ? void 0 : context.size },
                 icon,
                 label))));
 });

package/cjs/tabs/TabList.js

@@ -42,18 +42,18 @@ const aksel_icons_1 = require("@navikt/aksel-icons");
 const react_tabs_1 = require("@radix-ui/react-tabs");
 const clsx_1 = __importDefault(require("clsx"));
 const react_1 = __importStar(require("react"));
-const __1 = require("..");
-const Tabs_1 = require("./Tabs");
+const util_1 = require("../util");
+const context_1 = require("./context");
 exports.TabList = (0, react_1.forwardRef)((_a, ref) => {
     var { className } = _a, rest = __rest(_a, ["className"]);
-    const context = (0, react_1.useContext)(Tabs_1.TabsContext);
+    const context = (0, react_1.useContext)(context_1.TabsContext);
     const listRef = (0, react_1.useRef)(null);
-    const mergedRef = (0, react_1.useMemo)(() => (0, __1.mergeRefs)([listRef, ref]), [ref]);
+    const mergedRef = (0, react_1.useMemo)(() => (0, util_1.mergeRefs)([listRef, ref]), [ref]);
     const [displayScroll, setDisplayScroll] = (0, react_1.useState)({
         start: false,
         end: false,
     });
-    const updateScrollButtonState = (0, react_1.useMemo)(() => (0, __1.debounce)(() => {
+    const updateScrollButtonState = (0, react_1.useMemo)(() => (0, util_1.debounce)(() => {
         if (!(listRef === null || listRef === void 0 ? void 0 : listRef.current))
             return;
         const { scrollWidth, clientWidth } = listRef.current;

package/cjs/tabs/Tabs.js

@@ -37,14 +37,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Tabs = exports.TabsContext = void 0;
+exports.Tabs = void 0;
 const RadixTabs = __importStar(require("@radix-ui/react-tabs"));
 const clsx_1 = __importDefault(require("clsx"));
 const react_1 = __importStar(require("react"));
+const context_1 = require("./context");
 const Tab_1 = __importDefault(require("./Tab"));
 const TabList_1 = __importDefault(require("./TabList"));
 const TabPanel_1 = __importDefault(require("./TabPanel"));
-exports.TabsContext = (0, react_1.createContext)(null);
 /**
  * A component that displays a set of tabs that can be used to switch between different views.
  *
@@ -74,7 +74,7 @@ exports.TabsContext = (0, react_1.createContext)(null);
 exports.Tabs = (0, react_1.forwardRef)((_a, ref) => {
     var { className, children, onChange, size = "medium", selectionFollowsFocus = false, loop = false, iconPosition = "left" } = _a, rest = __rest(_a, ["className", "children", "onChange", "size", "selectionFollowsFocus", "loop", "iconPosition"]);
     return (react_1.default.createElement(RadixTabs.Root, Object.assign({}, rest, { ref: ref, className: (0, clsx_1.default)("navds-tabs", className, `navds-tabs--${size}`), activationMode: selectionFollowsFocus ? "automatic" : "manual", onValueChange: onChange }),
-        react_1.default.createElement(exports.TabsContext.Provider, { value: {
+        react_1.default.createElement(context_1.TabsContext.Provider, { value: {
                 size,
                 loop,
                 iconPosition,

package/cjs/tabs/context.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TabsContext = void 0;
+const react_1 = require("react");
+exports.TabsContext = (0, react_1.createContext)(null);

package/cjs/tag/Tag.js

@@ -40,7 +40,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Tag = void 0;
 const react_1 = __importStar(require("react"));
 const clsx_1 = __importDefault(require("clsx"));
-const __1 = require("..");
+const typography_1 = require("../typography");
 /**
  * A component that displays a small label with a text and a background color.
  *
@@ -54,6 +54,6 @@ const __1 = require("..");
  */
 exports.Tag = (0, react_1.forwardRef)((_a, ref) => {
     var { className, variant, size = "medium" } = _a, rest = __rest(_a, ["className", "variant", "size"]);
-    return (react_1.default.createElement(__1.BodyShort, Object.assign({}, rest, { ref: ref, as: "span", size: size === "medium" ? "medium" : "small", className: (0, clsx_1.default)("navds-tag", className, `navds-tag--${variant}`, `navds-tag--${size}`) })));
+    return (react_1.default.createElement(typography_1.BodyShort, Object.assign({}, rest, { ref: ref, as: "span", size: size === "medium" ? "medium" : "small", className: (0, clsx_1.default)("navds-tag", className, `navds-tag--${variant}`, `navds-tag--${size}`) })));
 });
 exports.default = exports.Tag;

package/cjs/timeline/period/NonClickablePeriod.js

@@ -3,9 +3,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+const clsx_1 = __importDefault(require("clsx"));
 const react_1 = __importDefault(require("react"));
 const period_1 = require("../utils/period");
-const clsx_1 = __importDefault(require("clsx"));
 const NonClickablePeriod = ({ start, end, status, cropped, direction, left, width, icon, statusLabel, restProps, periodRef, }) => {
     return (react_1.default.createElement("div", Object.assign({ ref: periodRef }, restProps, { className: (0, clsx_1.default)((0, period_1.getConditionalClasses)(cropped, direction, status), restProps === null || restProps === void 0 ? void 0 : restProps.className), style: {
             width: `${width}%`,

package/cjs/timeline/period/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/cjs/toggle-group/ToggleGroup.js

@@ -37,13 +37,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ToggleGroup = exports.ToggleGroupContext = void 0;
+exports.ToggleGroup = void 0;
 const RadixToggleGroup = __importStar(require("@radix-ui/react-toggle-group"));
 const clsx_1 = __importDefault(require("clsx"));
 const react_1 = __importStar(require("react"));
-const __1 = require("..");
+const typography_1 = require("../typography");
+const util_1 = require("../util");
+const context_1 = require("./context");
 const ToggleItem_1 = __importDefault(require("./ToggleItem"));
-exports.ToggleGroupContext = (0, react_1.createContext)(null);
 /**
  * A component that displays a group of toggle buttons.
  *
@@ -62,7 +63,7 @@ exports.ToggleGroupContext = (0, react_1.createContext)(null);
 exports.ToggleGroup = (0, react_1.forwardRef)((_a, ref) => {
     var { className, children, onChange, size = "medium", label, value, defaultValue, "aria-describedby": desc, variant = "action" } = _a, rest = __rest(_a, ["className", "children", "onChange", "size", "label", "value", "defaultValue", "aria-describedby", "variant"]);
     const [groupValue, setGroupValue] = (0, react_1.useState)(defaultValue);
-    const labelId = (0, __1.useId)();
+    const labelId = (0, util_1.useId)();
     const handleValueChange = (v) => {
         if (v !== "") {
             setGroupValue(v);
@@ -79,11 +80,11 @@ exports.ToggleGroup = (0, react_1.forwardRef)((_a, ref) => {
     if (!value && !defaultValue) {
         console.error("ToggleGroup needs either a value or defaultValue");
     }
-    return (react_1.default.createElement(exports.ToggleGroupContext.Provider, { value: {
+    return (react_1.default.createElement(context_1.ToggleGroupContext.Provider, { value: {
             size,
         } },
         react_1.default.createElement("div", { className: (0, clsx_1.default)("navds-toggle-group__wrapper", className) },
-            label && (react_1.default.createElement(__1.Label, { size: size, className: "navds-toggle-group__label", id: labelId }, label)),
+            label && (react_1.default.createElement(typography_1.Label, { size: size, className: "navds-toggle-group__label", id: labelId }, label)),
             react_1.default.createElement(RadixToggleGroup.Root, Object.assign({}, rest, { onValueChange: handleValueChange, value: value !== null && value !== void 0 ? value : groupValue, defaultValue: defaultValue, ref: ref, className: (0, clsx_1.default)("navds-toggle-group", `navds-toggle-group--${size}`, `navds-toggle-group--${variant}`) }, (describeBy && { "aria-describedby": describeBy }), { role: "radiogroup", type: "single" }), children))));
 });
 exports.ToggleGroup.Item = ToggleItem_1.default;

package/cjs/toggle-group/ToggleItem.js

@@ -37,14 +37,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importStar(require("react"));
+const RadixToggleGroup = __importStar(require("@radix-ui/react-toggle-group"));
 const clsx_1 = __importDefault(require("clsx"));
+const react_1 = __importStar(require("react"));
 const BodyShort_1 = require("../typography/BodyShort");
-const RadixToggleGroup = __importStar(require("@radix-ui/react-toggle-group"));
-const ToggleGroup_1 = require("./ToggleGroup");
+const context_1 = require("./context");
 const ToggleItem = (0, react_1.forwardRef)((_a, ref) => {
     var { className, children } = _a, rest = __rest(_a, ["className", "children"]);
-    const context = (0, react_1.useContext)(ToggleGroup_1.ToggleGroupContext);
+    const context = (0, react_1.useContext)(context_1.ToggleGroupContext);
     return (react_1.default.createElement(RadixToggleGroup.Item, Object.assign({}, rest, { ref: ref, className: (0, clsx_1.default)("navds-toggle-group__button", className) }),
         react_1.default.createElement(BodyShort_1.BodyShort, { as: "span", className: "navds-toggle-group__button-inner", size: context === null || context === void 0 ? void 0 : context.size }, children)));
 });

package/cjs/toggle-group/context.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ToggleGroupContext = void 0;
+const react_1 = require("react");
+exports.ToggleGroupContext = (0, react_1.createContext)(null);

package/cjs/tooltip/Tooltip.js

@@ -41,8 +41,9 @@ exports.Tooltip = void 0;
 const react_1 = require("@floating-ui/react");
 const clsx_1 = __importDefault(require("clsx"));
 const react_2 = __importStar(require("react"));
-const __1 = require("..");
+const typography_1 = require("../typography");
 const util_1 = require("../util");
+const provider_1 = require("../provider");
 /**
  * A component that displays a tooltip when the user hovers over its child element.
  *
@@ -61,7 +62,7 @@ exports.Tooltip = (0, react_2.forwardRef)((_a, ref) => {
     var { children, className, arrow: _arrow = true, placement: _placement = "top", open: userOpen, defaultOpen = false, offset: _offset, content, delay = 150, id, keys, maxChar = 80 } = _a, rest = __rest(_a, ["children", "className", "arrow", "placement", "open", "defaultOpen", "offset", "content", "delay", "id", "keys", "maxChar"]);
     const [open, setOpen] = (0, react_2.useState)(defaultOpen);
     const arrowRef = (0, react_2.useRef)(null);
-    const rootElement = (_b = (0, __1.useProvider)()) === null || _b === void 0 ? void 0 : _b.rootElement;
+    const rootElement = (_b = (0, provider_1.useProvider)()) === null || _b === void 0 ? void 0 : _b.rootElement;
     const { x, y, strategy, context, placement, middlewareData: { arrow: { x: arrowX, y: arrowY } = {}, hide: { referenceHidden } = {}, }, refs, } = (0, react_1.useFloating)({
         placement: _placement,
         open: userOpen !== null && userOpen !== void 0 ? userOpen : open,
@@ -103,7 +104,7 @@ exports.Tooltip = (0, react_2.forwardRef)((_a, ref) => {
                 visibility: referenceHidden ? "hidden" : "visible",
             }, role: "tooltip", id: ariaId, className: (0, clsx_1.default)("navds-tooltip", "navds-detail navds-detail--small", className) })), { "data-side": placement }),
             content,
-            keys && (react_2.default.createElement("span", { className: "navds-tooltip__keys" }, keys.map((key) => (react_2.default.createElement(__1.Detail, { size: "small", as: "kbd", key: key, className: "navds-tooltip__key" }, key))))),
+            keys && (react_2.default.createElement("span", { className: "navds-tooltip__keys" }, keys.map((key) => (react_2.default.createElement(typography_1.Detail, { size: "small", as: "kbd", key: key, className: "navds-tooltip__key" }, key))))),
             _arrow && (react_2.default.createElement("div", { ref: (node) => {
                     arrowRef.current = node;
                 }, className: "navds-tooltip__arrow", style: {

package/cjs/util/TextareaAutoSize.js

@@ -40,7 +40,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 /* https://github.com/mui/material-ui/blob/master/packages/mui-base/src/TextareaAutosize/TextareaAutosize.js */
 const react_1 = __importStar(require("react"));
 const react_dom_1 = __importDefault(require("react-dom"));
-const __1 = require("..");
+const util_1 = require("../util");
 /**
  * https://github.com/mui/material-ui/blob/master/packages/mui-utils/src/ownerDocument.ts
  * https://github.com/mui/material-ui/blob/master/packages/mui-utils/src/ownerWindow.ts
@@ -56,7 +56,7 @@ const TextareaAutosize = (0, react_1.forwardRef)((_a, ref) => {
     var { className, onChange, maxRows, minRows = 1, style, value } = _a, other = __rest(_a, ["className", "onChange", "maxRows", "minRows", "style", "value"]);
     const { current: isControlled } = (0, react_1.useRef)(value != null);
     const inputRef = (0, react_1.useRef)(null);
-    const handleRef = (0, react_1.useMemo)(() => (0, __1.mergeRefs)([inputRef, ref]), [ref]);
+    const handleRef = (0, react_1.useMemo)(() => (0, util_1.mergeRefs)([inputRef, ref]), [ref]);
     const shadowRef = (0, react_1.useRef)(null);
     const renders = (0, react_1.useRef)(0);
     const [state, setState] = (0, react_1.useState)({});
@@ -151,7 +151,7 @@ const TextareaAutosize = (0, react_1.forwardRef)((_a, ref) => {
         });
     };
     react_1.default.useEffect(() => {
-        const handleResize = (0, __1.debounce)(() => {
+        const handleResize = (0, util_1.debounce)(() => {
             renders.current = 0;
             if (inputRef.current) {
                 withFlushSync();
@@ -173,7 +173,7 @@ const TextareaAutosize = (0, react_1.forwardRef)((_a, ref) => {
             }
         };
     });
-    (0, __1.useClientLayoutEffect)(() => {
+    (0, util_1.useClientLayoutEffect)(() => {
         syncHeight();
     });
     (0, react_1.useEffect)(() => {

package/cjs/util/index.js

@@ -17,44 +17,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.composeEventHandlers = exports.useEventListener = exports.omit = exports.useClientLayoutEffect = exports.debounce = exports.mergeRefs = void 0;
-const react_1 = require("react");
+exports.mergeRefs = exports.debounce = void 0;
 __exportStar(require("./OverridableComponent"), exports);
-__exportStar(require("./useId"), exports);
-var mergeRefs_1 = require("./mergeRefs");
-Object.defineProperty(exports, "mergeRefs", { enumerable: true, get: function () { return __importDefault(mergeRefs_1).default; } });
 var debounce_1 = require("./debounce");
 Object.defineProperty(exports, "debounce", { enumerable: true, get: function () { return __importDefault(debounce_1).default; } });
-const canUseDOM = () => {
-    return (typeof window !== "undefined" &&
-        typeof window.document !== "undefined" &&
-        typeof window.document.createElement !== "undefined");
-};
-exports.useClientLayoutEffect = canUseDOM() ? react_1.useLayoutEffect : () => { };
-const omit = (obj, props) => Object.entries(obj)
-    .filter(([key]) => !props.includes(key))
-    .reduce((obj, [key, value]) => (Object.assign(Object.assign({}, obj), { [key]: value })), {});
-exports.omit = omit;
-/* https://github.com/streamich/react-use/blob/master/src/useEvent.ts */
-const useEventListener = (name, handler, target = typeof window !== "undefined" ? window : null) => {
-    (0, react_1.useEffect)(() => {
-        if (!target) {
-            return;
-        }
-        target === null || target === void 0 ? void 0 : target.addEventListener(name, handler);
-        return () => {
-            target === null || target === void 0 ? void 0 : target.removeEventListener(name, handler);
-        };
-    }, [name, handler, target]);
-};
-exports.useEventListener = useEventListener;
-/* https://github.com/radix-ui/primitives/blob/main/packages/core/primitive/src/primitive.tsx */
-const composeEventHandlers = (originalEventHandler, ourEventHandler) => {
-    return function handleEvent(event) {
-        originalEventHandler === null || originalEventHandler === void 0 ? void 0 : originalEventHandler(event);
-        if (!event.defaultPrevented) {
-            return ourEventHandler === null || ourEventHandler === void 0 ? void 0 : ourEventHandler(event);
-        }
-    };
-};
-exports.composeEventHandlers = composeEventHandlers;
+var mergeRefs_1 = require("./mergeRefs");
+Object.defineProperty(exports, "mergeRefs", { enumerable: true, get: function () { return __importDefault(mergeRefs_1).default; } });
+__exportStar(require("./omit"), exports);
+__exportStar(require("./useClientLayoutEffect"), exports);
+__exportStar(require("./useEventListener"), exports);
+__exportStar(require("./useId"), exports);

package/cjs/util/omit.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.omit = void 0;
+const omit = (obj, props) => Object.entries(obj)
+    .filter(([key]) => !props.includes(key))
+    .reduce((obj, [key, value]) => (Object.assign(Object.assign({}, obj), { [key]: value })), {});
+exports.omit = omit;

package/cjs/util/useClientLayoutEffect.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useClientLayoutEffect = void 0;
+const react_1 = require("react");
+const canUseDOM = () => {
+    return (typeof window !== "undefined" &&
+        typeof window.document !== "undefined" &&
+        typeof window.document.createElement !== "undefined");
+};
+exports.useClientLayoutEffect = canUseDOM() ? react_1.useLayoutEffect : () => { };

package/cjs/util/useEventListener.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useEventListener = void 0;
+const react_1 = require("react");
+/* https://github.com/streamich/react-use/blob/master/src/useEvent.ts */
+const useEventListener = (name, handler, target = typeof window !== "undefined" ? window : null) => {
+    (0, react_1.useEffect)(() => {
+        if (!target) {
+            return;
+        }
+        target === null || target === void 0 ? void 0 : target.addEventListener(name, handler);
+        return () => {
+            target === null || target === void 0 ? void 0 : target.removeEventListener(name, handler);
+        };
+    }, [name, handler, target]);
+};
+exports.useEventListener = useEventListener;

package/esm/accordion/AccordionContent.js

@@ -11,7 +11,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import cl from "clsx";
 import React, { forwardRef, useContext } from "react";
-import { BodyLong } from "../typography/BodyLong";
+import { BodyLong } from "../typography";
 import { AccordionItemContext } from "./AccordionItem";
 const AccordionContent = forwardRef((_a, ref) => {
     var { children, className } = _a, rest = __rest(_a, ["children", "className"]);

package/esm/accordion/AccordionContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionContent.js","sourceRoot":"","sources":["../../src/accordion/AccordionContent.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,MAAM,MAAM,CAAC;AACtB,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAClD,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,IAAI,OAAO,KAAK,IAAI,EAAE;QACpB,OAAO,CAAC,KAAK,CACX,+DAA+D,CAChE,CAAC;QACF,OAAO,IAAI,CAAC;KACb;IAED,OAAO,CACL,oBAAC,QAAQ,oBACH,IAAI,IACR,EAAE,EAAC,KAAK,EACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,0BAA0B,EAC1B;YACE,kCAAkC,EAAE,CAAC,OAAO,CAAC,IAAI;SAClD,EACD,SAAS,CACV,iBAEC,CAAC,OAAO,CAAC,IAAI,IAAI,SAAS,KAG3B,QAAQ,CACA,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,EAAE,MAAM,MAAM,CAAC;AACtB,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACtD,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,IAAI,OAAO,KAAK,IAAI,EAAE;QACpB,OAAO,CAAC,KAAK,CACX,+DAA+D,CAChE,CAAC;QACF,OAAO,IAAI,CAAC;KACb;IAED,OAAO,CACL,oBAAC,QAAQ,oBACH,IAAI,IACR,EAAE,EAAC,KAAK,EACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,0BAA0B,EAC1B;YACE,kCAAkC,EAAE,CAAC,OAAO,CAAC,IAAI;SAClD,EACD,SAAS,CACV,iBAEC,CAAC,OAAO,CAAC,IAAI,IAAI,SAAS,KAG3B,QAAQ,CACA,CACZ,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/esm/accordion/AccordionHeader.js

@@ -11,7 +11,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import cl from "clsx";
 import React, { forwardRef, useContext } from "react";
-import { Heading } from "../typography/Heading";
+import { Heading } from "../typography";
 import { AccordionContext } from "./AccordionContext";
 import { AccordionItemContext } from "./AccordionItem";
 import { ChevronDownIcon } from "@navikt/aksel-icons";

package/esm/accordion/AccordionHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionHeader.js","sourceRoot":"","sources":["../../src/accordion/AccordionHeader.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,MAAM,MAAM,CAAC;AACtB,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAChD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AACvD,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAUtD,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;QACxB,OAAO,CAAC,KAAK,CACX,2GAA2G,CAC5G,CAAC;QACF,OAAO,IAAI,CAAC;KACb;IAED,OAAO,CACL,8CACE,GAAG,EAAE,GAAG,IACJ,IAAI,IACR,SAAS,EAAE,EAAE,CAAC,yBAAyB,EAAE,SAAS,CAAC,EACnD,OAAO,EAAE,CAAC,CAAkD,EAAE,EAAE;YAC9D,WAAW,CAAC,UAAU,EAAE,CAAC;YACzB,OAAO,IAAI,OAAO,CAAC,CAAC,CAAC,CAAC;QACxB,CAAC,mBACc,WAAW,CAAC,IAAI,EAC/B,IAAI,EAAC,QAAQ;QAEb,6BAAK,SAAS,EAAC,+BAA+B;YAC5C,oBAAC,eAAe,IACd,SAAS,EAAC,iCAAiC,EAC3C,KAAK,EAAC,SAAS,wBAEf,CACE;QACN,oBAAC,OAAO,IACN,IAAI,EAAE,MAAA,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,WAAW,mCAAI,OAAO,EAC9C,EAAE,EAAC,MAAM,EACT,SAAS,EAAC,iCAAiC,IAE1C,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,EAAE,MAAM,MAAM,CAAC;AACtB,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACxC,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AACvD,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAUtD,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;QACxB,OAAO,CAAC,KAAK,CACX,2GAA2G,CAC5G,CAAC;QACF,OAAO,IAAI,CAAC;KACb;IAED,OAAO,CACL,8CACE,GAAG,EAAE,GAAG,IACJ,IAAI,IACR,SAAS,EAAE,EAAE,CAAC,yBAAyB,EAAE,SAAS,CAAC,EACnD,OAAO,EAAE,CAAC,CAAkD,EAAE,EAAE;YAC9D,WAAW,CAAC,UAAU,EAAE,CAAC;YACzB,OAAO,IAAI,OAAO,CAAC,CAAC,CAAC,CAAC;QACxB,CAAC,mBACc,WAAW,CAAC,IAAI,EAC/B,IAAI,EAAC,QAAQ;QAEb,6BAAK,SAAS,EAAC,+BAA+B;YAC5C,oBAAC,eAAe,IACd,SAAS,EAAC,iCAAiC,EAC3C,KAAK,EAAC,SAAS,wBAEf,CACE;QACN,oBAAC,OAAO,IACN,IAAI,EAAE,MAAA,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,WAAW,mCAAI,OAAO,EAC9C,EAAE,EAAC,MAAM,EACT,SAAS,EAAC,iCAAiC,IAE1C,QAAQ,CACD,CACH,CACV,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/esm/alert/Alert.js

@@ -12,7 +12,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 import { InformationSquareFillIcon, CheckmarkCircleFillIcon, ExclamationmarkTriangleFillIcon, XMarkOctagonFillIcon, XMarkIcon, } from "@navikt/aksel-icons";
 import cl from "clsx";
 import React, { forwardRef } from "react";
-import { BodyLong } from "../typography/BodyLong";
+import { BodyLong } from "../typography";
 import { Button } from "../button";
 const Icon = (_a) => {
     var { variant } = _a, props = __rest(_a, ["variant"]);

package/esm/alert/Alert.js.map

@@ -1 +1 @@
-{"version":3,"file":"Alert.js","sourceRoot":"","sources":["../../src/alert/Alert.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EACL,yBAAyB,EACzB,uBAAuB,EACvB,+BAA+B,EAC/B,oBAAoB,EACpB,SAAS,GACV,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,MAAM,MAAM,CAAC;AACtB,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAClD,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAuCnC,MAAM,IAAI,GAAG,CAAC,EAAqB,EAAE,EAAE;QAAzB,EAAE,OAAO,OAAY,EAAP,KAAK,cAAnB,WAAqB,CAAF;IAC/B,QAAQ,OAAO,EAAE;QACf,KAAK,OAAO;YACV,OAAO,oBAAC,oBAAoB,kBAAC,KAAK,EAAC,MAAM,IAAK,KAAK,EAAI,CAAC;QAC1D,KAAK,SAAS;YACZ,OAAO,oBAAC,+BAA+B,kBAAC,KAAK,EAAC,UAAU,IAAK,KAAK,EAAI,CAAC;QACzE,KAAK,MAAM;YACT,OAAO,oBAAC,yBAAyB,kBAAC,KAAK,EAAC,aAAa,IAAK,KAAK,EAAI,CAAC;QACtE,KAAK,SAAS;YACZ,OAAO,oBAAC,uBAAuB,kBAAC,KAAK,EAAC,SAAS,IAAK,KAAK,EAAI,CAAC;QAChE;YACE,OAAO,IAAI,CAAC;KACf;AACH,CAAC,CAAC;AAMF;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,KAAK,GAAG,UAAU,CAC7B,CACE,EAUC,EACD,GAAG,EACH,EAAE;QAZF,EACE,QAAQ,EACR,SAAS,EACT,OAAO,EACP,IAAI,GAAG,QAAQ,EACf,SAAS,GAAG,KAAK,EACjB,MAAM,GAAG,KAAK,EACd,WAAW,GAAG,KAAK,EACnB,OAAO,OAER,EADI,IAAI,cATT,6FAUC,CADQ;IAIT,OAAO,CACL,6CACM,IAAI,IACR,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,OAAO,EAAE,OAAO,EAAE,SAAS,EAAC,mBAAmB,GAAG;QACxD,oBAAC,QAAQ,IAAC,EAAE,EAAC,KAAK,EAAC,IAAI,EAAE,IAAI,EAAE,SAAS,EAAC,sBAAsB,IAC5D,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,EAAE,oBAAC,SAAS,IAAC,KAAK,EAAC,YAAY,GAAG,GACtC,CACE,CACP,CACG,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,KAAK,CAAC"}
+{"version":3,"file":"Alert.js","sourceRoot":"","sources":["../../src/alert/Alert.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EACL,yBAAyB,EACzB,uBAAuB,EACvB,+BAA+B,EAC/B,oBAAoB,EACpB,SAAS,GACV,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,MAAM,MAAM,CAAC;AACtB,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAuCnC,MAAM,IAAI,GAAG,CAAC,EAAqB,EAAE,EAAE;QAAzB,EAAE,OAAO,OAAY,EAAP,KAAK,cAAnB,WAAqB,CAAF;IAC/B,QAAQ,OAAO,EAAE;QACf,KAAK,OAAO;YACV,OAAO,oBAAC,oBAAoB,kBAAC,KAAK,EAAC,MAAM,IAAK,KAAK,EAAI,CAAC;QAC1D,KAAK,SAAS;YACZ,OAAO,oBAAC,+BAA+B,kBAAC,KAAK,EAAC,UAAU,IAAK,KAAK,EAAI,CAAC;QACzE,KAAK,MAAM;YACT,OAAO,oBAAC,yBAAyB,kBAAC,KAAK,EAAC,aAAa,IAAK,KAAK,EAAI,CAAC;QACtE,KAAK,SAAS;YACZ,OAAO,oBAAC,uBAAuB,kBAAC,KAAK,EAAC,SAAS,IAAK,KAAK,EAAI,CAAC;QAChE;YACE,OAAO,IAAI,CAAC;KACf;AACH,CAAC,CAAC;AAMF;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,KAAK,GAAG,UAAU,CAC7B,CACE,EAUC,EACD,GAAG,EACH,EAAE;QAZF,EACE,QAAQ,EACR,SAAS,EACT,OAAO,EACP,IAAI,GAAG,QAAQ,EACf,SAAS,GAAG,KAAK,EACjB,MAAM,GAAG,KAAK,EACd,WAAW,GAAG,KAAK,EACnB,OAAO,OAER,EADI,IAAI,cATT,6FAUC,CADQ;IAIT,OAAO,CACL,6CACM,IAAI,IACR,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,OAAO,EAAE,OAAO,EAAE,SAAS,EAAC,mBAAmB,GAAG;QACxD,oBAAC,QAAQ,IAAC,EAAE,EAAC,KAAK,EAAC,IAAI,EAAE,IAAI,EAAE,SAAS,EAAC,sBAAsB,IAC5D,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,EAAE,oBAAC,SAAS,IAAC,KAAK,EAAC,YAAY,GAAG,GACtC,CACE,CACP,CACG,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/esm/button/Button.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { OverridableComponent } from "../";
+import { OverridableComponent } from "../util";
 export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
     /**
      * Button content

package/esm/button/Button.js

@@ -9,10 +9,11 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import React, { useRef, useState, forwardRef, useMemo } from "react";
 import cl from "clsx";
-import { Loader, mergeRefs, Label } from "../";
-import { omit, useClientLayoutEffect } from "../util";
+import React, { forwardRef, useMemo, useRef, useState } from "react";
+import { Loader } from "../loader";
+import { Label } from "../typography";
+import { mergeRefs, omit, useClientLayoutEffect, } from "../util";
 /**
  * A button component
  * @see [📝 Documentation](https://aksel.nav.no/komponenter/core/button)

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/chips/Chips.d.ts

@@ -1,7 +1,7 @@
 import React, { HTMLAttributes } from "react";
 import { ToggleChipsProps } from "./Toggle";
 import { RemovableChipsProps } from "./Removable";
-import { OverridableComponent } from "../util/OverridableComponent";
+import { OverridableComponent } from "../util";
 export interface ChipsProps extends HTMLAttributes<HTMLUListElement> {
     children: React.ReactNode;
     /**

package/esm/chips/Toggle.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { OverridableComponent } from "../util/OverridableComponent";
+import { OverridableComponent } from "../util";
 export interface ToggleChipsProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
     children: string;
     /**

package/esm/copybutton/CopyButton.d.ts

@@ -1,8 +1,8 @@
 import React, { ButtonHTMLAttributes } from "react";
 export interface CopyButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, "children"> {
     /**
+     * 'xsmall' should only be used in tables
      * @default "medium"
-     * xsmall should only be used in tables/
      */
     size?: "medium" | "small" | "xsmall";
     /**
@@ -18,12 +18,12 @@ export interface CopyButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonEle
      */
     text?: string;
     /**
-     * Text shown when button is clicked
-     * Only set if used with 'text'-prop
+     * Text shown when button is clicked.
+     * Only set if used with `text`-prop.
      */
     activeText?: string;
     /**
-     *  Callback when 'copied'-state is active
+     * Callback when 'copied'-state is active
      */
     onActiveChange?: (state: boolean) => void;
     /**
@@ -42,17 +42,17 @@ export interface CopyButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonEle
      */
     activeDuration?: number;
     /**
-     * * accessible label for icon (ignored if text is set)
+     * Accessible label for icon (ignored if text is set)
      * @default 'Kopier'
      */
     title?: string;
     /**
-     * accessible label for icon in active-state (ignored if text is set)
+     * Accessible label for icon in active-state (ignored if text is set)
      * @default 'Kopiert'
      */
     activeTitle?: string;
     /**
-     * Icon position in Button
+     * Icon position in button
      * @default "left"
      */
     iconPosition?: "left" | "right";