@navikt/ds-react 6.0.0-alpha.2 → 6.0.0

package/esm/form/search/Search.js.map

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

package/esm/form/search/SearchButton.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { ButtonProps } from "../../button";
+import { ButtonProps } from "../../button/index.js";
 export interface SearchButtonProps extends Omit<ButtonProps, "size" | "children" | "variant"> {
     /**
      * Text set after <Search/> icon

package/esm/form/search/SearchButton.js

@@ -12,9 +12,9 @@ var __rest = (this && this.__rest) || function (s, e) {
 import cl from "clsx";
 import React, { forwardRef, useContext } from "react";
 import { MagnifyingGlassIcon } from "@navikt/aksel-icons";
-import { Button } from "../../button";
-import { composeEventHandlers } from "../../util/composeEventHandlers";
-import { SearchContext } from "./context";
+import { Button } from "../../button/index.js";
+import { composeEventHandlers } from "../../util/composeEventHandlers.js";
+import { SearchContext } from "./context.js";
 const SearchButton = forwardRef((_a, ref) => {
     var _b;
     var { className, children, disabled, onClick } = _a, rest = __rest(_a, ["className", "children", "disabled", "onClick"]);

package/esm/form/search/index.d.ts

@@ -1 +1 @@
-export { default as Search, type SearchProps, type SearchClearEvent, } from "./Search";
+export { default as Search, type SearchProps, type SearchClearEvent, } from "./Search.js";

package/esm/form/search/index.js

@@ -1,2 +1,2 @@
-export { default as Search, } from "./Search";
+export { default as Search, } from "./Search.js";
 //# sourceMappingURL=index.js.map

package/esm/form/useFormField.js

@@ -1,7 +1,7 @@
 import cl from "clsx";
 import { useContext } from "react";
-import { useId } from "../util/hooks";
-import { FieldsetContext } from "./Fieldset/context";
+import { useId } from "../util/hooks/index.js";
+import { FieldsetContext } from "./Fieldset/context.js";
 /**
  * Handles props and their state for various form-fields in context with Fieldset
  */

package/esm/guide-panel/GuidePanel.js

@@ -11,7 +11,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import cl from "clsx";
 import React, { forwardRef } from "react";
-import { DefaultIllustration } from "./Illustration";
+import { DefaultIllustration } from "./Illustration.js";
 /**
  * A component for guiding users on the website
  *

package/esm/guide-panel/Illustration.js

@@ -10,7 +10,7 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import React from "react";
-import { useId } from "../util/hooks";
+import { useId } from "../util/hooks/index.js";
 export const DefaultIllustration = (_a) => {
     var { title, titleId: _titleId } = _a, props = __rest(_a, ["title", "titleId"]);
     let titleId = useId();

package/esm/guide-panel/index.d.ts

@@ -1,2 +1,2 @@
-export { default as GuidePanel, type GuidePanelProps } from "./GuidePanel";
-export { DefaultIllustration as GuideDefaultIllustration } from "./Illustration";
+export { default as GuidePanel, type GuidePanelProps } from "./GuidePanel.js";
+export { DefaultIllustration as GuideDefaultIllustration } from "./Illustration.js";

package/esm/guide-panel/index.js

@@ -1,3 +1,3 @@
-export { default as GuidePanel } from "./GuidePanel";
-export { DefaultIllustration as GuideDefaultIllustration } from "./Illustration";
+export { default as GuidePanel } from "./GuidePanel.js";
+export { DefaultIllustration as GuideDefaultIllustration } from "./Illustration.js";
 //# sourceMappingURL=index.js.map

package/esm/help-text/HelpText.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { PopoverProps } from "../popover";
+import { PopoverProps } from "../popover/index.js";
 export interface HelpTextProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, Pick<PopoverProps, "strategy" | "placement"> {
     children: React.ReactNode;
     /**

package/esm/help-text/HelpText.js

@@ -11,10 +11,10 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import cl from "clsx";
 import React, { forwardRef, useRef, useState } from "react";
-import { Popover } from "../popover";
-import { composeEventHandlers } from "../util/composeEventHandlers";
-import { useMergeRefs } from "../util/hooks/useMergeRefs";
-import { HelpTextIcon } from "./HelpTextIcon";
+import { Popover } from "../popover/index.js";
+import { composeEventHandlers } from "../util/composeEventHandlers.js";
+import { useMergeRefs } from "../util/hooks/useMergeRefs.js";
+import { HelpTextIcon } from "./HelpTextIcon.js";
 /**
  * A component that displays a help text button with a popover.
  *

package/esm/help-text/HelpTextIcon.js

@@ -1,6 +1,6 @@
 import cl from "clsx";
 import React from "react";
-import { useId } from "../util/hooks";
+import { useId } from "../util/hooks/index.js";
 export const HelpTextIcon = ({ title, filled = false, }) => {
     let titleId = useId();
     titleId = title ? `title-${titleId}` : undefined;

package/esm/help-text/index.d.ts

@@ -1,2 +1,2 @@
-export { default as HelpText } from "./HelpText";
-export { type HelpTextProps } from "./HelpText";
+export { default as HelpText } from "./HelpText.js";
+export { type HelpTextProps } from "./HelpText.js";

package/esm/help-text/index.js

@@ -1,2 +1,2 @@
-export { default as HelpText } from "./HelpText";
+export { default as HelpText } from "./HelpText.js";
 //# sourceMappingURL=index.js.map

package/esm/index.d.ts

@@ -1,41 +1,40 @@
-export * from "./accordion";
-export * from "./alert";
-export * from "./button";
-export * from "./chat";
-export * from "./chips";
-export * from "./copybutton";
-export * from "./date";
-export * from "./dropdown";
-export * from "./expansion-card";
-export * from "./form";
-export * from "./grid";
-export * from "./guide-panel";
-export * from "./help-text";
-export * from "./internal-header";
-export * from "./link";
-export * from "./link-panel";
-export * from "./list";
-export * from "./loader";
-export * from "./modal";
-export * from "./pagination";
-export * from "./panel";
-export * from "./popover";
-export * from "./provider";
-export * from "./read-more";
-export * from "./skeleton";
-export * from "./stepper";
-export * from "./table";
-export * from "./tabs";
-export * from "./tag";
-export * from "./timeline";
-export * from "./toggle-group";
-export * from "./tooltip";
-export * from "./typography";
-export * from "./util";
-export * from "./layout/bleed";
-export * from "./layout/box";
-export * from "./layout/stack";
-export * from "./layout/grid";
-export * from "./layout/content-container";
-export * from "./layout/responsive";
-export * from "./layout/page";
+export * from "./accordion/index.js";
+export * from "./alert/index.js";
+export * from "./button/index.js";
+export * from "./chat/index.js";
+export * from "./chips/index.js";
+export * from "./copybutton/index.js";
+export * from "./date/index.js";
+export * from "./dropdown/index.js";
+export * from "./expansion-card/index.js";
+export * from "./form/index.js";
+export * from "./guide-panel/index.js";
+export * from "./overlays/index.js";
+export * from "./help-text/index.js";
+export * from "./internal-header/index.js";
+export * from "./link/index.js";
+export * from "./link-panel/index.js";
+export * from "./list/index.js";
+export * from "./loader/index.js";
+export * from "./modal/index.js";
+export * from "./pagination/index.js";
+export * from "./panel/index.js";
+export * from "./popover/index.js";
+export * from "./provider/index.js";
+export * from "./read-more/index.js";
+export * from "./skeleton/index.js";
+export * from "./stepper/index.js";
+export * from "./table/index.js";
+export * from "./tabs/index.js";
+export * from "./tag/index.js";
+export * from "./timeline/index.js";
+export * from "./toggle-group/index.js";
+export * from "./tooltip/index.js";
+export * from "./typography/index.js";
+export * from "./util/index.js";
+export * from "./layout/bleed/index.js";
+export * from "./layout/box/index.js";
+export * from "./layout/stack/index.js";
+export * from "./layout/grid/index.js";
+export * from "./layout/responsive/index.js";
+export * from "./layout/page/index.js";

package/esm/index.js

@@ -1,43 +1,42 @@
 "use client";
-export * from "./accordion";
-export * from "./alert";
-export * from "./button";
-export * from "./chat";
-export * from "./chips";
-export * from "./copybutton";
-export * from "./date";
-export * from "./dropdown";
-export * from "./expansion-card";
-export * from "./form";
-export * from "./grid";
-export * from "./guide-panel";
-export * from "./help-text";
-export * from "./internal-header";
-export * from "./link";
-export * from "./link-panel";
-export * from "./list";
-export * from "./loader";
-export * from "./modal";
-export * from "./pagination";
-export * from "./panel";
-export * from "./popover";
-export * from "./provider";
-export * from "./read-more";
-export * from "./skeleton";
-export * from "./stepper";
-export * from "./table";
-export * from "./tabs";
-export * from "./tag";
-export * from "./timeline";
-export * from "./toggle-group";
-export * from "./tooltip";
-export * from "./typography";
-export * from "./util";
-export * from "./layout/bleed";
-export * from "./layout/box";
-export * from "./layout/stack";
-export * from "./layout/grid";
-export * from "./layout/content-container";
-export * from "./layout/responsive";
-export * from "./layout/page";
+export * from "./accordion/index.js";
+export * from "./alert/index.js";
+export * from "./button/index.js";
+export * from "./chat/index.js";
+export * from "./chips/index.js";
+export * from "./copybutton/index.js";
+export * from "./date/index.js";
+export * from "./dropdown/index.js";
+export * from "./expansion-card/index.js";
+export * from "./form/index.js";
+export * from "./guide-panel/index.js";
+export * from "./overlays/index.js";
+export * from "./help-text/index.js";
+export * from "./internal-header/index.js";
+export * from "./link/index.js";
+export * from "./link-panel/index.js";
+export * from "./list/index.js";
+export * from "./loader/index.js";
+export * from "./modal/index.js";
+export * from "./pagination/index.js";
+export * from "./panel/index.js";
+export * from "./popover/index.js";
+export * from "./provider/index.js";
+export * from "./read-more/index.js";
+export * from "./skeleton/index.js";
+export * from "./stepper/index.js";
+export * from "./table/index.js";
+export * from "./tabs/index.js";
+export * from "./tag/index.js";
+export * from "./timeline/index.js";
+export * from "./toggle-group/index.js";
+export * from "./tooltip/index.js";
+export * from "./typography/index.js";
+export * from "./util/index.js";
+export * from "./layout/bleed/index.js";
+export * from "./layout/box/index.js";
+export * from "./layout/stack/index.js";
+export * from "./layout/grid/index.js";
+export * from "./layout/responsive/index.js";
+export * from "./layout/page/index.js";
 //# sourceMappingURL=index.js.map

package/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,kBAAkB,CAAC;AACjC,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,mBAAmB,CAAC;AAClC,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,OAAO,CAAC;AACtB,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,4BAA4B,CAAC;AAC3C,cAAc,qBAAqB,CAAC;AACpC,cAAc,eAAe,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AACb,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,kBAAkB,CAAC;AACjC,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,mBAAmB,CAAC;AAClC,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,OAAO,CAAC;AACtB,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,eAAe,CAAC"}

package/esm/internal-header/InternalHeader.d.ts

@@ -1,9 +1,9 @@
 import React, { HTMLAttributes } from "react";
-import { OverridableComponent } from "../util/types";
-import { InternalHeaderButtonProps } from "./InternalHeaderButton";
-import { InternalHeaderTitleProps } from "./InternalHeaderTitle";
-import { InternalHeaderUserProps } from "./InternalHeaderUser";
-import { InternalHeaderUserButtonProps } from "./InternalHeaderUserButton";
+import { OverridableComponent } from "../util/types/index.js";
+import { InternalHeaderButtonProps } from "./InternalHeaderButton.js";
+import { InternalHeaderTitleProps } from "./InternalHeaderTitle.js";
+import { InternalHeaderUserProps } from "./InternalHeaderUser.js";
+import { InternalHeaderUserButtonProps } from "./InternalHeaderUserButton.js";
 export interface InternalHeaderProps extends HTMLAttributes<HTMLElement> {
     children: React.ReactNode;
 }

package/esm/internal-header/InternalHeader.js

@@ -11,10 +11,10 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import cl from "clsx";
 import React, { forwardRef } from "react";
-import InternalHeaderButton from "./InternalHeaderButton";
-import InternalHeaderTitle from "./InternalHeaderTitle";
-import InternalHeaderUser from "./InternalHeaderUser";
-import InternalHeaderUserButton from "./InternalHeaderUserButton";
+import InternalHeaderButton from "./InternalHeaderButton.js";
+import InternalHeaderTitle from "./InternalHeaderTitle.js";
+import InternalHeaderUser from "./InternalHeaderUser.js";
+import InternalHeaderUserButton from "./InternalHeaderUserButton.js";
 /**
  * Simple Header for internal pages and systems.
  *

package/esm/internal-header/InternalHeaderButton.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { OverridableComponent } from "../util/types";
+import { OverridableComponent } from "../util/types/index.js";
 export interface InternalHeaderButtonProps extends React.AnchorHTMLAttributes<HTMLButtonElement> {
     /**
      * Application Button

package/esm/internal-header/InternalHeaderTitle.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { OverridableComponent } from "../util/types";
+import { OverridableComponent } from "../util/types/index.js";
 export interface InternalHeaderTitleProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
     /**
      * Application title

package/esm/internal-header/InternalHeaderUser.js

@@ -11,7 +11,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import cl from "clsx";
 import React, { forwardRef } from "react";
-import { BodyShort, Detail } from "../typography";
+import { BodyShort, Detail } from "../typography/index.js";
 export const InternalHeaderUser = forwardRef((_a, ref) => {
     var { className, name, description } = _a, rest = __rest(_a, ["className", "name", "description"]);
     return (React.createElement("div", Object.assign({}, rest, { ref: ref, className: cl("navds-internalheader__user", className) }),

package/esm/internal-header/InternalHeaderUserButton.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { OverridableComponent } from "../util/types";
+import { OverridableComponent } from "../util/types/index.js";
 export interface InternalHeaderUserButtonProps extends React.AnchorHTMLAttributes<HTMLButtonElement> {
     /**
      * User name

package/esm/internal-header/InternalHeaderUserButton.js

@@ -12,8 +12,8 @@ var __rest = (this && this.__rest) || function (s, e) {
 import cl from "clsx";
 import React, { forwardRef } from "react";
 import { ChevronDownIcon } from "@navikt/aksel-icons";
-import { BodyShort, Detail } from "../typography";
-import InternalHeaderButton from "./InternalHeaderButton";
+import { BodyShort, Detail } from "../typography/index.js";
+import InternalHeaderButton from "./InternalHeaderButton.js";
 export const InternalHeaderUserButton = forwardRef((_a, ref) => {
     var { as, name, description, className } = _a, rest = __rest(_a, ["as", "name", "description", "className"]);
     return (React.createElement(InternalHeaderButton, Object.assign({}, rest, { as: as, ref: ref, className: cl("navds-internalheader__user-button", className) }),

package/esm/internal-header/index.d.ts

@@ -1,5 +1,5 @@
-export { default as InternalHeader, type InternalHeaderProps, } from "./InternalHeader";
-export { type InternalHeaderButtonProps } from "./InternalHeaderButton";
-export { type InternalHeaderTitleProps } from "./InternalHeaderTitle";
-export { type InternalHeaderUserProps } from "./InternalHeaderUser";
-export { type InternalHeaderUserButtonProps } from "./InternalHeaderUserButton";
+export { default as InternalHeader, type InternalHeaderProps, } from "./InternalHeader.js";
+export { type InternalHeaderButtonProps } from "./InternalHeaderButton.js";
+export { type InternalHeaderTitleProps } from "./InternalHeaderTitle.js";
+export { type InternalHeaderUserProps } from "./InternalHeaderUser.js";
+export { type InternalHeaderUserButtonProps } from "./InternalHeaderUserButton.js";

package/esm/internal-header/index.js

@@ -1,2 +1,2 @@
-export { default as InternalHeader, } from "./InternalHeader";
+export { default as InternalHeader, } from "./InternalHeader.js";
 //# sourceMappingURL=index.js.map

package/esm/layout/bleed/Bleed.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { ResponsiveProp, SpacingScale } from "../utilities/types";
+import { ResponsiveProp, SpacingScale } from "../utilities/types.js";
 export type BleedSpacingInline = "0" | "full" | "px" | SpacingScale;
 export type BleedSpacingBlock = "0" | "px" | SpacingScale;
 export interface BleedProps extends React.HTMLAttributes<HTMLDivElement> {
@@ -8,7 +8,7 @@ export interface BleedProps extends React.HTMLAttributes<HTMLDivElement> {
      * @example
      * marginInline='4'
      * marginInline='4 5'
-     * marginInline={{xs: '0 32', sm: '3', md: '4 5', lg: '5', xl: '6'}}
+     * marginInline={{xs: '0 32', sm: '3', md: '4 5', lg: '5', xl: '6', "2xl": '12'}}
      */
     marginInline?: ResponsiveProp<BleedSpacingInline | `${BleedSpacingInline} ${BleedSpacingInline}`>;
     /** **Negative** vertical margin around children.
@@ -16,7 +16,7 @@ export interface BleedProps extends React.HTMLAttributes<HTMLDivElement> {
      * @example
      * marginBlock='4'
      * marginBlock='4 5'
-     * marginBlock={{xs: '2', sm: '3', md: '4', lg: '5', xl: '6'}}
+     * marginBlock={{xs: '2', sm: '3', md: '4', lg: '5', xl: '6', "2xl": '12'}}
      */
     marginBlock?: ResponsiveProp<BleedSpacingBlock | `${BleedSpacingBlock} ${BleedSpacingBlock}`>;
     /**

package/esm/layout/bleed/Bleed.js

@@ -11,8 +11,8 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import cl from "clsx";
 import React, { forwardRef } from "react";
-import { Slot } from "../../util/Slot";
-import { getResponsiveProps } from "../utilities/css";
+import { Slot } from "../../util/Slot.js";
+import { getResponsiveProps } from "../utilities/css.js";
 /**
  * Foundational Layout-primitive for generic encapsulation & styling.
  *

package/esm/layout/bleed/index.d.ts

@@ -1 +1 @@
-export { Bleed, type BleedProps } from "./Bleed";
+export { Bleed, type BleedProps } from "./Bleed.js";

package/esm/layout/bleed/index.js

@@ -1,2 +1,2 @@
-export { Bleed } from "./Bleed";
+export { Bleed } from "./Bleed.js";
 //# sourceMappingURL=index.js.map

package/esm/layout/box/Box.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
-import { OverridableComponent } from "../../util/types";
-import { BackgroundToken, BorderColorToken, BorderRadiiToken, ResponsiveProp, ShadowToken, SpaceDelimitedAttribute, SpacingScale } from "../utilities/types";
+import { OverridableComponent } from "../../util/types/index.js";
+import { BackgroundToken, BorderColorToken, BorderRadiiToken, ResponsiveProp, ShadowToken, SpaceDelimitedAttribute, SpacingScale } from "../utilities/types.js";
 export interface BoxProps extends React.HTMLAttributes<HTMLDivElement> {
     /** Background color. Accepts a color token. */
     background?: BackgroundToken;

package/esm/layout/box/Box.js

@@ -11,7 +11,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import cl from "clsx";
 import React, { forwardRef } from "react";
-import { getResponsiveProps } from "../utilities/css";
+import { getResponsiveProps } from "../utilities/css.js";
 /**
  * Foundational Layout-primitive for generic encapsulation & styling.
  *

package/esm/layout/box/index.d.ts

@@ -1 +1 @@
-export { Box, type BoxProps } from "./Box";
+export { Box, type BoxProps } from "./Box.js";

package/esm/layout/box/index.js

@@ -1,2 +1,2 @@
-export { Box } from "./Box";
+export { Box } from "./Box.js";
 //# sourceMappingURL=index.js.map

package/esm/layout/grid/HGrid.d.ts

@@ -1,5 +1,5 @@
 import React, { HTMLAttributes } from "react";
-import { ResponsiveProp, SpacingScale } from "../utilities/types";
+import { ResponsiveProp, SpacingScale } from "../utilities/types.js";
 export interface HGridProps extends HTMLAttributes<HTMLDivElement> {
     children: React.ReactNode;
     /**

package/esm/layout/grid/HGrid.js

@@ -11,7 +11,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import cl from "clsx";
 import React, { forwardRef } from "react";
-import { getResponsiveProps, getResponsiveValue } from "../utilities/css";
+import { getResponsiveProps, getResponsiveValue } from "../utilities/css.js";
 /**
  * Horizontal Grid Primitive with dynamic columns and gap based on breakpoints.
  *

package/esm/layout/grid/index.d.ts

@@ -1 +1 @@
-export { default as HGrid, type HGridProps } from "./HGrid";
+export { default as HGrid, type HGridProps } from "./HGrid.js";

package/esm/layout/grid/index.js

@@ -1,2 +1,2 @@
-export { default as HGrid } from "./HGrid";
+export { default as HGrid } from "./HGrid.js";
 //# sourceMappingURL=index.js.map

package/esm/layout/page/Page.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
 import bgColors from "@navikt/ds-tokens/src/colors-bg.json";
-import { OverridableComponent } from "../../util";
-import { PageBlock } from "./parts/PageBlock";
+import { OverridableComponent } from "../../util/index.js";
+import { PageBlock } from "./parts/PageBlock.js";
 export interface PageProps extends React.HTMLAttributes<HTMLElement> {
     /**
      * Overrides html-tag

package/esm/layout/page/Page.js

@@ -11,7 +11,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import cl from "clsx";
 import React, { forwardRef } from "react";
-import { PageBlock } from "./parts/PageBlock";
+import { PageBlock } from "./parts/PageBlock.js";
 export const PageComponent = forwardRef((_a, ref) => {
     var { as: Component = "div", className, style: _style, footer, children, footerPosition, background = "bg-default", contentBlockPadding = "end" } = _a, rest = __rest(_a, ["as", "className", "style", "footer", "children", "footerPosition", "background", "contentBlockPadding"]);
     const style = Object.assign(Object.assign({}, _style), { "--__ac-page-background": `var(--a-${background})` });

package/esm/layout/page/index.d.ts

@@ -1,2 +1,2 @@
-export { default as Page, type PageProps } from "./Page";
-export { type PageBlockProps } from "./parts/PageBlock";
+export { default as Page, type PageProps } from "./Page.js";
+export { type PageBlockProps } from "./parts/PageBlock.js";

package/esm/layout/page/index.js

@@ -1,2 +1,2 @@
-export { default as Page } from "./Page";
+export { default as Page } from "./Page.js";
 //# sourceMappingURL=index.js.map

package/esm/layout/page/parts/PageBlock.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { OverridableComponent } from "../../../util/types";
+import { OverridableComponent } from "../../../util/types/index.js";
 export declare const widths: readonly ["text", "md", "lg", "xl", "2xl"];
 export interface PageBlockProps extends React.HTMLAttributes<HTMLDivElement> {
     /**

package/esm/layout/responsive/Responsive.d.ts

@@ -1,5 +1,5 @@
 import React, { HTMLAttributes } from "react";
-import { BreakpointsAlias } from "../utilities/types";
+import { BreakpointsAlias } from "../utilities/types.js";
 export interface ResponsiveProps extends HTMLAttributes<HTMLDivElement> {
     children: React.ReactNode;
     /**

package/esm/layout/responsive/Responsive.js

@@ -11,7 +11,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import cl from "clsx";
 import React, { forwardRef } from "react";
-import { Slot } from "../../util/Slot";
+import { Slot } from "../../util/Slot.js";
 const Responsive = forwardRef((_a, ref) => {
     var { as: Component = "div", className, above, below, variant, asChild } = _a, rest = __rest(_a, ["as", "className", "above", "below", "variant", "asChild"]);
     const aboveProp = variant === "show" ? above : below;

package/esm/layout/responsive/index.d.ts

@@ -1 +1 @@
-export { Show, Hide, type ResponsiveProps } from "./Responsive";
+export { Show, Hide, type ResponsiveProps } from "./Responsive.js";

package/esm/layout/responsive/index.js

@@ -1,2 +1,2 @@
-export { Show, Hide } from "./Responsive";
+export { Show, Hide } from "./Responsive.js";
 //# sourceMappingURL=index.js.map

package/esm/layout/sidemal-test/AvatarPanel.js

@@ -1,7 +1,7 @@
 import React from "react";
 import { PersonIcon } from "@navikt/aksel-icons";
-import { Box } from "../box";
-import { HStack } from "../stack";
+import { Box } from "../box/index.js";
+import { HStack } from "../stack/index.js";
 export function AvatarPanel({ children }) {
     return (React.createElement(Box, { background: "bg-default", paddingInline: { xs: "4", md: "10" }, paddingBlock: { xs: "10 8", md: "12 10" }, className: "avatar-card", borderRadius: "medium" },
         React.createElement(HStack, { justify: "center" },