@navikt/ds-react 6.6.0 → 6.7.0

package/cjs/typography/BodyLong.d.ts

@@ -3,12 +3,12 @@ import { OverridableComponent } from "../util/types";
 import { TypoProps } from "./types";
 export interface BodyLongProps extends TypoProps, React.HTMLAttributes<HTMLParagraphElement> {
     /**
-     * large: 20px, medium: 18px, small: 16px
+     * large: 20px, medium: 18px, small: 16px.
      * @default "medium"
      */
     size?: "large" | "medium" | "small";
     /**
-     * Text
+     * Text.
      */
     children: React.ReactNode;
 }
@@ -21,11 +21,11 @@ export interface BodyLongProps extends TypoProps, React.HTMLAttributes<HTMLParag
  *
  * @example
  * ```jsx
- *     <BodyLong>
- *       Hvis du ikke bor sammen med begge foreldrene dine,
- *       kan du ha rett til barnebidrag fra en eller begge foreldre mens du
- *       fullfører videregående skole eller tilsvarende.
- *     </BodyLong>
+ * <BodyLong>
+ *   Hvis du ikke bor sammen med begge foreldrene dine,
+ *   kan du ha rett til barnebidrag fra en eller begge foreldre mens du
+ *   fullfører videregående skole eller tilsvarende.
+ * </BodyLong>
  * ```
  */
 export declare const BodyLong: OverridableComponent<BodyLongProps, HTMLParagraphElement>;

package/cjs/typography/BodyLong.js

@@ -50,11 +50,11 @@ const util_1 = require("./util");
  *
  * @example
  * ```jsx
- *     <BodyLong>
- *       Hvis du ikke bor sammen med begge foreldrene dine,
- *       kan du ha rett til barnebidrag fra en eller begge foreldre mens du
- *       fullfører videregående skole eller tilsvarende.
- *     </BodyLong>
+ * <BodyLong>
+ *   Hvis du ikke bor sammen med begge foreldrene dine,
+ *   kan du ha rett til barnebidrag fra en eller begge foreldre mens du
+ *   fullfører videregående skole eller tilsvarende.
+ * </BodyLong>
  * ```
  */
 exports.BodyLong = (0, react_1.forwardRef)((_a, ref) => {

package/cjs/typography/BodyShort.d.ts

@@ -3,12 +3,12 @@ import { OverridableComponent } from "../util/types";
 import { TypoProps } from "./types";
 export interface BodyShortProps extends TypoProps, React.HTMLAttributes<HTMLParagraphElement> {
     /**
-     * large: 20px, medium: 18px, small: 16px
+     * large: 20px, medium: 18px, small: 16px.
      * @default "medium"
      */
     size?: "large" | "medium" | "small";
     /**
-     * Paragraph text
+     * Paragraph text.
      */
     children: React.ReactNode;
 }
@@ -21,9 +21,9 @@ export interface BodyShortProps extends TypoProps, React.HTMLAttributes<HTMLPara
  *
  * @example
  * ```jsx
- *     <BodyShort>
- *       Du må gjøre en filtrering for å se brukere i listen.
- *     </BodyShort>
+ * <BodyShort>
+ *   Du må gjøre en filtrering for å se brukere i listen.
+ * </BodyShort>
  * ```
  */
 export declare const BodyShort: OverridableComponent<BodyShortProps, HTMLParagraphElement>;

package/cjs/typography/BodyShort.js

@@ -50,9 +50,9 @@ const util_1 = require("./util");
  *
  * @example
  * ```jsx
- *     <BodyShort>
- *       Du må gjøre en filtrering for å se brukere i listen.
- *     </BodyShort>
+ * <BodyShort>
+ *   Du må gjøre en filtrering for å se brukere i listen.
+ * </BodyShort>
  * ```
  */
 exports.BodyShort = (0, react_1.forwardRef)((_a, ref) => {

package/cjs/typography/Detail.d.ts

@@ -7,11 +7,11 @@ export interface DetailProps extends TypoProps, React.HTMLAttributes<HTMLParagra
      */
     size?: "medium" | "small";
     /**
-     * Paragraph text
+     * Text.
      */
     children: React.ReactNode;
     /**
-     * All caps
+     * ALL CAPS.
      */
     uppercase?: boolean;
 }
@@ -24,9 +24,9 @@ export interface DetailProps extends TypoProps, React.HTMLAttributes<HTMLParagra
  *
  * @example
  * ```jsx
- *     <Detail>
- *       Du må gjøre en filtrering for å se brukere i listen.
- *     </Detail>
+ * <Detail>
+ *   Du må gjøre en filtrering for å se brukere i listen.
+ * </Detail>
  * ```
  */
 export declare const Detail: OverridableComponent<DetailProps, HTMLParagraphElement>;

package/cjs/typography/Detail.js

@@ -50,9 +50,9 @@ const util_1 = require("./util");
  *
  * @example
  * ```jsx
- *     <Detail>
- *       Du må gjøre en filtrering for å se brukere i listen.
- *     </Detail>
+ * <Detail>
+ *   Du må gjøre en filtrering for å se brukere i listen.
+ * </Detail>
  * ```
  */
 exports.Detail = (0, react_1.forwardRef)((_a, ref) => {

package/cjs/typography/ErrorMessage.d.ts

@@ -3,12 +3,12 @@ import { OverridableComponent } from "../util/types";
 import { TypoProps } from "./types";
 export interface ErrorMessageProps extends Pick<TypoProps, "spacing">, React.HTMLAttributes<HTMLParagraphElement> {
     /**
-     * medium: 18px, small: 16px
+     * medium: 18px, small: 16px.
      * @default "medium"
      */
     size?: "medium" | "small";
     /**
-     * Error text
+     * Error text.
      */
     children: React.ReactNode;
 }
@@ -21,9 +21,9 @@ export interface ErrorMessageProps extends Pick<TypoProps, "spacing">, React.HTM
  *
  * @example
  * ```jsx
- *     <ErrorMessage>
- *       Du må fylle ut: Oppgi årsaken til at du har ventet mer enn 6 måneder med å søke om refusjon
- *     </ErrorMessage>
+ * <ErrorMessage>
+ *   Du må fylle ut: Oppgi årsaken til at du har ventet mer enn 6 måneder med å søke om refusjon
+ * </ErrorMessage>
  * ```
  */
 export declare const ErrorMessage: OverridableComponent<ErrorMessageProps, HTMLParagraphElement>;

package/cjs/typography/ErrorMessage.js

@@ -50,9 +50,9 @@ const util_1 = require("./util");
  *
  * @example
  * ```jsx
- *     <ErrorMessage>
- *       Du må fylle ut: Oppgi årsaken til at du har ventet mer enn 6 måneder med å søke om refusjon
- *     </ErrorMessage>
+ * <ErrorMessage>
+ *   Du må fylle ut: Oppgi årsaken til at du har ventet mer enn 6 måneder med å søke om refusjon
+ * </ErrorMessage>
  * ```
  */
 exports.ErrorMessage = (0, react_1.forwardRef)((_a, ref) => {

package/cjs/typography/Heading.d.ts

@@ -3,16 +3,16 @@ import { OverridableComponent } from "../util/types";
 import { TypoProps } from "./types";
 export interface HeadingProps extends Pick<TypoProps, "spacing" | "visuallyHidden" | "align" | "textColor">, React.HTMLAttributes<HTMLHeadingElement> {
     /**
-     * Heading level
+     * Heading level.
      * @default "1"
      */
     level?: "1" | "2" | "3" | "4" | "5" | "6";
     /**
-     * Changes text-sizing
+     * xlarge: 40px, large: 32px, medium: 24px, small: 20px, xsmall: 18px.
      */
     size: "xlarge" | "large" | "medium" | "small" | "xsmall";
     /**
-     * Heading text
+     * Heading text.
      */
     children: React.ReactNode;
 }
@@ -25,9 +25,9 @@ export interface HeadingProps extends Pick<TypoProps, "spacing" | "visuallyHidde
  *
  * @example
  * ```jsx
- *     <Heading level="1" size="xlarge">
- *       Hva kan vi hjelpe deg med?
- *     </Heading>
+ * <Heading level="1" size="xlarge">
+ *   Hva kan vi hjelpe deg med?
+ * </Heading>
  * ```
  */
 export declare const Heading: OverridableComponent<HeadingProps, HTMLHeadingElement>;

package/cjs/typography/Heading.js

@@ -50,9 +50,9 @@ const util_1 = require("./util");
  *
  * @example
  * ```jsx
- *     <Heading level="1" size="xlarge">
- *       Hva kan vi hjelpe deg med?
- *     </Heading>
+ * <Heading level="1" size="xlarge">
+ *   Hva kan vi hjelpe deg med?
+ * </Heading>
  * ```
  */
 exports.Heading = (0, react_1.forwardRef)((_a, ref) => {

package/cjs/typography/Label.d.ts

@@ -3,12 +3,12 @@ import { OverridableComponent } from "../util/types";
 import { TypoProps } from "./types";
 export interface LabelProps extends Omit<TypoProps, "weight" | "align" | "truncate">, React.LabelHTMLAttributes<HTMLLabelElement> {
     /**
-     * medium: 18px, small: 16px
+     * medium: 18px, small: 16px.
      * @default "medium"
      */
     size?: "medium" | "small";
     /**
-     * Paragraph text
+     * Label text.
      */
     children: React.ReactNode;
 }
@@ -21,9 +21,9 @@ export interface LabelProps extends Omit<TypoProps, "weight" | "align" | "trunca
  *
  * @example
  * ```jsx
- *     <Label>
- *       Oppgi årsaken til at du har ventet mer enn 6 måneder med å søke om refusjon
- *     </Label>
+ * <Label>
+ *   Oppgi årsaken til at du har ventet mer enn 6 måneder med å søke om refusjon
+ * </Label>
  * ```
  */
 export declare const Label: OverridableComponent<LabelProps, HTMLLabelElement>;

package/cjs/typography/Label.js

@@ -50,9 +50,9 @@ const util_1 = require("./util");
  *
  * @example
  * ```jsx
- *     <Label>
- *       Oppgi årsaken til at du har ventet mer enn 6 måneder med å søke om refusjon
- *     </Label>
+ * <Label>
+ *   Oppgi årsaken til at du har ventet mer enn 6 måneder med å søke om refusjon
+ * </Label>
  * ```
  */
 exports.Label = (0, react_1.forwardRef)((_a, ref) => {

package/cjs/typography/types.d.ts

@@ -12,15 +12,15 @@ export type TypoProps = {
      */
     align?: "start" | "center" | "end";
     /**
-     * Visually hide text. Text will still be accessible for screenreaders
+     * Visually hide text. Text will still be accessible for screenreaders.
      */
     visuallyHidden?: boolean;
     /**
-     * Adds spacing below text
+     * Adds spacing below text.
      */
     spacing?: boolean;
     /**
-     * Adjusts color
+     * Adjusts color.
      */
     textColor?: "default" | "subtle";
 };

package/esm/collapsible/Collapsible.context.d.ts

@@ -0,0 +1,48 @@
+/// <reference types="react" />
+import { CollapsibleBaseProps } from "./Collapsible.types.js";
+export type CollapsibleContextProps = Pick<CollapsibleBaseProps, "open"> & {
+    /**
+     * Allows connecting trigger to content
+     */
+    contentId: string;
+    /**
+     * Allows connecting content to trigger
+     */
+    triggerId: string;
+    /**
+     * Callback for toggling open state
+     */
+    onOpenToggle: () => void;
+    /**
+     * Allows always rendering children in content when closed
+     */
+    lazy: boolean;
+    /**
+     * Utility for getting state as string. Usefull for data-attributes.
+     */
+    state: "open" | "closed";
+};
+export declare const CollapsibleContextProvider: import("react").ForwardRefExoticComponent<Pick<CollapsibleBaseProps, "open"> & {
+    /**
+     * Allows connecting trigger to content
+     */
+    contentId: string;
+    /**
+     * Allows connecting content to trigger
+     */
+    triggerId: string;
+    /**
+     * Callback for toggling open state
+     */
+    onOpenToggle: () => void;
+    /**
+     * Allows always rendering children in content when closed
+     */
+    lazy: boolean;
+    /**
+     * Utility for getting state as string. Usefull for data-attributes.
+     */
+    state: "open" | "closed";
+} & {
+    children: import("react").ReactNode;
+} & import("react").RefAttributes<unknown>>, useCollapsibleContext: <S extends boolean = true>(strict?: S) => S extends true ? CollapsibleContextProps : CollapsibleContextProps | undefined;

package/esm/collapsible/Collapsible.context.js

@@ -0,0 +1,6 @@
+import { createContext } from "../util/create-context.js";
+export const [CollapsibleContextProvider, useCollapsibleContext] = createContext({
+    name: "CollapsibleContext",
+    errorMessage: "<Collapsible.Trigger> and <Collapsible.Content> must be used within a <Collapsible>",
+});
+//# sourceMappingURL=Collapsible.context.js.map

package/esm/collapsible/Collapsible.context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Collapsible.context.js","sourceRoot":"","sources":["../../src/collapsible/Collapsible.context.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AA0BvD,MAAM,CAAC,MAAM,CAAC,0BAA0B,EAAE,qBAAqB,CAAC,GAC9D,aAAa,CAA0B;IACrC,IAAI,EAAE,oBAAoB;IAC1B,YAAY,EACV,qFAAqF;CACxF,CAAC,CAAC"}

package/esm/collapsible/Collapsible.d.ts

@@ -0,0 +1,48 @@
+import React from "react";
+import { CollapsibleBaseProps } from "./Collapsible.types.js";
+import CollapsibleContent from "./parts/Collapsible.Content.js";
+import CollapsibleTrigger from "./parts/Collapsible.Trigger.js";
+export interface CollapsibleProps extends CollapsibleBaseProps, React.HTMLAttributes<HTMLDivElement> {
+}
+interface CollapsibleComponent extends React.ForwardRefExoticComponent<CollapsibleProps & React.RefAttributes<HTMLDivElement>> {
+    /**
+     * @see 🏷️ {@link CollapsibleTriggerProps}
+     */
+    Trigger: typeof CollapsibleTrigger;
+    /**
+     * @see 🏷️ {@link CollapsibleContentProps}
+     */
+    Content: typeof CollapsibleContent;
+}
+/**
+ * Collapsible is a component that allows you to toggle visibility of content.
+ *
+ * @example
+ * ```jsx
+ * <Collapsible>
+ *   <Collapsible.Trigger>Trigger</Collapsible.Trigger>
+ *   <Collapsible.Content>
+ *     Lorem ipsum dolor sit amet consectetur adipisicing elit. Recusandae
+ *     corporis maxime aliquam, voluptates nobis numquam, non odit optio
+ *     architecto iure laborum possimus! Quibusdam sit ullam, consequatur sunt
+ *     tempore optio aliquid!
+ *   </Collapsible.Content>
+ * </Collapsible>
+ * ```
+ *
+ * @example With asChild
+ * ```jsx
+ * <Collapsible>
+ *   <Collapsible.Trigger asChild>
+ *     <Button>Button</Button>
+ *   </Collapsible.Trigger>
+ *   <Collapsible.Content asChild>
+ *     <Box padding="4" background="surface-alt-3-subtle">
+ *       <div>lorem ipsum</div>
+ *     </Box>
+ *   </Collapsible.Content>
+ * </Collapsible>
+ * ```
+ */
+export declare const Collapsible: CollapsibleComponent;
+export default Collapsible;

package/esm/collapsible/Collapsible.js

@@ -0,0 +1,62 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React, { forwardRef, useCallback } from "react";
+import { useControllableState, useId } from "../util/hooks/index.js";
+import { CollapsibleContextProvider } from "./Collapsible.context.js";
+import CollapsibleContent from "./parts/Collapsible.Content.js";
+import CollapsibleTrigger from "./parts/Collapsible.Trigger.js";
+/**
+ * Collapsible is a component that allows you to toggle visibility of content.
+ *
+ * @example
+ * ```jsx
+ * <Collapsible>
+ *   <Collapsible.Trigger>Trigger</Collapsible.Trigger>
+ *   <Collapsible.Content>
+ *     Lorem ipsum dolor sit amet consectetur adipisicing elit. Recusandae
+ *     corporis maxime aliquam, voluptates nobis numquam, non odit optio
+ *     architecto iure laborum possimus! Quibusdam sit ullam, consequatur sunt
+ *     tempore optio aliquid!
+ *   </Collapsible.Content>
+ * </Collapsible>
+ * ```
+ *
+ * @example With asChild
+ * ```jsx
+ * <Collapsible>
+ *   <Collapsible.Trigger asChild>
+ *     <Button>Button</Button>
+ *   </Collapsible.Trigger>
+ *   <Collapsible.Content asChild>
+ *     <Box padding="4" background="surface-alt-3-subtle">
+ *       <div>lorem ipsum</div>
+ *     </Box>
+ *   </Collapsible.Content>
+ * </Collapsible>
+ * ```
+ */
+export const Collapsible = forwardRef((_a, ref) => {
+    var { children, open, defaultOpen = false, onOpenChange, lazy = false } = _a, rest = __rest(_a, ["children", "open", "defaultOpen", "onOpenChange", "lazy"]);
+    const [_open, setOpen] = useControllableState({
+        value: open,
+        defaultValue: defaultOpen,
+        onChange: onOpenChange,
+    });
+    const internalId = useId();
+    const state = _open ? "open" : "closed";
+    return (React.createElement(CollapsibleContextProvider, { open: _open, onOpenToggle: useCallback(() => setOpen((prevOpen) => !prevOpen), [setOpen]), contentId: `collapsible-content-${internalId}`, triggerId: `collapsible-trigger-${internalId}`, lazy: lazy, state: state },
+        React.createElement("div", Object.assign({ ref: ref, "data-state": state }, rest), children)));
+});
+Collapsible.Trigger = CollapsibleTrigger;
+Collapsible.Content = CollapsibleContent;
+export default Collapsible;
+//# sourceMappingURL=Collapsible.js.map

package/esm/collapsible/Collapsible.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Collapsible.js","sourceRoot":"","sources":["../../src/collapsible/Collapsible.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,EAAE,oBAAoB,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAC5D,OAAO,EAAE,0BAA0B,EAAE,MAAM,uBAAuB,CAAC;AAEnE,OAAO,kBAAkB,MAAM,6BAA6B,CAAC;AAC7D,OAAO,kBAAkB,MAAM,6BAA6B,CAAC;AAoB7D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,UAAU,CACnC,CACE,EAOC,EACD,GAAG,EACH,EAAE;QATF,EACE,QAAQ,EACR,IAAI,EACJ,WAAW,GAAG,KAAK,EACnB,YAAY,EACZ,IAAI,GAAG,KAAK,OAEb,EADI,IAAI,cANT,2DAOC,CADQ;IAIT,MAAM,CAAC,KAAK,EAAE,OAAO,CAAC,GAAG,oBAAoB,CAAC;QAC5C,KAAK,EAAE,IAAI;QACX,YAAY,EAAE,WAAW;QACzB,QAAQ,EAAE,YAAY;KACvB,CAAC,CAAC;IAEH,MAAM,UAAU,GAAG,KAAK,EAAE,CAAC;IAC3B,MAAM,KAAK,GAAG,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC;IAExC,OAAO,CACL,oBAAC,0BAA0B,IACzB,IAAI,EAAE,KAAK,EACX,YAAY,EAAE,WAAW,CACvB,GAAG,EAAE,CAAC,OAAO,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC,QAAQ,CAAC,EACtC,CAAC,OAAO,CAAC,CACV,EACD,SAAS,EAAE,uBAAuB,UAAU,EAAE,EAC9C,SAAS,EAAE,uBAAuB,UAAU,EAAE,EAC9C,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK;QAEZ,2CAAK,GAAG,EAAE,GAAG,gBAAc,KAAK,IAAM,IAAI,GACvC,QAAQ,CACL,CACqB,CAC9B,CAAC;AACJ,CAAC,CACsB,CAAC;AAE1B,WAAW,CAAC,OAAO,GAAG,kBAAkB,CAAC;AACzC,WAAW,CAAC,OAAO,GAAG,kBAAkB,CAAC;AAEzC,eAAe,WAAW,CAAC"}

package/esm/collapsible/Collapsible.types.d.ts

@@ -0,0 +1,19 @@
+export interface CollapsibleBaseProps {
+    /**
+     * The open state of the collapsible when it is initially rendered. Use when you do not need to control its open state.
+     */
+    defaultOpen?: boolean;
+    /**
+     * The controlled open state of the collapsible. Must be used in conjunction with onOpenChange.
+     */
+    open?: boolean;
+    /**
+     * Event handler called when the open state of the collapsible changes.
+     */
+    onOpenChange?: (open: boolean) => void;
+    /**
+     * Render the collapsible content lazily. This means that the content will not be rendered until the collapsible is open.
+     * @default false
+     */
+    lazy?: boolean;
+}

package/esm/collapsible/Collapsible.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Collapsible.types.js.map

package/esm/collapsible/Collapsible.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Collapsible.types.js","sourceRoot":"","sources":["../../src/collapsible/Collapsible.types.ts"],"names":[],"mappings":""}

package/esm/collapsible/index.d.ts

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

package/esm/collapsible/index.js

@@ -0,0 +1,5 @@
+"use client";
+export { default as Collapsible } from "./Collapsible.js";
+export { default as CollapsibleTrigger, } from "./parts/Collapsible.Trigger.js";
+export { default as CollapsibleContent, } from "./parts/Collapsible.Content.js";
+//# sourceMappingURL=index.js.map

package/esm/collapsible/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/collapsible/index.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AACb,OAAO,EAAE,OAAO,IAAI,WAAW,EAAyB,MAAM,eAAe,CAAC;AAC9E,OAAO,EACL,OAAO,IAAI,kBAAkB,GAE9B,MAAM,6BAA6B,CAAC;AACrC,OAAO,EACL,OAAO,IAAI,kBAAkB,GAE9B,MAAM,6BAA6B,CAAC"}

package/esm/collapsible/parts/Collapsible.Content.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+export interface CollapsibleContentProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "hidden" | "aria-controls" | "id"> {
+    /**
+     * When true, will render element as its child. This merges classes, styles and event handlers.
+     * @default false
+     */
+    asChild?: boolean;
+}
+export declare const CollapsibleContent: React.ForwardRefExoticComponent<CollapsibleContentProps & React.RefAttributes<HTMLDivElement>>;
+export default CollapsibleContent;

package/esm/collapsible/parts/Collapsible.Content.js

@@ -0,0 +1,22 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React, { forwardRef } from "react";
+import { Slot } from "../../util/Slot.js";
+import { useCollapsibleContext } from "../Collapsible.context.js";
+export const CollapsibleContent = forwardRef((_a, ref) => {
+    var { children, asChild } = _a, rest = __rest(_a, ["children", "asChild"]);
+    const ctx = useCollapsibleContext();
+    const Comp = asChild ? Slot : "div";
+    return (React.createElement(Comp, Object.assign({ ref: ref }, rest, { "data-state": ctx.state, hidden: !ctx.open, "aria-controls": ctx.open ? ctx.triggerId : undefined, id: ctx.contentId }), ctx.lazy || ctx.open ? children : null));
+});
+export default CollapsibleContent;
+//# sourceMappingURL=Collapsible.Content.js.map

package/esm/collapsible/parts/Collapsible.Content.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Collapsible.Content.js","sourceRoot":"","sources":["../../../src/collapsible/parts/Collapsible.Content.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AACvC,OAAO,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;AAc/D,MAAM,CAAC,MAAM,kBAAkB,GAAG,UAAU,CAG1C,CAAC,EAA8B,EAAE,GAAG,EAAE,EAAE;QAAvC,EAAE,QAAQ,EAAE,OAAO,OAAW,EAAN,IAAI,cAA5B,uBAA8B,CAAF;IAC7B,MAAM,GAAG,GAAG,qBAAqB,EAAE,CAAC;IAEpC,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC;IAEpC,OAAO,CACL,oBAAC,IAAI,kBACH,GAAG,EAAE,GAAG,IACJ,IAAI,kBACI,GAAG,CAAC,KAAK,EACrB,MAAM,EAAE,CAAC,GAAG,CAAC,IAAI,mBACF,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EACnD,EAAE,EAAE,GAAG,CAAC,SAAS,KAEhB,GAAG,CAAC,IAAI,IAAI,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAClC,CACR,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,eAAe,kBAAkB,CAAC"}

package/esm/collapsible/parts/Collapsible.Trigger.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+export interface CollapsibleTriggerProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "id" | "aria-controls" | "aria-expanded"> {
+    /**
+     * When true, will render element as its child. This merges classes, styles and event handlers.
+     * @default false
+     */
+    asChild?: boolean;
+}
+export declare const CollapsibleTrigger: React.ForwardRefExoticComponent<CollapsibleTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+export default CollapsibleTrigger;

package/esm/collapsible/parts/Collapsible.Trigger.js

@@ -0,0 +1,23 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React, { forwardRef } from "react";
+import { Slot } from "../../util/Slot.js";
+import { composeEventHandlers } from "../../util/composeEventHandlers.js";
+import { useCollapsibleContext } from "../Collapsible.context.js";
+export const CollapsibleTrigger = forwardRef((_a, ref) => {
+    var { children, asChild, onClick } = _a, rest = __rest(_a, ["children", "asChild", "onClick"]);
+    const ctx = useCollapsibleContext();
+    const Comp = asChild ? Slot : "button";
+    return (React.createElement(Comp, Object.assign({ ref: ref, type: "button", "data-state": ctx.state, onClick: composeEventHandlers(onClick, ctx.onOpenToggle) }, rest, { id: ctx.triggerId, "aria-controls": ctx.open ? ctx.contentId : undefined, "aria-expanded": ctx.open }), children));
+});
+export default CollapsibleTrigger;
+//# sourceMappingURL=Collapsible.Trigger.js.map

package/esm/collapsible/parts/Collapsible.Trigger.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Collapsible.Trigger.js","sourceRoot":"","sources":["../../../src/collapsible/parts/Collapsible.Trigger.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AACvC,OAAO,EAAE,oBAAoB,EAAE,MAAM,iCAAiC,CAAC;AACvE,OAAO,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;AAc/D,MAAM,CAAC,MAAM,kBAAkB,GAAG,UAAU,CAG1C,CAAC,EAAuC,EAAE,GAAG,EAAE,EAAE;QAAhD,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,OAAW,EAAN,IAAI,cAArC,kCAAuC,CAAF;IACtC,MAAM,GAAG,GAAG,qBAAqB,EAAE,CAAC;IAEpC,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC;IAEvC,OAAO,CACL,oBAAC,IAAI,kBACH,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,QAAQ,gBACD,GAAG,CAAC,KAAK,EACrB,OAAO,EAAE,oBAAoB,CAAC,OAAO,EAAE,GAAG,CAAC,YAAY,CAAC,IACpD,IAAI,IACR,EAAE,EAAE,GAAG,CAAC,SAAS,mBACF,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,mBACpC,GAAG,CAAC,IAAI,KAEtB,QAAQ,CACJ,CACR,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,eAAe,kBAAkB,CAAC"}

package/esm/index.d.ts

@@ -24,6 +24,7 @@ export { Modal, type ModalProps } from "./modal/index.js";
 export { Pagination, type PaginationProps } from "./pagination/index.js";
 export { Popover, type PopoverProps } from "./popover/index.js";
 export { Portal, type PortalProps } from "./portal/index.js";
+export { ProgressBar, type ProgressBarProps } from "./progress-bar/index.js";
 export { Provider, type ProviderProps } from "./provider/index.js";
 export { ReadMore, type ReadMoreProps } from "./read-more/index.js";
 export { Skeleton, type SkeletonProps } from "./skeleton/index.js";

package/esm/index.js

@@ -25,6 +25,7 @@ export { Modal } from "./modal/index.js";
 export { Pagination } from "./pagination/index.js";
 export { Popover } from "./popover/index.js";
 export { Portal } from "./portal/index.js";
+export { ProgressBar } from "./progress-bar/index.js";
 export { Provider } from "./provider/index.js";
 export { ReadMore } from "./read-more/index.js";
 export { Skeleton } from "./skeleton/index.js";

package/esm/index.js.map

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

package/esm/layout/stack/Spacer.js

@@ -11,6 +11,6 @@ import React from "react";
  *  <MyComponent />
  * </HStack>
  */
-export const Spacer = () => React.createElement("div", { className: "navds-stack__spacer" });
+export const Spacer = () => React.createElement("span", { className: "navds-stack__spacer" });
 export default Spacer;
 //# sourceMappingURL=Spacer.js.map

package/esm/layout/stack/Spacer.js.map

@@ -1 +1 @@
-{"version":3,"file":"Spacer.js","sourceRoot":"","sources":["../../../src/layout/stack/Spacer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,EAAE,CAAC,6BAAK,SAAS,EAAC,qBAAqB,GAAG,CAAC;AAEpE,eAAe,MAAM,CAAC"}
+{"version":3,"file":"Spacer.js","sourceRoot":"","sources":["../../../src/layout/stack/Spacer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,EAAE,CAAC,8BAAM,SAAS,EAAC,qBAAqB,GAAG,CAAC;AAErE,eAAe,MAAM,CAAC"}