@navikt/ds-react 7.33.5 → 7.35.0

package/esm/alert/global-alert/root/GlobalAlertRoot.d.ts

@@ -0,0 +1,81 @@
+import React from "react";
+import { BaseAlert } from "../../base-alert/index.js";
+import { GlobalAlertCloseButton, type GlobalAlertCloseButtonProps } from "../close-button/GlobalAlertCloseButton.js";
+import { GlobalAlertContent, type GlobalAlertContentProps } from "../content/GlobalAlertContent.js";
+import { GlobalAlertHeader, type GlobalAlertHeaderProps } from "../header/GlobalAlertHeader.js";
+import { GlobalAlertTitle, type GlobalAlertTitleProps } from "../title/GlobalAlertTitle.js";
+interface GlobalAlertProps extends Omit<BaseAlert.RootProps, "type" | "global" | "data-color"> {
+    status: Exclude<BaseAlert.RootProps["status"], undefined>;
+}
+interface GlobalAlertComponent extends React.ForwardRefExoticComponent<GlobalAlertProps & React.RefAttributes<HTMLDivElement>> {
+    /**
+     * @see 🏷️ {@link GlobalAlertHeaderProps}
+     * @example
+     * ```jsx
+     *  <GlobalAlert>
+     *    <GlobalAlert.Header>
+     *      <GlobalAlert.Title>Info title</GlobalAlert.Title>
+     *    </GlobalAlert.Header>
+     *  </GlobalAlert>
+     * ```
+     */
+    Header: typeof GlobalAlertHeader;
+    /**
+     * Title component for GlobalAlert. Remember to use correct heading-level with the `as` prop.
+     * @see 🏷️ {@link GlobalAlertTitleProps}
+     * @example
+     * ```jsx
+     *  <GlobalAlert>
+     *    <GlobalAlert.Header>
+     *      <GlobalAlert.Title as="h2">Info title</GlobalAlert.Title>
+     *    </GlobalAlert.Header>
+     *  </GlobalAlert>
+     * ```
+     */
+    Title: typeof GlobalAlertTitle;
+    /**
+     * @see 🏷️ {@link GlobalAlertContentProps}
+     * @example
+     * ```jsx
+     *  <GlobalAlert>
+     *    <GlobalAlert.Header>
+     *      <GlobalAlert.Title>Info title</GlobalAlert.Title>
+     *    </GlobalAlert.Header>
+     *
+     *    <GlobalAlert.Content>Content</GlobalAlert.Content>
+     *  </GlobalAlert>
+     * ```
+     */
+    Content: typeof GlobalAlertContent;
+    /**
+     * @see 🏷️ {@link GlobalAlertCloseProps}
+     * @example
+     * ```jsx
+     *  <GlobalAlert>
+     *    <GlobalAlert.Header>
+     *      <GlobalAlert.Title>Info title</GlobalAlert.Title>
+     *     <GlobalAlert.CloseButton onClick={() => alert("Closed!")} />
+     *    </GlobalAlert.Header>
+     *  </GlobalAlert>
+     * ```
+     */
+    CloseButton: typeof GlobalAlertCloseButton;
+}
+/**
+ * A component for displaying alerts about your app.
+ * @see [📝 Documentation](https://aksel.nav.no/komponenter/core/globalalert)
+ * @see 🏷️ {@link GlobalAlertProps}
+ * @example
+ * ```jsx
+ *  <GlobalAlert status="error">
+ *    <GlobalAlert.Header>
+ *      <GlobalAlert.Title>Alert title</GlobalAlert.Title>
+ *    </GlobalAlert.Header>
+ *    <GlobalAlert.Content>Content</GlobalAlert.Content>
+ *  </GlobalAlert>
+ * ```
+ */
+export declare const GlobalAlert: GlobalAlertComponent;
+export default GlobalAlert;
+export { GlobalAlertCloseButton, GlobalAlertContent, GlobalAlertHeader, GlobalAlertTitle, };
+export type { GlobalAlertCloseButtonProps, GlobalAlertContentProps, GlobalAlertHeaderProps, GlobalAlertProps, GlobalAlertTitleProps, };

package/esm/alert/global-alert/root/GlobalAlertRoot.js

@@ -0,0 +1,30 @@
+import React, { forwardRef } from "react";
+import { BaseAlert } from "../../base-alert/index.js";
+import { GlobalAlertCloseButton, } from "../close-button/GlobalAlertCloseButton.js";
+import { GlobalAlertContent, } from "../content/GlobalAlertContent.js";
+import { GlobalAlertHeader, } from "../header/GlobalAlertHeader.js";
+import { GlobalAlertTitle, } from "../title/GlobalAlertTitle.js";
+/**
+ * A component for displaying alerts about your app.
+ * @see [📝 Documentation](https://aksel.nav.no/komponenter/core/globalalert)
+ * @see 🏷️ {@link GlobalAlertProps}
+ * @example
+ * ```jsx
+ *  <GlobalAlert status="error">
+ *    <GlobalAlert.Header>
+ *      <GlobalAlert.Title>Alert title</GlobalAlert.Title>
+ *    </GlobalAlert.Header>
+ *    <GlobalAlert.Content>Content</GlobalAlert.Content>
+ *  </GlobalAlert>
+ * ```
+ */
+export const GlobalAlert = forwardRef((props, forwardedRef) => {
+    return (React.createElement(BaseAlert.Root, Object.assign({ ref: forwardedRef, role: "alert" }, props, { type: "strong", global: true })));
+});
+GlobalAlert.Header = GlobalAlertHeader;
+GlobalAlert.Title = GlobalAlertTitle;
+GlobalAlert.Content = GlobalAlertContent;
+GlobalAlert.CloseButton = GlobalAlertCloseButton;
+export default GlobalAlert;
+export { GlobalAlertCloseButton, GlobalAlertContent, GlobalAlertHeader, GlobalAlertTitle, };
+//# sourceMappingURL=GlobalAlertRoot.js.map

package/esm/alert/global-alert/root/GlobalAlertRoot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GlobalAlertRoot.js","sourceRoot":"","sources":["../../../../src/alert/global-alert/root/GlobalAlertRoot.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EACL,sBAAsB,GAEvB,MAAM,wCAAwC,CAAC;AAChD,OAAO,EACL,kBAAkB,GAEnB,MAAM,+BAA+B,CAAC;AACvC,OAAO,EACL,iBAAiB,GAElB,MAAM,6BAA6B,CAAC;AACrC,OAAO,EACL,gBAAgB,GAEjB,MAAM,2BAA2B,CAAC;AAoEnC;;;;;;;;;;;;;GAaG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,UAAU,CACnC,CAAC,KAAuB,EAAE,YAAY,EAAE,EAAE;IACxC,OAAO,CACL,oBAAC,SAAS,CAAC,IAAI,kBACb,GAAG,EAAE,YAAY,EACjB,IAAI,EAAC,OAAO,IACR,KAAK,IACT,IAAI,EAAC,QAAQ,EACb,MAAM,UACN,CACH,CAAC;AACJ,CAAC,CACsB,CAAC;AAE1B,WAAW,CAAC,MAAM,GAAG,iBAAiB,CAAC;AACvC,WAAW,CAAC,KAAK,GAAG,gBAAgB,CAAC;AACrC,WAAW,CAAC,OAAO,GAAG,kBAAkB,CAAC;AACzC,WAAW,CAAC,WAAW,GAAG,sBAAsB,CAAC;AAEjD,eAAe,WAAW,CAAC;AAC3B,OAAO,EACL,sBAAsB,EACtB,kBAAkB,EAClB,iBAAiB,EACjB,gBAAgB,GACjB,CAAC"}

package/esm/alert/global-alert/title/GlobalAlertTitle.d.ts

@@ -0,0 +1,17 @@
+import { BaseAlert } from "../../base-alert/index.js";
+type GlobalAlertTitleProps = BaseAlert.TitleProps;
+/**
+ * Title component for GlobalAlert. Remember to use correct heading-level with the `as` prop.
+ * @see 🏷️ {@link GlobalAlertTitleProps}
+ * @example
+ * ```jsx
+ *  <GlobalAlert>
+ *    <GlobalAlert.Header>
+ *      <GlobalAlert.Title as="h2">Info title</GlobalAlert.Title>
+ *    </GlobalAlert.Header>
+ *  </GlobalAlert>
+ * ```
+ */
+declare const GlobalAlertTitle: import("react").ForwardRefExoticComponent<BaseAlert.TitleProps & import("react").RefAttributes<HTMLHeadingElement>>;
+export { GlobalAlertTitle };
+export type { GlobalAlertTitleProps };

package/esm/alert/global-alert/title/GlobalAlertTitle.js

@@ -0,0 +1,16 @@
+import { BaseAlert } from "../../base-alert/index.js";
+/**
+ * Title component for GlobalAlert. Remember to use correct heading-level with the `as` prop.
+ * @see 🏷️ {@link GlobalAlertTitleProps}
+ * @example
+ * ```jsx
+ *  <GlobalAlert>
+ *    <GlobalAlert.Header>
+ *      <GlobalAlert.Title as="h2">Info title</GlobalAlert.Title>
+ *    </GlobalAlert.Header>
+ *  </GlobalAlert>
+ * ```
+ */
+const GlobalAlertTitle = BaseAlert.Title;
+export { GlobalAlertTitle };
+//# sourceMappingURL=GlobalAlertTitle.js.map

package/esm/alert/global-alert/title/GlobalAlertTitle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GlobalAlertTitle.js","sourceRoot":"","sources":["../../../../src/alert/global-alert/title/GlobalAlertTitle.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAI7C;;;;;;;;;;;GAWG;AACH,MAAM,gBAAgB,GAAG,SAAS,CAAC,KAAK,CAAC;AAEzC,OAAO,EAAE,gBAAgB,EAAE,CAAC"}

package/esm/alert/info-card/content/InfoCardContent.d.ts

@@ -0,0 +1,18 @@
+import { BaseAlert } from "../../base-alert/index.js";
+type InfoCardContentProps = BaseAlert.ContentProps;
+/**
+ * @see 🏷️ {@link InfoCardContentProps}
+ * @example
+ * ```jsx
+ *  <InfoCard>
+ *    <InfoCard.Header>
+ *      <InfoCard.Title>Info title</InfoCard.Title>
+ *    </InfoCard.Header>
+ *
+ *    <InfoCard.Content>Content</InfoCard.Content>
+ *  </InfoCard>
+ * ```
+ */
+declare const InfoCardContent: import("react").ForwardRefExoticComponent<BaseAlert.ContentProps & import("react").RefAttributes<HTMLDivElement>>;
+export { InfoCardContent };
+export type { InfoCardContentProps };

package/esm/alert/info-card/content/InfoCardContent.js

@@ -0,0 +1,17 @@
+import { BaseAlert } from "../../base-alert/index.js";
+/**
+ * @see 🏷️ {@link InfoCardContentProps}
+ * @example
+ * ```jsx
+ *  <InfoCard>
+ *    <InfoCard.Header>
+ *      <InfoCard.Title>Info title</InfoCard.Title>
+ *    </InfoCard.Header>
+ *
+ *    <InfoCard.Content>Content</InfoCard.Content>
+ *  </InfoCard>
+ * ```
+ */
+const InfoCardContent = BaseAlert.Content;
+export { InfoCardContent };
+//# sourceMappingURL=InfoCardContent.js.map

package/esm/alert/info-card/content/InfoCardContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InfoCardContent.js","sourceRoot":"","sources":["../../../../src/alert/info-card/content/InfoCardContent.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAI7C;;;;;;;;;;;;GAYG;AACH,MAAM,eAAe,GAAG,SAAS,CAAC,OAAO,CAAC;AAE1C,OAAO,EAAE,eAAe,EAAE,CAAC"}

package/esm/alert/info-card/header/InfoCardHeader.d.ts

@@ -0,0 +1,16 @@
+import { BaseAlert } from "../../base-alert/index.js";
+type InfoCardHeaderProps = BaseAlert.HeaderProps;
+/**
+ * @see 🏷️ {@link InfoCardHeaderProps}
+ * @example
+ * ```jsx
+ *  <InfoCard>
+ *    <InfoCard.Header icon={<InformationSquareIcon aria-hidden />}>
+ *      <InfoCard.Title>Info title</InfoCard.Title>
+ *    </InfoCard.Header>
+ *  </InfoCard>
+ * ```
+ */
+declare const InfoCardHeader: import("react").ForwardRefExoticComponent<BaseAlert.HeaderProps & import("react").RefAttributes<HTMLDivElement>>;
+export { InfoCardHeader };
+export type { InfoCardHeaderProps };

package/esm/alert/info-card/header/InfoCardHeader.js

@@ -0,0 +1,15 @@
+import { BaseAlert } from "../../base-alert/index.js";
+/**
+ * @see 🏷️ {@link InfoCardHeaderProps}
+ * @example
+ * ```jsx
+ *  <InfoCard>
+ *    <InfoCard.Header icon={<InformationSquareIcon aria-hidden />}>
+ *      <InfoCard.Title>Info title</InfoCard.Title>
+ *    </InfoCard.Header>
+ *  </InfoCard>
+ * ```
+ */
+const InfoCardHeader = BaseAlert.Header;
+export { InfoCardHeader };
+//# sourceMappingURL=InfoCardHeader.js.map

package/esm/alert/info-card/header/InfoCardHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InfoCardHeader.js","sourceRoot":"","sources":["../../../../src/alert/info-card/header/InfoCardHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAI7C;;;;;;;;;;GAUG;AACH,MAAM,cAAc,GAAG,SAAS,CAAC,MAAM,CAAC;AAExC,OAAO,EAAE,cAAc,EAAE,CAAC"}

package/esm/alert/info-card/index.d.ts

@@ -0,0 +1,2 @@
+export { InfoCard, InfoCardHeader, InfoCardTitle, InfoCardContent, } from "./root/InfoCardRoot.js";
+export type { InfoCardProps, InfoCardHeaderProps, InfoCardTitleProps, InfoCardContentProps, } from "./root/InfoCardRoot.js";

package/esm/alert/info-card/index.js

@@ -0,0 +1,3 @@
+"use client";
+export { InfoCard, InfoCardHeader, InfoCardTitle, InfoCardContent, } from "./root/InfoCardRoot.js";
+//# sourceMappingURL=index.js.map

package/esm/alert/info-card/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/alert/info-card/index.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AACb,OAAO,EACL,QAAQ,EACR,cAAc,EACd,aAAa,EACb,eAAe,GAChB,MAAM,qBAAqB,CAAC"}

package/esm/alert/info-card/root/InfoCardRoot.d.ts

@@ -0,0 +1,76 @@
+import React from "react";
+import { BaseAlert } from "../../base-alert/index.js";
+import { InfoCardContent, type InfoCardContentProps } from "../content/InfoCardContent.js";
+import { InfoCardHeader, type InfoCardHeaderProps } from "../header/InfoCardHeader.js";
+import { InfoCardTitle, type InfoCardTitleProps } from "../title/InfoCardTitle.js";
+type InfoCardProps = Omit<BaseAlert.RootProps, "type" | "global" | "status" | "as"> & {
+    /**
+     * Changes the HTML element used for the root element.
+     *
+     * **When using `section`, provide either `aria-label` or `aria-labelledby` for better accessibility.**
+     * `axe-core` might warn about unique landmarks if you have multiple InfoCards on page with the same label.
+     * In those cases consider updating to unique `aria-label` or `aria-labelledby` props.
+     * @see [📝 Landmarks unique](https://dequeuniversity.com/rules/axe/4.6/landmark-unique)
+     * @default "div"
+     */
+    as?: "div" | "section";
+};
+interface InfoCardComponent extends React.ForwardRefExoticComponent<InfoCardProps & React.RefAttributes<HTMLDivElement>> {
+    /**
+     * @see 🏷️ {@link InfoCardHeaderProps}
+     * @example
+     * ```jsx
+     *  <InfoCard>
+     *    <InfoCard.Header icon={<InformationSquareIcon aria-hidden />}>
+     *      <InfoCard.Title>Info title</InfoCard.Title>
+     *    </InfoCard.Header>
+     *  </InfoCard>
+     * ```
+     */
+    Header: typeof InfoCardHeader;
+    /**
+     * Title component for InfoCard. Remember to use correct heading-level with the `as` prop.
+     * @see 🏷️ {@link InfoCardTitleProps}
+     * @example
+     * ```jsx
+     *  <InfoCard>
+     *    <InfoCard.Header>
+     *      <InfoCard.Title as="h2">Info title</InfoCard.Title>
+     *    </InfoCard.Header>
+     *  </InfoCard>
+     * ```
+     */
+    Title: typeof InfoCardTitle;
+    /**
+     * @see 🏷️ {@link InfoCardContentProps}
+     * @example
+     * ```jsx
+     *  <InfoCard>
+     *    <InfoCard.Header>
+     *      <InfoCard.Title>Info title</InfoCard.Title>
+     *    </InfoCard.Header>
+     *
+     *    <InfoCard.Content>Content</InfoCard.Content>
+     *  </InfoCard>
+     * ```
+     */
+    Content: typeof InfoCardContent;
+}
+/**
+ * A component for displaying informational content in a card format.
+ * @see [📝 Documentation](https://aksel.nav.no/komponenter/core/infocard)
+ * @see 🏷️ {@link InfoCardProps}
+ * @example
+ * ```jsx
+ *  <InfoCard data-color="info">
+ *    <InfoCard.Header icon={<InformationSquareIcon aria-hidden />}>
+ *      <InfoCard.Title>Info title</InfoCard.Title>
+ *    </InfoCard.Header>
+ *    <InfoCard.Content>Content</InfoCard.Content>
+ *  </InfoCard>
+ * ```
+ */
+export declare const InfoCard: InfoCardComponent;
+export default InfoCard;
+export { InfoCardContent, InfoCardHeader, InfoCardTitle };
+export type { InfoCardProps, InfoCardHeaderProps, InfoCardTitleProps, InfoCardContentProps, };

package/esm/alert/info-card/root/InfoCardRoot.js

@@ -0,0 +1,40 @@
+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 { BaseAlert } from "../../base-alert/index.js";
+import { InfoCardContent, } from "../content/InfoCardContent.js";
+import { InfoCardHeader, } from "../header/InfoCardHeader.js";
+import { InfoCardTitle } from "../title/InfoCardTitle.js";
+/**
+ * A component for displaying informational content in a card format.
+ * @see [📝 Documentation](https://aksel.nav.no/komponenter/core/infocard)
+ * @see 🏷️ {@link InfoCardProps}
+ * @example
+ * ```jsx
+ *  <InfoCard data-color="info">
+ *    <InfoCard.Header icon={<InformationSquareIcon aria-hidden />}>
+ *      <InfoCard.Title>Info title</InfoCard.Title>
+ *    </InfoCard.Header>
+ *    <InfoCard.Content>Content</InfoCard.Content>
+ *  </InfoCard>
+ * ```
+ */
+export const InfoCard = forwardRef((_a, forwardedRef) => {
+    var { "data-color": dataColor = "info", as = "div" } = _a, restProps = __rest(_a, ["data-color", "as"]);
+    return (React.createElement(BaseAlert.Root, Object.assign({ ref: forwardedRef, "data-color": dataColor }, restProps, { type: "moderate", global: false, as: as })));
+});
+InfoCard.Header = InfoCardHeader;
+InfoCard.Title = InfoCardTitle;
+InfoCard.Content = InfoCardContent;
+export default InfoCard;
+export { InfoCardContent, InfoCardHeader, InfoCardTitle };
+//# sourceMappingURL=InfoCardRoot.js.map

package/esm/alert/info-card/root/InfoCardRoot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InfoCardRoot.js","sourceRoot":"","sources":["../../../../src/alert/info-card/root/InfoCardRoot.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EACL,eAAe,GAEhB,MAAM,4BAA4B,CAAC;AACpC,OAAO,EACL,cAAc,GAEf,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,aAAa,EAA2B,MAAM,wBAAwB,CAAC;AAiEhF;;;;;;;;;;;;;GAaG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG,UAAU,CAChC,CACE,EAIgB,EAChB,YAAY,EACZ,EAAE;QANF,EACE,YAAY,EAAE,SAAS,GAAG,MAAM,EAChC,EAAE,GAAG,KAAK,OAEI,EADX,SAAS,cAHd,oBAIC,CADa;IAId,OAAO,CACL,oBAAC,SAAS,CAAC,IAAI,kBACb,GAAG,EAAE,YAAY,gBACL,SAAS,IACjB,SAAS,IACb,IAAI,EAAC,UAAU,EACf,MAAM,EAAE,KAAK,EACb,EAAE,EAAE,EAAE,IACN,CACH,CAAC;AACJ,CAAC,CACmB,CAAC;AAEvB,QAAQ,CAAC,MAAM,GAAG,cAAc,CAAC;AACjC,QAAQ,CAAC,KAAK,GAAG,aAAa,CAAC;AAC/B,QAAQ,CAAC,OAAO,GAAG,eAAe,CAAC;AAEnC,eAAe,QAAQ,CAAC;AACxB,OAAO,EAAE,eAAe,EAAE,cAAc,EAAE,aAAa,EAAE,CAAC"}

package/esm/alert/info-card/title/InfoCardTitle.d.ts

@@ -0,0 +1,17 @@
+import { BaseAlert } from "../../base-alert/index.js";
+type InfoCardTitleProps = BaseAlert.TitleProps;
+/**
+ * Title component for InfoCard. Remember to use correct heading-level with the `as` prop.
+ * @see 🏷️ {@link InfoCardTitleProps}
+ * @example
+ * ```jsx
+ *  <InfoCard>
+ *    <InfoCard.Header>
+ *      <InfoCard.Title as="h2">Info title</InfoCard.Title>
+ *    </InfoCard.Header>
+ *  </InfoCard>
+ * ```
+ */
+declare const InfoCardTitle: import("react").ForwardRefExoticComponent<BaseAlert.TitleProps & import("react").RefAttributes<HTMLHeadingElement>>;
+export { InfoCardTitle };
+export type { InfoCardTitleProps };

package/esm/alert/info-card/title/InfoCardTitle.js

@@ -0,0 +1,16 @@
+import { BaseAlert } from "../../base-alert/index.js";
+/**
+ * Title component for InfoCard. Remember to use correct heading-level with the `as` prop.
+ * @see 🏷️ {@link InfoCardTitleProps}
+ * @example
+ * ```jsx
+ *  <InfoCard>
+ *    <InfoCard.Header>
+ *      <InfoCard.Title as="h2">Info title</InfoCard.Title>
+ *    </InfoCard.Header>
+ *  </InfoCard>
+ * ```
+ */
+const InfoCardTitle = BaseAlert.Title;
+export { InfoCardTitle };
+//# sourceMappingURL=InfoCardTitle.js.map

package/esm/alert/info-card/title/InfoCardTitle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InfoCardTitle.js","sourceRoot":"","sources":["../../../../src/alert/info-card/title/InfoCardTitle.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAI7C;;;;;;;;;;;GAWG;AACH,MAAM,aAAa,GAAG,SAAS,CAAC,KAAK,CAAC;AAEtC,OAAO,EAAE,aAAa,EAAE,CAAC"}

package/esm/alert/local-alert/close-button/LocalAlertCloseButton.d.ts

@@ -0,0 +1,17 @@
+import { BaseAlert } from "../../base-alert/index.js";
+type LocalAlertCloseButtonProps = BaseAlert.CloseButtonProps;
+/**
+ * @see 🏷️ {@link LocalAlertCloseButtonProps}
+ * @example
+ * ```jsx
+ *  <LocalAlert>
+ *    <LocalAlert.Header>
+ *      <LocalAlert.Title>Info title</LocalAlert.Title>
+ *     <LocalAlert.CloseButton onClick={() => alert("Closed!")} />
+ *    </LocalAlert.Header>
+ *  </LocalAlert>
+ * ```
+ */
+declare const LocalAlertCloseButton: import("react").ForwardRefExoticComponent<BaseAlert.CloseButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
+export { LocalAlertCloseButton };
+export type { LocalAlertCloseButtonProps };

package/esm/alert/local-alert/close-button/LocalAlertCloseButton.js

@@ -0,0 +1,16 @@
+import { BaseAlert } from "../../base-alert/index.js";
+/**
+ * @see 🏷️ {@link LocalAlertCloseButtonProps}
+ * @example
+ * ```jsx
+ *  <LocalAlert>
+ *    <LocalAlert.Header>
+ *      <LocalAlert.Title>Info title</LocalAlert.Title>
+ *     <LocalAlert.CloseButton onClick={() => alert("Closed!")} />
+ *    </LocalAlert.Header>
+ *  </LocalAlert>
+ * ```
+ */
+const LocalAlertCloseButton = BaseAlert.CloseButton;
+export { LocalAlertCloseButton };
+//# sourceMappingURL=LocalAlertCloseButton.js.map

package/esm/alert/local-alert/close-button/LocalAlertCloseButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LocalAlertCloseButton.js","sourceRoot":"","sources":["../../../../src/alert/local-alert/close-button/LocalAlertCloseButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAI7C;;;;;;;;;;;GAWG;AACH,MAAM,qBAAqB,GAAG,SAAS,CAAC,WAAW,CAAC;AAEpD,OAAO,EAAE,qBAAqB,EAAE,CAAC"}

package/esm/alert/local-alert/content/LocalAlertContent.d.ts

@@ -0,0 +1,18 @@
+import { BaseAlert } from "../../base-alert/index.js";
+type LocalAlertContentProps = BaseAlert.ContentProps;
+/**
+ * @see 🏷️ {@link LocalAlertContentProps}
+ * @example
+ * ```jsx
+ *  <LocalAlert>
+ *    <LocalAlert.Header>
+ *      <LocalAlert.Title>Info title</LocalAlert.Title>
+ *    </LocalAlert.Header>
+ *
+ *    <LocalAlert.Content>Content</LocalAlert.Content>
+ *  </LocalAlert>
+ * ```
+ */
+declare const LocalAlertContent: import("react").ForwardRefExoticComponent<BaseAlert.ContentProps & import("react").RefAttributes<HTMLDivElement>>;
+export { LocalAlertContent };
+export type { LocalAlertContentProps };

package/esm/alert/local-alert/content/LocalAlertContent.js

@@ -0,0 +1,17 @@
+import { BaseAlert } from "../../base-alert/index.js";
+/**
+ * @see 🏷️ {@link LocalAlertContentProps}
+ * @example
+ * ```jsx
+ *  <LocalAlert>
+ *    <LocalAlert.Header>
+ *      <LocalAlert.Title>Info title</LocalAlert.Title>
+ *    </LocalAlert.Header>
+ *
+ *    <LocalAlert.Content>Content</LocalAlert.Content>
+ *  </LocalAlert>
+ * ```
+ */
+const LocalAlertContent = BaseAlert.Content;
+export { LocalAlertContent };
+//# sourceMappingURL=LocalAlertContent.js.map

package/esm/alert/local-alert/content/LocalAlertContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LocalAlertContent.js","sourceRoot":"","sources":["../../../../src/alert/local-alert/content/LocalAlertContent.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAI7C;;;;;;;;;;;;GAYG;AACH,MAAM,iBAAiB,GAAG,SAAS,CAAC,OAAO,CAAC;AAE5C,OAAO,EAAE,iBAAiB,EAAE,CAAC"}

package/esm/alert/local-alert/header/LocalAlertHeader.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+import { BaseAlert } from "../../base-alert/index.js";
+type LocalAlertHeaderProps = Omit<BaseAlert.HeaderProps, "icon">;
+/**
+ * @see 🏷️ {@link LocalAlertHeaderProps}
+ * @example
+ * ```jsx
+ *  <LocalAlert>
+ *    <LocalAlert.Header>
+ *      <LocalAlert.Title>Info title</LocalAlert.Title>
+ *    </LocalAlert.Header>
+ *  </LocalAlert>
+ * ```
+ */
+declare const LocalAlertHeader: React.ForwardRefExoticComponent<LocalAlertHeaderProps & React.RefAttributes<HTMLDivElement>>;
+export { LocalAlertHeader };
+export type { LocalAlertHeaderProps };

package/esm/alert/local-alert/header/LocalAlertHeader.js

@@ -0,0 +1,18 @@
+import React, { forwardRef } from "react";
+import { BaseAlert } from "../../base-alert/index.js";
+/**
+ * @see 🏷️ {@link LocalAlertHeaderProps}
+ * @example
+ * ```jsx
+ *  <LocalAlert>
+ *    <LocalAlert.Header>
+ *      <LocalAlert.Title>Info title</LocalAlert.Title>
+ *    </LocalAlert.Header>
+ *  </LocalAlert>
+ * ```
+ */
+const LocalAlertHeader = forwardRef((props, forwardedRef) => {
+    return React.createElement(BaseAlert.Header, Object.assign({ ref: forwardedRef }, props));
+});
+export { LocalAlertHeader };
+//# sourceMappingURL=LocalAlertHeader.js.map

package/esm/alert/local-alert/header/LocalAlertHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LocalAlertHeader.js","sourceRoot":"","sources":["../../../../src/alert/local-alert/header/LocalAlertHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAI7C;;;;;;;;;;GAUG;AACH,MAAM,gBAAgB,GAAG,UAAU,CACjC,CAAC,KAAK,EAAE,YAAY,EAAE,EAAE;IACtB,OAAO,oBAAC,SAAS,CAAC,MAAM,kBAAC,GAAG,EAAE,YAAY,IAAM,KAAK,EAAI,CAAC;AAC5D,CAAC,CACF,CAAC;AAEF,OAAO,EAAE,gBAAgB,EAAE,CAAC"}

package/esm/alert/local-alert/index.d.ts

@@ -0,0 +1,2 @@
+export { LocalAlert, LocalAlertHeader, LocalAlertTitle, LocalAlertContent, LocalAlertCloseButton, } from "./root/LocalAlertRoot.js";
+export type { LocalAlertProps, LocalAlertHeaderProps, LocalAlertTitleProps, LocalAlertContentProps, LocalAlertCloseButtonProps, } from "./root/LocalAlertRoot.js";

package/esm/alert/local-alert/index.js

@@ -0,0 +1,3 @@
+"use client";
+export { LocalAlert, LocalAlertHeader, LocalAlertTitle, LocalAlertContent, LocalAlertCloseButton, } from "./root/LocalAlertRoot.js";
+//# sourceMappingURL=index.js.map

package/esm/alert/local-alert/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/alert/local-alert/index.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AACb,OAAO,EACL,UAAU,EACV,gBAAgB,EAChB,eAAe,EACf,iBAAiB,EACjB,qBAAqB,GACtB,MAAM,uBAAuB,CAAC"}

package/esm/alert/local-alert/root/LocalAlertRoot.d.ts

@@ -0,0 +1,81 @@
+import React from "react";
+import { BaseAlert } from "../../base-alert/index.js";
+import { LocalAlertCloseButton, type LocalAlertCloseButtonProps } from "../close-button/LocalAlertCloseButton.js";
+import { LocalAlertContent, type LocalAlertContentProps } from "../content/LocalAlertContent.js";
+import { LocalAlertHeader, type LocalAlertHeaderProps } from "../header/LocalAlertHeader.js";
+import { LocalAlertTitle, type LocalAlertTitleProps } from "../title/LocalAlertTitle.js";
+interface LocalAlertProps extends Omit<BaseAlert.RootProps, "type" | "global" | "data-color"> {
+    status: Exclude<BaseAlert.RootProps["status"], undefined>;
+}
+interface LocalAlertComponent extends React.ForwardRefExoticComponent<LocalAlertProps & React.RefAttributes<HTMLDivElement>> {
+    /**
+     * @see 🏷️ {@link LocalAlertHeaderProps}
+     * @example
+     * ```jsx
+     *  <LocalAlert>
+     *    <LocalAlert.Header>
+     *      <LocalAlert.Title>Info title</LocalAlert.Title>
+     *    </LocalAlert.Header>
+     *  </LocalAlert>
+     * ```
+     */
+    Header: typeof LocalAlertHeader;
+    /**
+     * Title component for LocalAlert. Remember to use correct heading-level with the `as` prop.
+     * @see 🏷️ {@link LocalAlertTitleProps}
+     * @example
+     * ```jsx
+     *  <LocalAlert>
+     *    <LocalAlert.Header>
+     *      <LocalAlert.Title as="h2">Info title</LocalAlert.Title>
+     *    </LocalAlert.Header>
+     *  </LocalAlert>
+     * ```
+     */
+    Title: typeof LocalAlertTitle;
+    /**
+     * @see 🏷️ {@link LocalAlertContentProps}
+     * @example
+     * ```jsx
+     *  <LocalAlert>
+     *    <LocalAlert.Header>
+     *      <LocalAlert.Title>Info title</LocalAlert.Title>
+     *    </LocalAlert.Header>
+     *
+     *    <LocalAlert.Content>Content</LocalAlert.Content>
+     *  </LocalAlert>
+     * ```
+     */
+    Content: typeof LocalAlertContent;
+    /**
+     * @see 🏷️ {@link LocalAlertCloseProps}
+     * @example
+     * ```jsx
+     *  <LocalAlert>
+     *    <LocalAlert.Header>
+     *      <LocalAlert.Title>Info title</LocalAlert.Title>
+     *     <LocalAlert.CloseButton onClick={() => alert("Closed!")} />
+     *    </LocalAlert.Header>
+     *  </LocalAlert>
+     * ```
+     */
+    CloseButton: typeof LocalAlertCloseButton;
+}
+/**
+ * A component for displaying important messages about a certain part of the page.
+ * @see [📝 Documentation](https://aksel.nav.no/komponenter/core/localalert)
+ * @see 🏷️ {@link LocalAlertProps}
+ * @example
+ * ```jsx
+ *  <LocalAlert status="error">
+ *    <LocalAlert.Header>
+ *      <LocalAlert.Title>Alert title</LocalAlert.Title>
+ *    </LocalAlert.Header>
+ *    <LocalAlert.Content>Content</LocalAlert.Content>
+ *  </LocalAlert>
+ * ```
+ */
+export declare const LocalAlert: LocalAlertComponent;
+export default LocalAlert;
+export { LocalAlertContent, LocalAlertHeader, LocalAlertTitle, LocalAlertCloseButton, };
+export type { LocalAlertProps, LocalAlertContentProps, LocalAlertHeaderProps, LocalAlertTitleProps, LocalAlertCloseButtonProps, };