@navikt/ds-react 7.29.0 → 7.30.0

package/esm/form/form-summary/FormSummaryHeader.js

@@ -11,10 +11,12 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import React, { forwardRef } from "react";
 import { useRenameCSS } from "../../theme/Theme.js";
+import { CompositionWarning } from "../../util/composition-warning/index.js";
 export const FormSummaryHeader = forwardRef((_a, ref) => {
     var { children, className } = _a, rest = __rest(_a, ["children", "className"]);
     const { cn } = useRenameCSS();
-    return (React.createElement("header", Object.assign({ ref: ref }, rest, { className: cn("navds-form-summary__header", className) }), children));
+    return (React.createElement(CompositionWarning.Root, { name: "FormSummary.Header" },
+        React.createElement("div", Object.assign({ ref: ref }, rest, { className: cn("navds-form-summary__header", className) }), children)));
 });
 export default FormSummaryHeader;
 //# sourceMappingURL=FormSummaryHeader.js.map

package/esm/form/form-summary/FormSummaryHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormSummaryHeader.js","sourceRoot":"","sources":["../../../src/form/form-summary/FormSummaryHeader.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAUjD,MAAM,CAAC,MAAM,iBAAiB,GAAG,UAAU,CAGzC,CAAC,EAAgC,EAAE,GAAG,EAAE,EAAE;QAAzC,EAAE,QAAQ,EAAE,SAAS,OAAW,EAAN,IAAI,cAA9B,yBAAgC,CAAF;IAC/B,MAAM,EAAE,EAAE,EAAE,GAAG,YAAY,EAAE,CAAC;IAE9B,OAAO,CACL,8CACE,GAAG,EAAE,GAAG,IACJ,IAAI,IACR,SAAS,EAAE,EAAE,CAAC,4BAA4B,EAAE,SAAS,CAAC,KAErD,QAAQ,CACF,CACV,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"FormSummaryHeader.js","sourceRoot":"","sources":["../../../src/form/form-summary/FormSummaryHeader.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AAUpE,MAAM,CAAC,MAAM,iBAAiB,GAAG,UAAU,CAGzC,CAAC,EAAwD,EAAE,GAAG,EAAE,EAAE;QAAjE,EAAE,QAAQ,EAAE,SAAS,OAAmC,EAA9B,IAAI,cAA9B,yBAAgC,CAAF;IAC/B,MAAM,EAAE,EAAE,EAAE,GAAG,YAAY,EAAE,CAAC;IAE9B,OAAO,CACL,oBAAC,kBAAkB,CAAC,IAAI,IAAC,IAAI,EAAC,oBAAoB;QAChD,2CACE,GAAG,EAAE,GAAG,IACJ,IAAI,IACR,SAAS,EAAE,EAAE,CAAC,4BAA4B,EAAE,SAAS,CAAC,KAErD,QAAQ,CACL,CACkB,CAC3B,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,eAAe,iBAAiB,CAAC"}

package/esm/form/form-summary/index.d.ts

@@ -2,6 +2,7 @@ export { default as FormSummary, type FormSummaryProps } from "./FormSummary.js"
 export { default as FormSummaryAnswer, type FormSummaryAnswerProps, } from "./FormSummaryAnswer.js";
 export { default as FormSummaryAnswers, type FormSummaryAnswersProps, } from "./FormSummaryAnswers.js";
 export { default as FormSummaryEditLink, type FormSummaryEditProps, } from "./FormSummaryEditLink.js";
+export { default as FormSummaryFooter, type FormSummaryFooterProps, } from "./FormSummaryFooter.js";
 export { default as FormSummaryHeader, type FormSummaryHeaderProps, } from "./FormSummaryHeader.js";
 export { default as FormSummaryHeading, type FormSummaryHeadingProps, } from "./FormSummaryHeading.js";
 export { default as FormSummaryLabel, type FormSummaryLabelProps, } from "./FormSummaryLabel.js";

package/esm/form/form-summary/index.js

@@ -3,6 +3,7 @@ export { default as FormSummary } from "./FormSummary.js";
 export { default as FormSummaryAnswer, } from "./FormSummaryAnswer.js";
 export { default as FormSummaryAnswers, } from "./FormSummaryAnswers.js";
 export { default as FormSummaryEditLink, } from "./FormSummaryEditLink.js";
+export { default as FormSummaryFooter, } from "./FormSummaryFooter.js";
 export { default as FormSummaryHeader, } from "./FormSummaryHeader.js";
 export { default as FormSummaryHeading, } from "./FormSummaryHeading.js";
 export { default as FormSummaryLabel, } from "./FormSummaryLabel.js";

package/esm/form/form-summary/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/form/form-summary/index.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AACb,OAAO,EAAE,OAAO,IAAI,WAAW,EAAyB,MAAM,eAAe,CAAC;AAC9E,OAAO,EACL,OAAO,IAAI,iBAAiB,GAE7B,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EACL,OAAO,IAAI,kBAAkB,GAE9B,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EACL,OAAO,IAAI,mBAAmB,GAE/B,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EACL,OAAO,IAAI,iBAAiB,GAE7B,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EACL,OAAO,IAAI,kBAAkB,GAE9B,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EACL,OAAO,IAAI,gBAAgB,GAE5B,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EACL,OAAO,IAAI,gBAAgB,GAE5B,MAAM,oBAAoB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/form/form-summary/index.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AACb,OAAO,EAAE,OAAO,IAAI,WAAW,EAAyB,MAAM,eAAe,CAAC;AAC9E,OAAO,EACL,OAAO,IAAI,iBAAiB,GAE7B,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EACL,OAAO,IAAI,kBAAkB,GAE9B,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EACL,OAAO,IAAI,mBAAmB,GAE/B,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EACL,OAAO,IAAI,iBAAiB,GAE7B,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EACL,OAAO,IAAI,iBAAiB,GAE7B,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EACL,OAAO,IAAI,kBAAkB,GAE9B,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EACL,OAAO,IAAI,gBAAgB,GAE5B,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EACL,OAAO,IAAI,gBAAgB,GAE5B,MAAM,oBAAoB,CAAC"}

package/esm/list/List.Item.js

@@ -27,7 +27,7 @@ export const ListItem = forwardRef((_a, ref) => {
         listType === "ul" && (React.createElement("div", { className: cn("navds-list__item-marker", {
                 "navds-list__item-marker--icon": icon,
                 "navds-list__item-marker--bullet": !icon,
-            }) }, icon ? (icon) : (React.createElement("svg", { width: "0.375rem", height: "0.375rem", viewBox: "0 0 6 6", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": true, focusable: false, role: "img" },
+            }) }, icon ? (icon) : (React.createElement("svg", { viewBox: "0 0 6 6", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": true, focusable: false, role: "img" },
             React.createElement("rect", { width: "6", height: "6", rx: "3", fill: "currentColor" }))))),
         React.createElement("div", null,
             title && (React.createElement(BodyLong, { as: "p", size: size, weight: "semibold" }, title)),

package/esm/list/List.Item.js.map

@@ -1 +1 @@
-{"version":3,"file":"List.Item.js","sourceRoot":"","sources":["../../src/list/List.Item.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAG7C;;GAEG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG,UAAU,CAChC,CAAC,EAA6C,EAAE,GAAG,EAAE,EAAE;QAAtD,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,IAAI,OAAW,EAAN,IAAI,cAA3C,0CAA6C,CAAF;IAC1C,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,GAAG,UAAU,CAAC,WAAW,CAAC,CAAC;IACnD,MAAM,EAAE,EAAE,EAAE,GAAG,YAAY,EAAE,CAAC;IAE9B,IAAI,QAAQ,KAAK,IAAI,IAAI,IAAI,EAAE,CAAC;QAC9B,OAAO,CAAC,IAAI,CACV,sFAAsF,CACvF,CAAC;IACJ,CAAC;IAED,OAAO,CACL,4CAAQ,IAAI,IAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,kBAAkB,EAAE,SAAS,CAAC;QACjE,QAAQ,KAAK,IAAI,IAAI,CACpB,6BACE,SAAS,EAAE,EAAE,CAAC,yBAAyB,EAAE;gBACvC,+BAA+B,EAAE,IAAI;gBACrC,iCAAiC,EAAE,CAAC,IAAI;aACzC,CAAC,IAED,IAAI,CAAC,CAAC,CAAC,CACN,IAAI,CACL,CAAC,CAAC,CAAC,CACF,6BACE,KAAK,EAAC,UAAU,EAChB,MAAM,EAAC,UAAU,EACjB,OAAO,EAAC,SAAS,EACjB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,uBAElC,SAAS,EAAE,KAAK,EAChB,IAAI,EAAC,KAAK;YAEV,8BAAM,KAAK,EAAC,GAAG,EAAC,MAAM,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,IAAI,EAAC,cAAc,GAAG,CACpD,CACP,CACG,CACP;QAED;YACG,KAAK,IAAI,CACR,oBAAC,QAAQ,IAAC,EAAE,EAAC,GAAG,EAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAC,UAAU,IAC3C,KAAK,CACG,CACZ;YACA,QAAQ,CACL,CACH,CACN,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,QAAQ,CAAC,WAAW,GAAG,WAAW,CAAC;AACnC,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"List.Item.js","sourceRoot":"","sources":["../../src/list/List.Item.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAG7C;;GAEG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG,UAAU,CAChC,CAAC,EAA6C,EAAE,GAAG,EAAE,EAAE;QAAtD,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,IAAI,OAAW,EAAN,IAAI,cAA3C,0CAA6C,CAAF;IAC1C,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,GAAG,UAAU,CAAC,WAAW,CAAC,CAAC;IACnD,MAAM,EAAE,EAAE,EAAE,GAAG,YAAY,EAAE,CAAC;IAE9B,IAAI,QAAQ,KAAK,IAAI,IAAI,IAAI,EAAE,CAAC;QAC9B,OAAO,CAAC,IAAI,CACV,sFAAsF,CACvF,CAAC;IACJ,CAAC;IAED,OAAO,CACL,4CAAQ,IAAI,IAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,kBAAkB,EAAE,SAAS,CAAC;QACjE,QAAQ,KAAK,IAAI,IAAI,CACpB,6BACE,SAAS,EAAE,EAAE,CAAC,yBAAyB,EAAE;gBACvC,+BAA+B,EAAE,IAAI;gBACrC,iCAAiC,EAAE,CAAC,IAAI;aACzC,CAAC,IAED,IAAI,CAAC,CAAC,CAAC,CACN,IAAI,CACL,CAAC,CAAC,CAAC,CACF,6BACE,OAAO,EAAC,SAAS,EACjB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,uBAElC,SAAS,EAAE,KAAK,EAChB,IAAI,EAAC,KAAK;YAEV,8BAAM,KAAK,EAAC,GAAG,EAAC,MAAM,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,IAAI,EAAC,cAAc,GAAG,CACpD,CACP,CACG,CACP;QAED;YACG,KAAK,IAAI,CACR,oBAAC,QAAQ,IAAC,EAAE,EAAC,GAAG,EAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAC,UAAU,IAC3C,KAAK,CACG,CACZ;YACA,QAAQ,CACL,CACH,CACN,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,QAAQ,CAAC,WAAW,GAAG,WAAW,CAAC;AACnC,eAAe,QAAQ,CAAC"}

package/esm/overlays/floating-menu/parts/FocusScope.d.ts

@@ -1,4 +1,4 @@
-import * as React from "react";
+import React from "react";
 interface FocusScopeProps extends React.HTMLAttributes<HTMLDivElement> {
     /**
      * Event handler called on mount, unless the component already has focus. Used for auto-focusing.

package/esm/overlays/floating-menu/parts/FocusScope.js

@@ -9,8 +9,7 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import * as React from "react";
-import { forwardRef, useEffect, useState } from "react";
+import React, { forwardRef, useEffect, useState } from "react";
 import { Slot } from "../../../slot/Slot.js";
 import { useCallbackRef, useMergeRefs } from "../../../util/hooks/index.js";
 const AUTOFOCUS_ON_MOUNT = "focusScope.autoFocusOnMount";

package/esm/overlays/floating-menu/parts/FocusScope.js.map

@@ -1 +1 @@
-{"version":3,"file":"FocusScope.js","sourceRoot":"","sources":["../../../../src/overlays/floating-menu/parts/FocusScope.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxD,OAAO,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAC1C,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAEnE,MAAM,kBAAkB,GAAG,6BAA6B,CAAC;AACzD,MAAM,oBAAoB,GAAG,+BAA+B,CAAC;AAC7D,MAAM,aAAa,GAAG,EAAE,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,IAAI,EAAE,CAAC;AAe3D;;;;;;GAMG;AACH,MAAM,UAAU,GAAG,UAAU,CAC3B,CACE,EAIC,EACD,GAAG,EACH,EAAE;QANF,EACE,cAAc,EAAE,sBAAsB,EACtC,gBAAgB,EAAE,wBAAwB,OAE3C,EADI,IAAI,cAHT,sCAIC,CADQ;IAIT,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAqB,IAAI,CAAC,CAAC;IACrE,MAAM,cAAc,GAAG,cAAc,CAAC,sBAAsB,CAAC,CAAC;IAC9D,MAAM,gBAAgB,GAAG,cAAc,CAAC,wBAAwB,CAAC,CAAC;IAElE,MAAM,YAAY,GAAG,YAAY,CAAC,GAAG,EAAE,YAAY,CAAC,CAAC;IAErD,SAAS,CAAC,GAAG,EAAE;;QACb,IAAI,CAAC,SAAS;YAAE,OAAO;QAEvB,MAAM,aAAa,GAAG,MAAA,SAAS,CAAC,aAAa,mCAAI,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,QAAQ,CAAC;QACtE,MAAM,QAAQ,GAAG,SAAS,CAAC,QAAQ,CAAC,aAAa,CAAC,aAAa,CAAC,CAAC;QAEjE,IAAI,CAAC,QAAQ,EAAE,CAAC;YACd,MAAM,UAAU,GAAG,IAAI,WAAW,CAAC,kBAAkB,EAAE,aAAa,CAAC,CAAC;YACtE,SAAS,CAAC,gBAAgB,CAAC,kBAAkB,EAAE,cAAc,CAAC,CAAC;YAC/D,SAAS,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;QACtC,CAAC;QAED,OAAO,GAAG,EAAE;YACV,SAAS,CAAC,mBAAmB,CAAC,kBAAkB,EAAE,cAAc,CAAC,CAAC;YAElE;;;;;eAKG;YACH,UAAU,CAAC,GAAG,EAAE;gBACd,MAAM,YAAY,GAAG,IAAI,WAAW,CAClC,oBAAoB,EACpB,aAAa,CACd,CAAC;gBACF,SAAS,CAAC,gBAAgB,CAAC,oBAAoB,EAAE,gBAAgB,CAAC,CAAC;gBACnE,SAAS,CAAC,aAAa,CAAC,YAAY,CAAC,CAAC;gBAEtC,0DAA0D;gBAC1D,SAAS,CAAC,mBAAmB,CAAC,oBAAoB,EAAE,gBAAgB,CAAC,CAAC;YACxE,CAAC,EAAE,CAAC,CAAC,CAAC;QACR,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,SAAS,EAAE,cAAc,EAAE,gBAAgB,CAAC,CAAC,CAAC;IAElD,OAAO,oBAAC,IAAI,kBAAC,QAAQ,EAAE,CAAC,CAAC,IAAM,IAAI,IAAE,GAAG,EAAE,YAAY,IAAI,CAAC;AAC7D,CAAC,CACF,CAAC;AAEF,OAAO,EAAE,UAAU,EAAwB,CAAC"}
+{"version":3,"file":"FocusScope.js","sourceRoot":"","sources":["../../../../src/overlays/floating-menu/parts/FocusScope.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC/D,OAAO,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAC1C,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAEnE,MAAM,kBAAkB,GAAG,6BAA6B,CAAC;AACzD,MAAM,oBAAoB,GAAG,+BAA+B,CAAC;AAC7D,MAAM,aAAa,GAAG,EAAE,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,IAAI,EAAE,CAAC;AAe3D;;;;;;GAMG;AACH,MAAM,UAAU,GAAG,UAAU,CAC3B,CACE,EAIC,EACD,GAAG,EACH,EAAE;QANF,EACE,cAAc,EAAE,sBAAsB,EACtC,gBAAgB,EAAE,wBAAwB,OAE3C,EADI,IAAI,cAHT,sCAIC,CADQ;IAIT,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAqB,IAAI,CAAC,CAAC;IACrE,MAAM,cAAc,GAAG,cAAc,CAAC,sBAAsB,CAAC,CAAC;IAC9D,MAAM,gBAAgB,GAAG,cAAc,CAAC,wBAAwB,CAAC,CAAC;IAElE,MAAM,YAAY,GAAG,YAAY,CAAC,GAAG,EAAE,YAAY,CAAC,CAAC;IAErD,SAAS,CAAC,GAAG,EAAE;;QACb,IAAI,CAAC,SAAS;YAAE,OAAO;QAEvB,MAAM,aAAa,GAAG,MAAA,SAAS,CAAC,aAAa,mCAAI,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,QAAQ,CAAC;QACtE,MAAM,QAAQ,GAAG,SAAS,CAAC,QAAQ,CAAC,aAAa,CAAC,aAAa,CAAC,CAAC;QAEjE,IAAI,CAAC,QAAQ,EAAE,CAAC;YACd,MAAM,UAAU,GAAG,IAAI,WAAW,CAAC,kBAAkB,EAAE,aAAa,CAAC,CAAC;YACtE,SAAS,CAAC,gBAAgB,CAAC,kBAAkB,EAAE,cAAc,CAAC,CAAC;YAC/D,SAAS,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;QACtC,CAAC;QAED,OAAO,GAAG,EAAE;YACV,SAAS,CAAC,mBAAmB,CAAC,kBAAkB,EAAE,cAAc,CAAC,CAAC;YAElE;;;;;eAKG;YACH,UAAU,CAAC,GAAG,EAAE;gBACd,MAAM,YAAY,GAAG,IAAI,WAAW,CAClC,oBAAoB,EACpB,aAAa,CACd,CAAC;gBACF,SAAS,CAAC,gBAAgB,CAAC,oBAAoB,EAAE,gBAAgB,CAAC,CAAC;gBACnE,SAAS,CAAC,aAAa,CAAC,YAAY,CAAC,CAAC;gBAEtC,0DAA0D;gBAC1D,SAAS,CAAC,mBAAmB,CAAC,oBAAoB,EAAE,gBAAgB,CAAC,CAAC;YACxE,CAAC,EAAE,CAAC,CAAC,CAAC;QACR,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,SAAS,EAAE,cAAc,EAAE,gBAAgB,CAAC,CAAC,CAAC;IAElD,OAAO,oBAAC,IAAI,kBAAC,QAAQ,EAAE,CAAC,CAAC,IAAM,IAAI,IAAE,GAAG,EAAE,YAAY,IAAI,CAAC;AAC7D,CAAC,CACF,CAAC;AAEF,OAAO,EAAE,UAAU,EAAwB,CAAC"}

package/esm/slot/Slot.d.ts

@@ -1,4 +1,4 @@
-import * as React from "react";
+import React from "react";
 interface SlotProps extends React.HTMLAttributes<HTMLElement> {
     children?: React.ReactNode;
 }

package/esm/slot/Slot.js

@@ -9,7 +9,7 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import * as React from "react";
+import React from "react";
 import { mergeRefs } from "../util/hooks/useMergeRefs.js";
 import { mergeProps } from "./merge-props.js";
 const Slot = React.forwardRef((props, forwardedRef) => {

package/esm/slot/Slot.js.map

@@ -1 +1 @@
-{"version":3,"file":"Slot.js","sourceRoot":"","sources":["../../src/slot/Slot.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AACvD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAM3C,MAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAAyB,CAAC,KAAK,EAAE,YAAY,EAAE,EAAE;;IAC5E,MAAM,EAAE,QAAQ,KAAmB,KAAK,EAAnB,SAAS,UAAK,KAAK,EAAlC,YAA0B,CAAQ,CAAC;IAEzC,IAAI,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,CAAC;QACnC,MAAM,QAAQ,GAAG,MAAM,CAAC,SAAS,CAAC,oBAAoB,CAAC,IAAI,CACzD,QAAQ,CAAC,KAAK,EACd,KAAK,CACN;YACC,CAAC,CAAE,QAAQ,CAAC,KAAa,CAAC,GAAG,CAAC,2DAA2D;YACzF,CAAC,CAAE,QAAgB,CAAC,GAAG,CAAC,CAAC,YAAY;QAEvC,OAAO,KAAK,CAAC,YAAY,CAAM,QAAQ,kCAClC,UAAU,CAAC,SAAS,EAAE,QAAQ,CAAC,KAAY,CAAC,KAC/C,GAAG,EAAE,YAAY,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,IAClE,CAAC;IACL,CAAC;IAED,IAAI,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC;QACvC,MAAM,KAAK,GAAG,IAAI,KAAK,CACrB,oFAAoF,CACrF,CAAC;QACF,KAAK,CAAC,IAAI,GAAG,WAAW,CAAC;QACzB,MAAA,KAAK,CAAC,iBAAiB,sDAAG,KAAK,EAAE,IAAI,CAAC,CAAC;QACvC,MAAM,KAAK,CAAC;IACd,CAAC;IAED,OAAO,IAAI,CAAC;AACd,CAAC,CAAC,CAAC;AAEH,OAAO,EAAE,IAAI,EAAkB,CAAC"}
+{"version":3,"file":"Slot.js","sourceRoot":"","sources":["../../src/slot/Slot.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AACvD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAM3C,MAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAAyB,CAAC,KAAK,EAAE,YAAY,EAAE,EAAE;;IAC5E,MAAM,EAAE,QAAQ,KAAmB,KAAK,EAAnB,SAAS,UAAK,KAAK,EAAlC,YAA0B,CAAQ,CAAC;IAEzC,IAAI,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,CAAC;QACnC,MAAM,QAAQ,GAAG,MAAM,CAAC,SAAS,CAAC,oBAAoB,CAAC,IAAI,CACzD,QAAQ,CAAC,KAAK,EACd,KAAK,CACN;YACC,CAAC,CAAE,QAAQ,CAAC,KAAa,CAAC,GAAG,CAAC,2DAA2D;YACzF,CAAC,CAAE,QAAgB,CAAC,GAAG,CAAC,CAAC,YAAY;QAEvC,OAAO,KAAK,CAAC,YAAY,CAAM,QAAQ,kCAClC,UAAU,CAAC,SAAS,EAAE,QAAQ,CAAC,KAAY,CAAC,KAC/C,GAAG,EAAE,YAAY,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,IAClE,CAAC;IACL,CAAC;IAED,IAAI,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC;QACvC,MAAM,KAAK,GAAG,IAAI,KAAK,CACrB,oFAAoF,CACrF,CAAC;QACF,KAAK,CAAC,IAAI,GAAG,WAAW,CAAC;QACzB,MAAA,KAAK,CAAC,iBAAiB,sDAAG,KAAK,EAAE,IAAI,CAAC,CAAC;QACvC,MAAM,KAAK,CAAC;IACd,CAAC;IAED,OAAO,IAAI,CAAC;AACd,CAAC,CAAC,CAAC;AAEH,OAAO,EAAE,IAAI,EAAkB,CAAC"}

package/esm/timeline/period/index.d.ts

@@ -26,7 +26,7 @@ export interface TimelinePeriodProps extends React.HTMLAttributes<HTMLDivElement
     /**
      * Callback when selecting a period.
      */
-    onSelectPeriod?: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+    onSelectPeriod?: (event: React.MouseEvent<Element> | React.KeyboardEvent<Element>) => void;
     /**
      * Content displayed in Popover on click.
      */

package/esm/timeline/period/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/timeline/period/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAC7D,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAEvD,OAAO,eAAe,MAAM,mBAAmB,CAAC;AAChD,OAAO,kBAAkB,MAAM,sBAAsB,CAAC;AAuDtD,MAAM,CAAC,MAAM,MAAM,GAAG,UAAU,CAC9B,CAAC,EAAE,IAAI,EAAuB,EAAE,GAAG,EAAE,EAAE;IACrC,MAAM,EAAE,OAAO,EAAE,GAAG,aAAa,EAAE,CAAC;IACpC,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,gBAAgB,EAAE,CAAC;IAEnD,MAAM,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,QAAQ,CAAC,CAAC;IAEtD,IAAI,CAAC,MAAM,EAAE,CAAC;QACZ,OAAO,yCAAK,CAAC;IACf,CAAC;IACD,MAAM,EACJ,KAAK,EACL,YAAY,EACZ,KAAK,EACL,kBAAkB,EAClB,MAAM,GAAG,SAAS,EAClB,cAAc,EACd,OAAO,EACP,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,WAAW,GACZ,GAAG,MAAM,CAAC;IAEX,OAAO,cAAc,IAAI,QAAQ,CAAC,CAAC,CAAC,CAClC,oBAAC,eAAe,IACd,SAAS,EAAE,GAA4C,EACvD,KAAK,EAAE,KAAK,EACZ,GAAG,EAAE,YAAY,EACjB,MAAM,EAAE,MAAM,EACd,cAAc,EAAE,cAAc,EAC9B,OAAO,EAAE,OAAO,IAAI,EAAE,EACtB,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,kBAAkB,EACxB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS,IAEnB,QAAQ,CACO,CACnB,CAAC,CAAC,CAAC,CACF,oBAAC,kBAAkB,IACjB,SAAS,EAAE,GAAG,EACd,KAAK,EAAE,KAAK,EACZ,GAAG,EAAE,YAAY,EACjB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,IAAI,EAAE,EACtB,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,kBAAkB,EACxB,IAAI,EAAE,IAAI,EACV,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS,GACpB,CACH,CAAC;AACJ,CAAC,CACY,CAAC;AAEhB,MAAM,CAAC,aAAa,GAAG,QAAQ,CAAC;AAEhC,eAAe,MAAM,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/timeline/period/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAC7D,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAEvD,OAAO,eAAe,MAAM,mBAAmB,CAAC;AAChD,OAAO,kBAAkB,MAAM,sBAAsB,CAAC;AAyDtD,MAAM,CAAC,MAAM,MAAM,GAAG,UAAU,CAC9B,CAAC,EAAE,IAAI,EAAuB,EAAE,GAAG,EAAE,EAAE;IACrC,MAAM,EAAE,OAAO,EAAE,GAAG,aAAa,EAAE,CAAC;IACpC,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,gBAAgB,EAAE,CAAC;IAEnD,MAAM,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,QAAQ,CAAC,CAAC;IAEtD,IAAI,CAAC,MAAM,EAAE,CAAC;QACZ,OAAO,yCAAK,CAAC;IACf,CAAC;IACD,MAAM,EACJ,KAAK,EACL,YAAY,EACZ,KAAK,EACL,kBAAkB,EAClB,MAAM,GAAG,SAAS,EAClB,cAAc,EACd,OAAO,EACP,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,WAAW,GACZ,GAAG,MAAM,CAAC;IAEX,OAAO,cAAc,IAAI,QAAQ,CAAC,CAAC,CAAC,CAClC,oBAAC,eAAe,IACd,SAAS,EAAE,GAA4C,EACvD,KAAK,EAAE,KAAK,EACZ,GAAG,EAAE,YAAY,EACjB,MAAM,EAAE,MAAM,EACd,cAAc,EAAE,cAAc,EAC9B,OAAO,EAAE,OAAO,IAAI,EAAE,EACtB,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,kBAAkB,EACxB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS,IAEnB,QAAQ,CACO,CACnB,CAAC,CAAC,CAAC,CACF,oBAAC,kBAAkB,IACjB,SAAS,EAAE,GAAG,EACd,KAAK,EAAE,KAAK,EACZ,GAAG,EAAE,YAAY,EACjB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,IAAI,EAAE,EACtB,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,kBAAkB,EACxB,IAAI,EAAE,IAAI,EACV,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS,GACpB,CACH,CAAC;AACJ,CAAC,CACY,CAAC;AAEhB,MAAM,CAAC,aAAa,GAAG,QAAQ,CAAC;AAEhC,eAAe,MAAM,CAAC"}

package/esm/timeline/utils/timeline.d.ts

@@ -1,12 +1,13 @@
 import React, { ReactNode } from "react";
+import type { TimelineRowProps } from "../index.js";
 import { Period } from "./types.external.js";
-type ParsedChild = {
-    label?: string;
+type ParsedRow = {
+    label: string;
     icon?: React.ReactNode;
-    headingTag: string;
+    headingTag?: string;
     periods: Omit<Period, "id" | "endInclusive">[];
-    restProps: any;
-    ref: any;
+    restProps: Omit<TimelineRowProps, "label" | "icon" | "headingTag">;
+    ref?: React.Ref<HTMLOListElement>;
 };
-export declare const parseRows: (rowChildren: ReactNode[]) => ParsedChild[];
+export declare const parseRows: (rowChildren: ReactNode[]) => ParsedRow[];
 export {};

package/esm/timeline/utils/timeline.js

@@ -1,72 +1,49 @@
 import React from "react";
 import { omit } from "../../util/index.js";
+import { getChildRef } from "../../util/getChildRef.js";
 export const parseRows = (rowChildren) => {
     const parsedChildren = [];
-    rowChildren === null || rowChildren === void 0 ? void 0 : rowChildren.forEach((r) => {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
+    rowChildren === null || rowChildren === void 0 ? void 0 : rowChildren.forEach((row) => {
         const periods = [];
-        if (React.isValidElement(r) && ((_a = r === null || r === void 0 ? void 0 : r.props) === null || _a === void 0 ? void 0 : _a.children)) {
-            if (Array.isArray(r.props.children)) {
-                for (let i = 0; i < r.props.children.length; i++) {
-                    const p = r.props.children[i];
-                    periods.push({
-                        start: (_b = p === null || p === void 0 ? void 0 : p.props) === null || _b === void 0 ? void 0 : _b.start,
-                        end: (_c = p === null || p === void 0 ? void 0 : p.props) === null || _c === void 0 ? void 0 : _c.end,
-                        status: ((_d = p === null || p === void 0 ? void 0 : p.props) === null || _d === void 0 ? void 0 : _d.status) || "neutral",
-                        onSelectPeriod: (_e = p.props) === null || _e === void 0 ? void 0 : _e.onSelectPeriod,
-                        label: r.props.label,
-                        icon: p.props.icon,
-                        children: p.props.children,
-                        isActive: p.props.isActive,
-                        statusLabel: p.props.statusLabel,
-                        restProps: omit(p.props, [
-                            "start",
-                            "end",
-                            "status",
-                            "onSelectPeriod",
-                            "label",
-                            "icon",
-                            "children",
-                            "isActive",
-                            "statusLabel",
-                        ]),
-                        ref: p === null || p === void 0 ? void 0 : p.ref,
-                    });
-                }
-            }
-            else {
-                periods.push({
-                    start: r.props.children.props.start,
-                    end: r.props.children.props.end,
-                    status: ((_f = r.props.children.props) === null || _f === void 0 ? void 0 : _f.status) || "neutral",
-                    onSelectPeriod: (_g = r.props.children.props) === null || _g === void 0 ? void 0 : _g.onSelectPeriod,
-                    label: r.props.label,
-                    icon: (_h = r.props.children.props) === null || _h === void 0 ? void 0 : _h.icon,
-                    children: (_j = r.props.children.props) === null || _j === void 0 ? void 0 : _j.children,
-                    statusLabel: (_k = r.props.children.props) === null || _k === void 0 ? void 0 : _k.statusLabel,
-                    restProps: omit(r.props.children.props, [
-                        "start",
-                        "end",
-                        "status",
-                        "onSelectPeriod",
-                        "label",
-                        "icon",
-                        "children",
-                        "isActive",
-                        "statusLabel",
-                    ]),
-                    ref: (_m = (_l = r.props) === null || _l === void 0 ? void 0 : _l.children) === null || _m === void 0 ? void 0 : _m.ref,
-                });
+        if (!React.isValidElement(row) ||
+            !row.props.children) {
+            return;
+        }
+        React.Children.toArray(row.props.children).forEach((period) => {
+            if (!React.isValidElement(period)) {
+                return;
             }
-            parsedChildren.push({
-                label: r.props.label,
-                icon: r.props.icon,
-                headingTag: r.props.headingTag,
-                periods,
-                restProps: omit(r.props, ["label", "icon", "headingTag"]),
-                ref: r === null || r === void 0 ? void 0 : r.ref,
+            periods.push({
+                start: period.props.start,
+                end: period.props.end,
+                status: period.props.status || "neutral",
+                onSelectPeriod: period.props.onSelectPeriod,
+                icon: period.props.icon,
+                children: period.props.children,
+                isActive: period.props.isActive,
+                statusLabel: period.props.statusLabel,
+                restProps: omit(period.props, [
+                    "start",
+                    "end",
+                    "status",
+                    "onSelectPeriod",
+                    "icon",
+                    "children",
+                    "isActive",
+                    "statusLabel",
+                    "placement",
+                ]),
+                ref: getChildRef(period),
             });
-        }
+        });
+        parsedChildren.push({
+            label: row.props.label,
+            icon: row.props.icon,
+            headingTag: row.props.headingTag,
+            periods,
+            restProps: omit(row.props, ["label", "icon", "headingTag"]),
+            ref: getChildRef(row),
+        });
     });
     return parsedChildren;
 };

package/esm/timeline/utils/timeline.js.map

@@ -1 +1 @@
-{"version":3,"file":"timeline.js","sourceRoot":"","sources":["../../../src/timeline/utils/timeline.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"timeline.js","sourceRoot":"","sources":["../../../src/timeline/utils/timeline.ts"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAEzC,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AAClC,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAerD,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,WAAwB,EAAE,EAAE;IACpD,MAAM,cAAc,GAAgB,EAAE,CAAC;IAEvC,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,OAAO,CAAC,CAAC,GAAoB,EAAE,EAAE;QAC5C,MAAM,OAAO,GAAyB,EAAE,CAAC;QAEzC,IACE,CAAC,KAAK,CAAC,cAAc,CAA0B,GAAG,CAAC;YACnD,CAAC,GAAG,CAAC,KAAK,CAAC,QAAQ,EACnB,CAAC;YACD,OAAO;QACT,CAAC;QAED,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,CAAC,MAAM,EAAE,EAAE;YAC5D,IAAI,CAAC,KAAK,CAAC,cAAc,CAA6B,MAAM,CAAC,EAAE,CAAC;gBAC9D,OAAO;YACT,CAAC;YAED,OAAO,CAAC,IAAI,CAAC;gBACX,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,KAAK;gBACzB,GAAG,EAAE,MAAM,CAAC,KAAK,CAAC,GAAG;gBACrB,MAAM,EAAE,MAAM,CAAC,KAAK,CAAC,MAAM,IAAI,SAAS;gBACxC,cAAc,EAAE,MAAM,CAAC,KAAK,CAAC,cAAc;gBAC3C,IAAI,EAAE,MAAM,CAAC,KAAK,CAAC,IAAI;gBACvB,QAAQ,EAAE,MAAM,CAAC,KAAK,CAAC,QAAQ;gBAC/B,QAAQ,EAAE,MAAM,CAAC,KAAK,CAAC,QAAQ;gBAC/B,WAAW,EAAE,MAAM,CAAC,KAAK,CAAC,WAAW;gBACrC,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE;oBAC5B,OAAO;oBACP,KAAK;oBACL,QAAQ;oBACR,gBAAgB;oBAChB,MAAM;oBACN,UAAU;oBACV,UAAU;oBACV,aAAa;oBACb,WAAW;iBACZ,CAAC;gBACF,GAAG,EAAE,WAAW,CAAC,MAAM,CAAC;aACzB,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;QAEH,cAAc,CAAC,IAAI,CAAC;YAClB,KAAK,EAAE,GAAG,CAAC,KAAK,CAAC,KAAK;YACtB,IAAI,EAAE,GAAG,CAAC,KAAK,CAAC,IAAI;YACpB,UAAU,EAAE,GAAG,CAAC,KAAK,CAAC,UAAU;YAChC,OAAO;YACP,SAAS,EAAE,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,YAAY,CAAC,CAAC;YAC3D,GAAG,EAAE,WAAW,CAAC,GAAG,CAAC;SACtB,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,OAAO,cAAc,CAAC;AACxB,CAAC,CAAC"}

package/esm/timeline/utils/types.external.d.ts

@@ -7,18 +7,17 @@ export interface Positioned {
 }
 export interface Period {
     id: string;
-    label?: string;
     start: Date;
     endInclusive: Date;
     status?: PeriodStatus;
-    onSelectPeriod?: () => void;
+    onSelectPeriod?: (e: React.MouseEvent<Element, MouseEvent> | React.KeyboardEvent<Element>) => void;
     icon?: React.ReactNode;
     children?: React.ReactNode;
     end: Date;
     isActive?: boolean;
     statusLabel?: string;
     restProps?: any;
-    ref?: Element;
+    ref?: React.Ref<HTMLDivElement | HTMLButtonElement>;
 }
 export interface PositionedPeriod extends Period, Positioned {
     width: number;

package/esm/timeline/utils/types.internal.d.ts

@@ -11,7 +11,7 @@ export interface Period {
     start: Date;
     endInclusive: Date;
     status?: PeriodStatus;
-    onSelectPeriod?: () => void;
+    onSelectPeriod?: (e: React.MouseEvent<Element, MouseEvent> | React.KeyboardEvent<Element>) => void;
     icon?: React.ReactNode;
     children?: React.ReactNode;
     isActive?: boolean;

package/esm/util/composition-warning/CompositionWarning.d.ts

@@ -0,0 +1,37 @@
+/**
+ * Give warnings based on component composition (which slot/parent a child is rendered in).
+ *
+ * Used when child components need to know which slot/parent they are rendered in
+ * (e.g. `FormSummary.Header` vs `FormSummary.Footer`) and should warn or error in development
+ * if placed in a discouraged or forbidden slot.
+ *
+ * Usage:
+ * - Wrap slot components with <CompositionWarning.Root name="FormSummary.Header">...</CompositionWarning.Root>
+ * - In child: `<CompositionWarning.Forbidden name="FormSummary.Header" />` to forbid slot.
+ *
+ * This is guidance only: warnings are logged to the console in development, never enforced at runtime.
+ */
+import React from "react";
+type CompositionName = string;
+type CompositionWarningContextType = {
+    /**
+     * Name of the slot component we want to check.
+     */
+    name: CompositionName;
+};
+declare const CompositionWarning: React.ForwardRefExoticComponent<CompositionWarningContextType & {
+    children: React.ReactNode;
+} & React.RefAttributes<unknown>>;
+type CompositionWarningForbiddenProps = {
+    children?: React.ReactElement;
+    /**
+     * Name of the parent slot component where the child is not allowed.
+     */
+    name: CompositionName;
+    /**
+     * Warning message to display if the child is found.
+     */
+    message: string;
+};
+declare function CompositionWarningForbidden({ children, name, message, }: CompositionWarningForbiddenProps): React.JSX.Element;
+export { CompositionWarningForbidden as Forbidden, CompositionWarning as Root };

package/esm/util/composition-warning/CompositionWarning.js

@@ -0,0 +1,34 @@
+/**
+ * Give warnings based on component composition (which slot/parent a child is rendered in).
+ *
+ * Used when child components need to know which slot/parent they are rendered in
+ * (e.g. `FormSummary.Header` vs `FormSummary.Footer`) and should warn or error in development
+ * if placed in a discouraged or forbidden slot.
+ *
+ * Usage:
+ * - Wrap slot components with <CompositionWarning.Root name="FormSummary.Header">...</CompositionWarning.Root>
+ * - In child: `<CompositionWarning.Forbidden name="FormSummary.Header" />` to forbid slot.
+ *
+ * This is guidance only: warnings are logged to the console in development, never enforced at runtime.
+ */
+import React, { useEffect, useRef } from "react";
+import { Slot } from "../../slot/Slot.js";
+import { createContext } from "../create-context.js";
+const isDev = process.env.NODE_ENV !== "production";
+const [CompositionWarning, useCompositionWarning] = createContext({
+    errorMessage: "useCompositionWarning() must be used within <CompositionWarning />",
+});
+function CompositionWarningForbidden({ children, name, message, }) {
+    var _a;
+    const compositionName = (_a = useCompositionWarning(false)) === null || _a === void 0 ? void 0 : _a.name;
+    const elementRef = useRef(null);
+    useEffect(() => {
+        if (!isDev || !compositionName || name !== compositionName) {
+            return;
+        }
+        console.warn(`[Aksel] ${message}\nElement: `, elementRef.current);
+    }, [compositionName, name, message]);
+    return React.createElement(Slot, { ref: elementRef }, children);
+}
+export { CompositionWarningForbidden as Forbidden, CompositionWarning as Root };
+//# sourceMappingURL=CompositionWarning.js.map

package/esm/util/composition-warning/CompositionWarning.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CompositionWarning.js","sourceRoot":"","sources":["../../../src/util/composition-warning/CompositionWarning.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AACH,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AACvC,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAIlD,MAAM,KAAK,GAAG,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,CAAC;AASpD,MAAM,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,GAC/C,aAAa,CAAgC;IAC3C,YAAY,EACV,oEAAoE;CACvE,CAAC,CAAC;AAcL,SAAS,2BAA2B,CAAC,EACnC,QAAQ,EACR,IAAI,EACJ,OAAO,GAC0B;;IACjC,MAAM,eAAe,GAAG,MAAA,qBAAqB,CAAC,KAAK,CAAC,0CAAE,IAAI,CAAC;IAE3D,MAAM,UAAU,GAAG,MAAM,CAAc,IAAI,CAAC,CAAC;IAE7C,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,KAAK,IAAI,CAAC,eAAe,IAAI,IAAI,KAAK,eAAe,EAAE,CAAC;YAC3D,OAAO;QACT,CAAC;QAED,OAAO,CAAC,IAAI,CAAC,WAAW,OAAO,aAAa,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC;IACpE,CAAC,EAAE,CAAC,eAAe,EAAE,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC;IAErC,OAAO,oBAAC,IAAI,IAAC,GAAG,EAAE,UAAU,IAAG,QAAQ,CAAQ,CAAC;AAClD,CAAC;AAED,OAAO,EAAE,2BAA2B,IAAI,SAAS,EAAE,kBAAkB,IAAI,IAAI,EAAE,CAAC"}

package/esm/util/composition-warning/index.d.ts

@@ -0,0 +1 @@
+export * as CompositionWarning from "./CompositionWarning.js";

package/esm/util/composition-warning/index.js

@@ -0,0 +1,2 @@
+export * as CompositionWarning from "./CompositionWarning.js";
+//# sourceMappingURL=index.js.map

package/esm/util/composition-warning/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/util/composition-warning/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,kBAAkB,MAAM,sBAAsB,CAAC"}

package/esm/util/getChildRef.d.ts

@@ -0,0 +1 @@
+export declare const getChildRef: <T>(children: React.ReactElement<React.RefAttributes<T>>) => React.Ref<T> | undefined;

package/esm/util/getChildRef.js

@@ -0,0 +1,4 @@
+export const getChildRef = (children) => Object.prototype.propertyIsEnumerable.call(children.props, "ref")
+    ? children.props.ref // React 19 (children.ref still works, but gives a warning)
+    : children.ref; // React <19
+//# sourceMappingURL=getChildRef.js.map

package/esm/util/getChildRef.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getChildRef.js","sourceRoot":"","sources":["../../src/util/getChildRef.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,WAAW,GAAG,CACzB,QAAoD,EAC1B,EAAE,CAC5B,MAAM,CAAC,SAAS,CAAC,oBAAoB,CAAC,IAAI,CAAC,QAAQ,CAAC,KAAK,EAAE,KAAK,CAAC;IAC/D,CAAC,CAAE,QAAQ,CAAC,KAAa,CAAC,GAAG,CAAC,2DAA2D;IACzF,CAAC,CAAE,QAAgB,CAAC,GAAG,CAAC,CAAC,YAAY"}

package/esm/util/renderStoriesForChromatic.d.ts

@@ -1,13 +1,5 @@
-import { Args } from "@storybook/react";
+import { StoryObj } from "@storybook/react";
 import React from "react";
-import { Renderer, StoryContext } from "storybook/internal/types";
 export declare function renderStoriesForChromatic(stories: Record<string, {
     render?: (...args: any[]) => React.ReactNode;
-} | React.FunctionComponent<void>>): {
-    render: (args_0: Args, args_1: StoryContext<Renderer, Args>) => React.JSX.Element[];
-    parameters: {
-        chromatic: {
-            disable: boolean;
-        };
-    };
-};
+} | React.FunctionComponent<void>>): StoryObj;

package/esm/util/renderStoriesForChromatic.js

@@ -1,12 +1,12 @@
 import React from "react";
 export function renderStoriesForChromatic(stories) {
     return {
-        render: (...args) => Object.entries(stories).map(([storyName, story]) => {
+        render: (...args) => (React.createElement(React.Fragment, null, Object.entries(stories).map(([storyName, story]) => {
             var _a;
             return (React.createElement("div", { key: storyName },
                 React.createElement("h2", { className: "storyheading" }, storyName),
                 typeof story === "function" ? story() : (_a = story.render) === null || _a === void 0 ? void 0 : _a.call(story, ...args)));
-        }),
+        }))),
         parameters: {
             chromatic: { disable: false },
         },

package/esm/util/renderStoriesForChromatic.js.map

@@ -1 +1 @@
-{"version":3,"file":"renderStoriesForChromatic.js","sourceRoot":"","sources":["../../src/util/renderStoriesForChromatic.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,UAAU,yBAAyB,CACvC,OAIC;IAED,OAAO;QACL,MAAM,EAAE,CAAC,GAAG,IAA0C,EAAE,EAAE,CACxD,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,SAAS,EAAE,KAAK,CAAC,EAAE,EAAE;;YAAC,OAAA,CAClD,6BAAK,GAAG,EAAE,SAAS;gBACjB,4BAAI,SAAS,EAAC,cAAc,IAAE,SAAS,CAAM;gBAC5C,OAAO,KAAK,KAAK,UAAU,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,MAAA,KAAK,CAAC,MAAM,sDAAG,GAAG,IAAI,CAAC,CAC5D,CACP,CAAA;SAAA,CAAC;QACJ,UAAU,EAAE;YACV,SAAS,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE;SAC9B;KACF,CAAC;AACJ,CAAC"}
+{"version":3,"file":"renderStoriesForChromatic.js","sourceRoot":"","sources":["../../src/util/renderStoriesForChromatic.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,UAAU,yBAAyB,CACvC,OAIC;IAED,OAAO;QACL,MAAM,EAAE,CAAC,GAAG,IAA0C,EAAE,EAAE,CAAC,CACzD,0CACG,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,SAAS,EAAE,KAAK,CAAC,EAAE,EAAE;;YAAC,OAAA,CACnD,6BAAK,GAAG,EAAE,SAAS;gBACjB,4BAAI,SAAS,EAAC,cAAc,IAAE,SAAS,CAAM;gBAC5C,OAAO,KAAK,KAAK,UAAU,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,MAAA,KAAK,CAAC,MAAM,sDAAG,GAAG,IAAI,CAAC,CAC5D,CACP,CAAA;SAAA,CAAC,CACD,CACJ;QACD,UAAU,EAAE;YACV,SAAS,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE;SAC9B;KACF,CAAC;AACJ,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@navikt/ds-react",
-  "version": "7.29.0",
+  "version": "7.30.0",
   "description": "React components from the Norwegian Labour and Welfare Administration.",
   "author": "Aksel, a team part of the Norwegian Labour and Welfare Administration.",
   "license": "MIT",
@@ -650,8 +650,8 @@
   "dependencies": {
     "@floating-ui/react": "0.27.8",
     "@floating-ui/react-dom": "^2.0.9",
-    "@navikt/aksel-icons": "^7.29.0",
-    "@navikt/ds-tokens": "^7.29.0",
+    "@navikt/aksel-icons": "^7.30.0",
+    "@navikt/ds-tokens": "^7.30.0",
     "clsx": "^2.1.0",
     "date-fns": "^4.0.0",
     "react-day-picker": "9.7.0"

package/src/date/datepicker/parts/DatePicker.WeekNumber.tsx

@@ -76,7 +76,9 @@ const DatePickerWeekNumber = ({
             );
           }}
           icon={
-            <span className="navds-date__weeknumber-number">{weekNumber}</span>
+            <span className={cn("navds-date__weeknumber-number")}>
+              {weekNumber}
+            </span>
           }
         />
       </td>

package/src/form/checkbox/Checkbox.tsx

@@ -55,8 +55,6 @@ export const Checkbox = forwardRef<HTMLInputElement, CheckboxProps>(
           <span className={cn("navds-checkbox__icon")}>
             <svg
               xmlns="http://www.w3.org/2000/svg"
-              width="0.8125rem"
-              height="0.625rem"
               viewBox="0 0 13 10"
               fill="none"
               focusable={false}

package/src/form/combobox/__tests__/combobox.test.tsx

@@ -1,8 +1,9 @@
 /* eslint-disable testing-library/no-unnecessary-act -- https://kentcdodds.com/blog/fix-the-not-wrapped-in-act-warning */
 import { act, render, screen } from "@testing-library/react";
 import userEvent from "@testing-library/user-event";
-import React, { useId } from "react";
+import React from "react";
 import { describe, expect, test, vi } from "vitest";
+import { useId } from "../../../util";
 import nb from "../../../util/i18n/locales/nb";
 import { ComboboxProps, UNSAFE_Combobox } from "../index";
 

package/src/form/form-summary/FormSummary.tsx

@@ -3,6 +3,7 @@ import { useRenameCSS } from "../../theme/Theme";
 import FormSummaryAnswer from "./FormSummaryAnswer";
 import FormSummaryAnswers from "./FormSummaryAnswers";
 import FormSummaryEditLink from "./FormSummaryEditLink";
+import FormSummaryFooter from "./FormSummaryFooter";
 import FormSummaryHeader from "./FormSummaryHeader";
 import FormSummaryHeading from "./FormSummaryHeading";
 import FormSummaryLabel from "./FormSummaryLabel";
@@ -13,7 +14,7 @@ interface FormSummaryComponent
     FormSummaryProps & React.RefAttributes<HTMLDivElement>
   > {
   /**
-   * Must include `<FormSummary.Heading>` and optionally `<FormSummary.EditLink>`.
+   * Must include `<FormSummary.Heading>`.
    */
   Header: typeof FormSummaryHeader;
   /**
@@ -21,7 +22,7 @@ interface FormSummaryComponent
    */
   Heading: typeof FormSummaryHeading;
   /**
-   * Link to edit the answers to use in the `FormSummary.Header` component. Should link to the relevant part of the form.
+   * Link to edit the answers to use in the `FormSummary.Footer` component. Should link to the relevant part of the form.
    */
   EditLink: typeof FormSummaryEditLink;
   /**
@@ -40,6 +41,10 @@ interface FormSummaryComponent
    * Corresponds to the answer in the form. To be used in the `FormSummary.Answer` component.
    */
   Value: typeof FormSummaryValue;
+  /**
+   * Footer component for the form summary, if applicable this is a good place for `<FormSummary.EditLink>`.
+   */
+  Footer: typeof FormSummaryFooter;
 }
 
 export interface FormSummaryProps extends HTMLAttributes<HTMLDivElement> {
@@ -48,20 +53,7 @@ export interface FormSummaryProps extends HTMLAttributes<HTMLDivElement> {
    *
    *  - `<FormSummary.Header>`
    *  - `<FormSummary.Answers>`
-   *
-   * @example
-   * <FormSummary>
-   *   <FormSummary.Header>
-   *     <FormSummary.Heading level="2">HeadingTekst</FormSummary.Heading>
-   *     <FormSummary.EditLink href="#" />
-   *   </FormSummary.Header>
-   *   <FormSummary.Answers>
-   *     <FormSummary.Answer>
-   *       <FormSummary.Label>Navn</FormSummary.Label>
-   *       <FormSummary.Value>Ola Nordmann</FormSummary.Value>
-   *     </FormSummary.Answer>
-   *   </FormSummary.Answers>
-   * </FormSummary>
+   *  - `<FormSummary.Footer>` (optional)
    */
   children: React.ReactNode;
 }
@@ -75,7 +67,6 @@ export interface FormSummaryProps extends HTMLAttributes<HTMLDivElement> {
  * <FormSummary>
  *   <FormSummary.Header>
  *     <FormSummary.Heading level="2">HeadingTekst</FormSummary.Heading>
- *     <FormSummary.EditLink href="#" />
  *   </FormSummary.Header>
  *   <FormSummary.Answers>
  *     <FormSummary.Answer>
@@ -83,6 +74,9 @@ export interface FormSummaryProps extends HTMLAttributes<HTMLDivElement> {
  *       <FormSummary.Value>Ola Nordmann</FormSummary.Value>
  *     </FormSummary.Answer>
  *   </FormSummary.Answers>
+ *   <FormSummary.Footer>
+ *     <FormSummary.EditLink href="#" />
+ *   </FormSummary.Footer>
  * </FormSummary>
  */
 export const FormSummary = forwardRef<HTMLDivElement, FormSummaryProps>(
@@ -104,5 +98,6 @@ FormSummary.Answers = FormSummaryAnswers;
 FormSummary.Answer = FormSummaryAnswer;
 FormSummary.Label = FormSummaryLabel;
 FormSummary.Value = FormSummaryValue;
+FormSummary.Footer = FormSummaryFooter;
 
 export default FormSummary;