@uppsala-designsystem/ui 1.5.0

package/dist/esm/utilities/omit/omit.js

@@ -0,0 +1,26 @@
+'use client';
+/**
+ * Returns a partial copy of an object omitting the keys specified.
+ * @param {Array} names an array of String property names to omit from the new object
+ * @param {Object} obj The object to copy from
+ * @return {Object} A new object with properties from `names` not on it.
+ * @example omit(['a', 'd'], {a: 1, b: 2, c: 3, d: 4}); //=> {b: 2, c: 3}
+ */
+const omit = (names, obj) => {
+    const result = {};
+    const index = {};
+    let idx = 0;
+    const len = names.length;
+    while (idx < len) {
+        index[names[idx]] = 1;
+        idx += 1;
+    }
+    for (const prop in obj) {
+        if (!Object.prototype.hasOwnProperty.call(index, prop)) {
+            result[prop] = obj[prop];
+        }
+    }
+    return result;
+};
+
+export { omit };

package/dist/react-types.d.ts

@@ -0,0 +1,11 @@
+import type { Size } from "@uppsala-designsystem/ui";
+import type { Color } from "@digdir/designsystemet-react/colors";
+
+declare global {
+	namespace React {
+		interface HTMLAttributes<T> {
+			"data-size"?: Size | (string & {});
+			"data-color"?: Color | (string & {});
+		}
+	}
+}

package/dist/types/colors.d.ts

@@ -0,0 +1,24 @@
+declare const emptyObjectSymbol: unique symbol;
+type EmptyObject = {
+    [emptyObjectSymbol]?: never;
+};
+/**
+ * Base interface for available colors in the design system.
+ * The CLI will generate augmentations of this interface to allow
+ * type safety of custom color names.
+ */
+export interface MainAndSupportColors {
+}
+/**
+ * If {@link MainAndSupportColors} has been extended to include color names, return T,
+ * otherwise return the arbitrary string type.
+ */
+type ColorWithFallback<T> = MainAndSupportColors extends EmptyObject ? string : T;
+export type SeverityInfo = "info";
+export type SeveritySuccess = "success";
+export type SeverityWarning = "warning";
+export type SeverityDanger = "danger";
+export type SeverityColors = SeverityInfo | SeveritySuccess | SeverityWarning | SeverityDanger;
+export type Color = ColorWithFallback<"neutral" | keyof MainAndSupportColors>;
+export {};
+//# sourceMappingURL=colors.d.ts.map

package/dist/types/colors.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../src/colors.ts"],"names":[],"mappings":"AACA,OAAO,CAAC,MAAM,iBAAiB,EAAE,OAAO,MAAM,CAAC;AAC/C,KAAK,WAAW,GAAG;IAAE,CAAC,iBAAiB,CAAC,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC;AAEnD;;;;GAIG;AAGH,MAAM,WAAW,oBAAoB;CAAG;AAExC;;;GAGG;AACH,KAAK,iBAAiB,CAAC,CAAC,IAAI,oBAAoB,SAAS,WAAW,GAChE,MAAM,GACN,CAAC,CAAC;AAEN,MAAM,MAAM,YAAY,GAAG,MAAM,CAAC;AAClC,MAAM,MAAM,eAAe,GAAG,SAAS,CAAC;AACxC,MAAM,MAAM,eAAe,GAAG,SAAS,CAAC;AACxC,MAAM,MAAM,cAAc,GAAG,QAAQ,CAAC;AAEtC,MAAM,MAAM,cAAc,GACtB,YAAY,GACZ,eAAe,GACf,eAAe,GACf,cAAc,CAAC;AAEnB,MAAM,MAAM,KAAK,GAAG,iBAAiB,CAAC,SAAS,GAAG,MAAM,oBAAoB,CAAC,CAAC"}

package/dist/types/components/Alert/Alert.d.ts

@@ -0,0 +1,27 @@
+import type { HTMLAttributes } from "react";
+import type { SeverityColors } from "../../colors";
+import type { DefaultProps } from "../../types";
+import type { MergeRight } from "../../utilities";
+export type AlertProps = MergeRight<DefaultProps & HTMLAttributes<HTMLDivElement>, {
+    /**
+     * Sets color and icon.
+     *
+     * @default 'info'
+     */
+    "data-color"?: SeverityColors;
+}>;
+/**
+ * Alerts are used to inform users about important information, warnings, errors, or success.
+ *
+ * @example
+ * <Alert data-color='info'>Detta är ett informationsmeddelande</Alert>
+ */
+export declare const Alert: React.ForwardRefExoticComponent<Omit<DefaultProps & HTMLAttributes<HTMLDivElement>, "data-color"> & {
+    /**
+     * Sets color and icon.
+     *
+     * @default 'info'
+     */
+    "data-color"?: SeverityColors;
+} & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=Alert.d.ts.map

package/dist/types/components/Alert/Alert.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../../src/components/Alert/Alert.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAElD,MAAM,MAAM,UAAU,GAAG,UAAU,CACjC,YAAY,GAAG,cAAc,CAAC,cAAc,CAAC,EAC7C;IACE;;;;OAIG;IACH,YAAY,CAAC,EAAE,cAAc,CAAC;CAC/B,CACF,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,KAAK;IAfd;;;;OAIG;mBACY,cAAc;wCAsB/B,CAAC"}

package/dist/types/components/Alert/index.d.ts

@@ -0,0 +1,3 @@
+export { Alert } from './Alert';
+export type { AlertProps } from './Alert';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/Alert/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Alert/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC"}

package/dist/types/components/Avatar/Avatar.d.ts

@@ -0,0 +1,72 @@
+import type { HTMLAttributes, ReactNode } from 'react';
+import type { DefaultProps, Size } from '../../types';
+import type { MergeRight } from '../../utilities';
+export type AvatarProps = MergeRight<DefaultProps & HTMLAttributes<HTMLSpanElement>, {
+    /**
+     * The name of the person the avatar represents.
+     */
+    'aria-label': string;
+    /**
+     * The size of the avatar.
+     */
+    'data-size'?: 'xs' | Size;
+    /**
+     * The shape of the avatar.
+     *
+     * @default 'circle'
+     */
+    variant?: 'circle' | 'square';
+    /**
+     * Initials to display inside the avatar.
+     */
+    initials?: string;
+    /**
+     * Image, icon or initials to display inside the avatar.
+     *
+     * Gets `aria-hidden="true"`
+     */
+    children?: ReactNode;
+}>;
+/**
+ * Avatars are used to represent people or entities.
+ *
+ * @example
+ * <Avatar aria-label="John Doe" initials="JD" />
+ *
+ * @example
+ * <Avatar aria-label="John Doe">
+ *  <img src='…' alt='John Doe' />
+ * </Avatar>
+ *
+ * @example
+ * <Avatar aria-label="John Doe">
+ *  <Icon />
+ * </Avatar>
+ */
+export declare const Avatar: React.ForwardRefExoticComponent<Omit<DefaultProps & HTMLAttributes<HTMLSpanElement>, "data-size" | "aria-label" | "children" | "variant" | "initials"> & {
+    /**
+     * The name of the person the avatar represents.
+     */
+    'aria-label': string;
+    /**
+     * The size of the avatar.
+     */
+    'data-size'?: "xs" | Size;
+    /**
+     * The shape of the avatar.
+     *
+     * @default 'circle'
+     */
+    variant?: "circle" | "square";
+    /**
+     * Initials to display inside the avatar.
+     */
+    initials?: string;
+    /**
+     * Image, icon or initials to display inside the avatar.
+     *
+     * Gets `aria-hidden="true"`
+     */
+    children?: ReactNode;
+} & React.RefAttributes<HTMLSpanElement>>;
+//# sourceMappingURL=Avatar.d.ts.map

package/dist/types/components/Avatar/Avatar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../src/components/Avatar/Avatar.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,KAAK,EAAE,YAAY,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AACtD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAElD,MAAM,MAAM,WAAW,GAAG,UAAU,CAClC,YAAY,GAAG,cAAc,CAAC,eAAe,CAAC,EAC9C;IACE;;OAEG;IACH,YAAY,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,WAAW,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IAC1B;;;;OAIG;IACH,OAAO,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC9B;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CACF,CAAC;AAEF;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,MAAM;IA3Cf;;OAEG;kBACW,MAAM;IACpB;;OAEG;kBACW,IAAI,GAAG,IAAI;IACzB;;;;OAIG;cACO,QAAQ,GAAG,QAAQ;IAC7B;;OAEG;eACQ,MAAM;IACjB;;;;OAIG;eACQ,SAAS;yCAiDtB,CAAC"}

package/dist/types/components/Avatar/index.d.ts

@@ -0,0 +1,3 @@
+export { Avatar } from './Avatar';
+export type { AvatarProps } from './Avatar';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/Avatar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Avatar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC"}

package/dist/types/components/Badge/Badge.d.ts

@@ -0,0 +1,58 @@
+import type { Color, SeverityColors } from '@uppsala-designsystem/ui/colors';
+import { type HTMLAttributes } from 'react';
+import type { DefaultProps } from '../../types';
+import type { MergeRight } from '../../utilities';
+export type BadgeProps = MergeRight<DefaultProps & HTMLAttributes<HTMLSpanElement>, {
+    /**
+     * The number to display in the badge
+     */
+    count?: number;
+    /**
+     * The maximum number to display in the badge, when the count exceeds this number, the badge will display `{max}+`
+     */
+    maxCount?: number;
+    /**
+     * Change the background color of the badge.
+     *
+     * @default 'base'
+     */
+    variant?: 'base' | 'tinted';
+    /**
+     * Change the color scheme of the badge
+     */
+    'data-color'?: Color | SeverityColors;
+    children?: never;
+}>;
+/**
+ * `Badge` is a non-interactive component for displaying status with or without numbers.
+ *
+ * @example without children
+ * <Badge count={5} maxCount={10} />
+ *
+ * @example with children
+ * <Badge count={5} maxCount={10}>
+ *   <Icon />
+ * </Badge>
+ */
+export declare const Badge: React.ForwardRefExoticComponent<Omit<DefaultProps & HTMLAttributes<HTMLSpanElement>, "data-color" | "children" | "variant" | "count" | "maxCount"> & {
+    /**
+     * The number to display in the badge
+     */
+    count?: number;
+    /**
+     * The maximum number to display in the badge, when the count exceeds this number, the badge will display `{max}+`
+     */
+    maxCount?: number;
+    /**
+     * Change the background color of the badge.
+     *
+     * @default 'base'
+     */
+    variant?: "base" | "tinted";
+    /**
+     * Change the color scheme of the badge
+     */
+    'data-color'?: Color | SeverityColors;
+    children?: never;
+} & React.RefAttributes<HTMLSpanElement>>;
+//# sourceMappingURL=Badge.d.ts.map

package/dist/types/components/Badge/Badge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,KAAK,EACL,cAAc,EACf,MAAM,iCAAiC,CAAC;AAEzC,OAAO,EAAE,KAAK,cAAc,EAAc,MAAM,OAAO,CAAC;AACxD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAElD,MAAM,MAAM,UAAU,GAAG,UAAU,CACjC,YAAY,GAAG,cAAc,CAAC,eAAe,CAAC,EAC9C;IACE;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;;OAIG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;IAC5B;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,GAAG,cAAc,CAAC;IACtC,QAAQ,CAAC,EAAE,KAAK,CAAC;CAClB,CACF,CAAC;AAEF;;;;;;;;;;GAUG;AACH,eAAO,MAAM,KAAK;IAjCd;;OAEG;YACK,MAAM;IACd;;OAEG;eACQ,MAAM;IACjB;;;;OAIG;cACO,MAAM,GAAG,QAAQ;IAC3B;;OAEG;mBACY,KAAK,GAAG,cAAc;eAC1B,KAAK;yCA8BlB,CAAC"}

package/dist/types/components/Badge/BadgePosition.d.ts

@@ -0,0 +1,41 @@
+import { type HTMLAttributes } from 'react';
+import type { DefaultProps } from '../../types';
+import type { MergeRight } from '../../utilities';
+export type BadgePositionProps = MergeRight<DefaultProps & HTMLAttributes<HTMLSpanElement>, {
+    /**
+     * The placement of the badge
+     *
+     * @default top-right
+     */
+    placement?: 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left';
+    /**
+     * Use when badge is floating to change the position of the badge
+     *
+     * @default rectangle
+     */
+    overlap?: 'circle' | 'rectangle';
+}>;
+/**
+ * `BadgePosition` is a component that positions the badge.
+ *
+ * @example
+ * <BadgePosition placement='top-right' overlap='circle'>
+ *  <Badge count={5} maxCount={10} />
+ *  <Element />
+ * </BadgePosition>
+ */
+export declare const BadgePosition: React.ForwardRefExoticComponent<Omit<DefaultProps & HTMLAttributes<HTMLSpanElement>, "placement" | "overlap"> & {
+    /**
+     * The placement of the badge
+     *
+     * @default top-right
+     */
+    placement?: "top-right" | "top-left" | "bottom-right" | "bottom-left";
+    /**
+     * Use when badge is floating to change the position of the badge
+     *
+     * @default rectangle
+     */
+    overlap?: "circle" | "rectangle";
+} & React.RefAttributes<HTMLSpanElement>>;
+//# sourceMappingURL=BadgePosition.d.ts.map

package/dist/types/components/Badge/BadgePosition.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BadgePosition.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/BadgePosition.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAc,MAAM,OAAO,CAAC;AACxD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAClD,MAAM,MAAM,kBAAkB,GAAG,UAAU,CACzC,YAAY,GAAG,cAAc,CAAC,eAAe,CAAC,EAC9C;IACE;;;;OAIG;IACH,SAAS,CAAC,EAAE,WAAW,GAAG,UAAU,GAAG,cAAc,GAAG,aAAa,CAAC;IACtE;;;;OAIG;IACH,OAAO,CAAC,EAAE,QAAQ,GAAG,WAAW,CAAC;CAClC,CACF,CAAC;AAEF;;;;;;;;GAQG;AACH,eAAO,MAAM,aAAa;IAxBtB;;;;OAIG;gBACS,WAAW,GAAG,UAAU,GAAG,cAAc,GAAG,aAAa;IACrE;;;;OAIG;cACO,QAAQ,GAAG,WAAW;yCA4BnC,CAAC"}

package/dist/types/components/Badge/index.d.ts

@@ -0,0 +1,23 @@
+import { BadgePosition } from './BadgePosition';
+/**
+ * `Badge` is a non-interactive component for displaying status with or without numbers.
+ *
+ * @example without children
+ * <Badge count={5} maxCount={10} />
+ */
+declare const Badge: React.ForwardRefExoticComponent<Omit<import("../../types").DefaultProps & React.HTMLAttributes<HTMLSpanElement>, "data-color" | "children" | "variant" | "count" | "maxCount"> & {
+    count?: number;
+    maxCount?: number;
+    variant?: "base" | "tinted";
+    'data-color'?: import("../../colors").Color | import("../../colors").SeverityColors;
+    children?: never;
+} & React.RefAttributes<HTMLSpanElement>> & {
+    Position: React.ForwardRefExoticComponent<Omit<import("../../types").DefaultProps & React.HTMLAttributes<HTMLSpanElement>, "placement" | "overlap"> & {
+        placement?: "top-right" | "top-left" | "bottom-right" | "bottom-left";
+        overlap?: "circle" | "rectangle";
+    } & React.RefAttributes<HTMLSpanElement>>;
+};
+export { Badge, BadgePosition };
+export type { BadgeProps } from './Badge';
+export type { BadgePositionProps } from './BadgePosition';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/Badge/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD;;;;;GAKG;AACH,QAAA,MAAM,KAAK;;;;;;;;;;;CAAuD,CAAC;AAInE,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,CAAC;AAChC,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAC1C,YAAY,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/types/components/Breadcrumbs/Breadcrumbs.d.ts

@@ -0,0 +1,36 @@
+import { type HTMLAttributes } from "react";
+import type { DefaultProps } from "../../types";
+import type { MergeRight } from "../../utilities";
+export type BreadcrumbsProps = MergeRight<DefaultProps & HTMLAttributes<HTMLElement>, {
+    /**
+     * Sets the screen reader label for the Breadcrumbs area
+     * @default 'Du är här'
+     */
+    "aria-label"?: string;
+}>;
+/**
+ * `Breadcrumbs` is a component that displays a list of breadcrumbs.
+ *
+ * @example
+ * <Breadcrumbs aria-label='Du är här:' {...args}>
+ *  <Breadcrumbs.Link href='#' aria-label='Tillbaka till Nivå 1'>
+ *    Nivå 1
+ *  </Breadcrumbs.Link>
+ *  <Breadcrumbs.List>
+ *    <Breadcrumbs.Item>
+ *      <Breadcrumbs.Link href='#'>Nivå 1</Breadcrumbs.Link>
+ *    </Breadcrumbs.Item>
+ *    <Breadcrumbs.Item>
+ *      <Breadcrumbs.Link href='#'>Nivå 2</Breadcrumbs.Link>
+ *    </Breadcrumbs.Item>
+ *  </Breadcrumbs.List>
+ * </Breadcrumbs>
+ */
+export declare const Breadcrumbs: React.ForwardRefExoticComponent<Omit<DefaultProps & HTMLAttributes<HTMLElement>, "aria-label"> & {
+    /**
+     * Sets the screen reader label for the Breadcrumbs area
+     * @default 'Du är här'
+     */
+    "aria-label"?: string;
+} & React.RefAttributes<HTMLElement>>;
+//# sourceMappingURL=Breadcrumbs.d.ts.map

package/dist/types/components/Breadcrumbs/Breadcrumbs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumbs.d.ts","sourceRoot":"","sources":["../../../src/components/Breadcrumbs/Breadcrumbs.tsx"],"names":[],"mappings":"AACA,OAAO,EAAc,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AACxD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAElD,MAAM,MAAM,gBAAgB,GAAG,UAAU,CACvC,YAAY,GAAG,cAAc,CAAC,WAAW,CAAC,EAC1C;IACE;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CACF,CAAC;AAEF;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,WAAW;IA1BpB;;;OAGG;mBACY,MAAM;qCA+BxB,CAAC"}

package/dist/types/components/Breadcrumbs/BreadcrumbsItem.d.ts

@@ -0,0 +1,4 @@
+import { type HTMLAttributes } from 'react';
+export type BreadcrumbsItemProps = HTMLAttributes<HTMLLIElement>;
+export declare const BreadcrumbsItem: React.ForwardRefExoticComponent<BreadcrumbsItemProps & React.RefAttributes<HTMLLIElement>>;
+//# sourceMappingURL=BreadcrumbsItem.d.ts.map

package/dist/types/components/Breadcrumbs/BreadcrumbsItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BreadcrumbsItem.d.ts","sourceRoot":"","sources":["../../../src/components/Breadcrumbs/BreadcrumbsItem.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAc,MAAM,OAAO,CAAC;AAExD,MAAM,MAAM,oBAAoB,GAAG,cAAc,CAAC,aAAa,CAAC,CAAC;AAEjE,eAAO,MAAM,eAAe,4FAI3B,CAAC"}

package/dist/types/components/Breadcrumbs/BreadcrumbsLink.d.ts

@@ -0,0 +1,7 @@
+import type { LinkProps } from '../Link';
+export type BreadcrumbsLinkProps = LinkProps;
+export declare const BreadcrumbsLink: React.ForwardRefExoticComponent<Omit<import("../../types").DefaultProps & React.AnchorHTMLAttributes<HTMLAnchorElement>, "children" | "asChild"> & {
+    children: React.ReactNode;
+    asChild?: boolean;
+} & React.RefAttributes<HTMLAnchorElement>>;
+//# sourceMappingURL=BreadcrumbsLink.d.ts.map

package/dist/types/components/Breadcrumbs/BreadcrumbsLink.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BreadcrumbsLink.d.ts","sourceRoot":"","sources":["../../../src/components/Breadcrumbs/BreadcrumbsLink.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEzC,MAAM,MAAM,oBAAoB,GAAG,SAAS,CAAC;AAE7C,eAAO,MAAM,eAAe;;;2CAK1B,CAAC"}

package/dist/types/components/Breadcrumbs/BreadcrumbsList.d.ts

@@ -0,0 +1,4 @@
+import { type HTMLAttributes } from 'react';
+export type BreadcrumbsListProps = HTMLAttributes<HTMLOListElement>;
+export declare const BreadcrumbsList: React.ForwardRefExoticComponent<BreadcrumbsListProps & React.RefAttributes<HTMLOListElement>>;
+//# sourceMappingURL=BreadcrumbsList.d.ts.map

package/dist/types/components/Breadcrumbs/BreadcrumbsList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BreadcrumbsList.d.ts","sourceRoot":"","sources":["../../../src/components/Breadcrumbs/BreadcrumbsList.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAiC,MAAM,OAAO,CAAC;AAE3E,MAAM,MAAM,oBAAoB,GAAG,cAAc,CAAC,gBAAgB,CAAC,CAAC;AAEpE,eAAO,MAAM,eAAe,+FAiB1B,CAAC"}

package/dist/types/components/Breadcrumbs/index.d.ts

@@ -0,0 +1,37 @@
+import { BreadcrumbsItem } from './BreadcrumbsItem';
+import { BreadcrumbsLink } from './BreadcrumbsLink';
+import { BreadcrumbsList } from './BreadcrumbsList';
+/**
+ * `Breadcrumbs` is a component that displays a list of breadcrumbs.
+ *
+ * @example
+ * <Breadcrumbs aria-label='Du er her:' {...args}>
+ *  <Breadcrumbs.Link href='#' aria-label='Tilbake til Nivå 1'>
+ *    Nivå 1
+ *  </Breadcrumbs.Link>
+ *  <Breadcrumbs.List>
+ *    <Breadcrumbs.Item>
+ *      <Breadcrumbs.Link href='#'>Nivå 1</Breadcrumbs.Link>
+ *    </Breadcrumbs.Item>
+ *    <Breadcrumbs.Item>
+ *      <Breadcrumbs.Link href='#'>Nivå 2</Breadcrumbs.Link>
+ *    </Breadcrumbs.Item>
+ *  </Breadcrumbs.List>
+ * </Breadcrumbs>
+ */
+export declare const Breadcrumbs: React.ForwardRefExoticComponent<Omit<import("../../types").DefaultProps & React.HTMLAttributes<HTMLElement>, "aria-label"> & {
+    "aria-label"?: string;
+} & React.RefAttributes<HTMLElement>> & {
+    List: React.ForwardRefExoticComponent<import("./BreadcrumbsList").BreadcrumbsListProps & React.RefAttributes<HTMLOListElement>>;
+    Item: React.ForwardRefExoticComponent<import("./BreadcrumbsItem").BreadcrumbsItemProps & React.RefAttributes<HTMLLIElement>>;
+    Link: React.ForwardRefExoticComponent<Omit<import("../../types").DefaultProps & React.AnchorHTMLAttributes<HTMLAnchorElement>, "children" | "asChild"> & {
+        children: React.ReactNode;
+        asChild?: boolean;
+    } & React.RefAttributes<HTMLAnchorElement>>;
+};
+export type { BreadcrumbsProps } from './Breadcrumbs';
+export type { BreadcrumbsListProps } from './BreadcrumbsList';
+export type { BreadcrumbsItemProps } from './BreadcrumbsItem';
+export type { BreadcrumbsLinkProps } from './BreadcrumbsLink';
+export { BreadcrumbsList, BreadcrumbsItem, BreadcrumbsLink };
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/Breadcrumbs/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Breadcrumbs/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,WAAW;;;;;;;;;CAItB,CAAC;AAMH,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACtD,YAAY,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAC9D,YAAY,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAC9D,YAAY,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAC9D,OAAO,EAAE,eAAe,EAAE,eAAe,EAAE,eAAe,EAAE,CAAC"}

package/dist/types/components/Button/Button.d.ts

@@ -0,0 +1,77 @@
+import type { Color, SeverityDanger } from '@uppsala-designsystem/ui/colors';
+import type { ButtonHTMLAttributes, ReactNode } from 'react';
+import type { DefaultProps } from '../../types';
+import type { MergeRight } from '../../utilities';
+export type ButtonProps = MergeRight<DefaultProps & ButtonHTMLAttributes<HTMLButtonElement>, {
+    /**
+     * Specify which variant to use
+     * @default 'primary'
+     */
+    variant?: 'primary' | 'secondary' | 'tertiary';
+    /**
+     * Change the color scheme of the button
+     */
+    'data-color'?: Color | SeverityDanger;
+    /**
+     * Toggle icon only styling, pass icon as children
+     * @default false
+     */
+    icon?: boolean;
+    /**
+     * Toggle loading state.
+     * Pass an element if you want to display a custom loader.
+     *
+     * @default false
+     */
+    loading?: boolean | ReactNode;
+    /**
+     * Change the default rendered element for the one passed as a child, merging their props and behavior.
+     * @default false
+     */
+    asChild?: boolean;
+    /**
+     * Specify the type of button. Unset when `asChild` is true
+     * @default 'button'
+     */
+    type?: ButtonHTMLAttributes<HTMLButtonElement>['type'];
+}>;
+/**
+ * Button used for interaction
+ *
+ * @example
+ * <Button>Click me</Button>
+ */
+export declare const Button: React.ForwardRefExoticComponent<Omit<DefaultProps & ButtonHTMLAttributes<HTMLButtonElement>, "type" | "data-color" | "variant" | "icon" | "loading" | "asChild"> & {
+    /**
+     * Specify which variant to use
+     * @default 'primary'
+     */
+    variant?: "primary" | "secondary" | "tertiary";
+    /**
+     * Change the color scheme of the button
+     */
+    'data-color'?: Color | SeverityDanger;
+    /**
+     * Toggle icon only styling, pass icon as children
+     * @default false
+     */
+    icon?: boolean;
+    /**
+     * Toggle loading state.
+     * Pass an element if you want to display a custom loader.
+     *
+     * @default false
+     */
+    loading?: boolean | ReactNode;
+    /**
+     * Change the default rendered element for the one passed as a child, merging their props and behavior.
+     * @default false
+     */
+    asChild?: boolean;
+    /**
+     * Specify the type of button. Unset when `asChild` is true
+     * @default 'button'
+     */
+    type?: ButtonHTMLAttributes<HTMLButtonElement>["type"];
+} & React.RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=Button.d.ts.map

package/dist/types/components/Button/Button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,KAAK,EACL,cAAc,EACf,MAAM,iCAAiC,CAAC;AAIzC,OAAO,KAAK,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC7D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAGlD,MAAM,MAAM,WAAW,GAAG,UAAU,CAClC,YAAY,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,EACtD;IACE;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,CAAC;IAC/C;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,GAAG,cAAc,CAAC;IACtC;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;;;OAKG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC9B;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,IAAI,CAAC,EAAE,oBAAoB,CAAC,iBAAiB,CAAC,CAAC,MAAM,CAAC,CAAC;CACxD,CACF,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,MAAM;IAxCf;;;OAGG;cACO,SAAS,GAAG,WAAW,GAAG,UAAU;IAC9C;;OAEG;mBACY,KAAK,GAAG,cAAc;IACrC;;;OAGG;WACI,OAAO;IACd;;;;;OAKG;cACO,OAAO,GAAG,SAAS;IAC7B;;;OAGG;cACO,OAAO;IACjB;;;OAGG;WACI,oBAAoB,CAAC,iBAAiB,CAAC,CAAC,MAAM,CAAC;2CAgDzD,CAAC"}

package/dist/types/components/Button/index.d.ts

@@ -0,0 +1,3 @@
+export { Button } from './Button';
+export type { ButtonProps } from './Button';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/Button/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC"}

package/dist/types/components/Card/Card.d.ts

@@ -0,0 +1,44 @@
+import type { HTMLAttributes, ReactNode } from 'react';
+import type { DefaultProps } from '../../types';
+import type { MergeRight } from '../../utilities';
+export type CardProps = MergeRight<DefaultProps & HTMLAttributes<HTMLDivElement>, {
+    /**
+     * Change the background color of the card.
+     *
+     * @default 'default'
+     */
+    variant?: 'default' | 'tinted';
+    /**
+     * Change the default rendered element for the one passed as a child, merging their props and behavior.
+     * @default false
+     */
+    asChild?: boolean;
+    /** Instances of `Card.Block`, `Divider` or other React nodes */
+    children: ReactNode;
+}>;
+/**
+ * Card component to present content in a structured way.
+ *
+ * @example
+ * <Card>
+ *  <Card.Block>Header</Card.Block>
+ *  <Card.Block>Content</Card.Block>
+ *  <Card.Block>Footer</Card.Block>
+ * </Card>
+ */
+export declare const Card: React.ForwardRefExoticComponent<Omit<DefaultProps & HTMLAttributes<HTMLDivElement>, "children" | "variant" | "asChild"> & {
+    /**
+     * Change the background color of the card.
+     *
+     * @default 'default'
+     */
+    variant?: "default" | "tinted";
+    /**
+     * Change the default rendered element for the one passed as a child, merging their props and behavior.
+     * @default false
+     */
+    asChild?: boolean;
+    /** Instances of `Card.Block`, `Divider` or other React nodes */
+    children: ReactNode;
+} & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=Card.d.ts.map

package/dist/types/components/Card/Card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../src/components/Card/Card.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAElD,MAAM,MAAM,SAAS,GAAG,UAAU,CAChC,YAAY,GAAG,cAAc,CAAC,cAAc,CAAC,EAC7C;IACE;;;;OAIG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;IAC/B;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,gEAAgE;IAChE,QAAQ,EAAE,SAAS,CAAC;CACrB,CACF,CAAC;AAEF;;;;;;;;;GASG;AACH,eAAO,MAAM,IAAI;IA1Bb;;;;OAIG;cACO,SAAS,GAAG,QAAQ;IAC9B;;;OAGG;cACO,OAAO;IACjB,gEAAgE;cACtD,SAAS;wCAgDrB,CAAC"}

package/dist/types/components/Card/CardBlock.d.ts

@@ -0,0 +1,16 @@
+import type { HTMLAttributes } from 'react';
+export type CardBlockProps = {
+    /**
+     * Change the default rendered element for the one passed as a child, merging their props and behavior.
+     * @default false
+     */
+    asChild?: boolean;
+} & HTMLAttributes<HTMLDivElement>;
+export declare const CardBlock: React.ForwardRefExoticComponent<{
+    /**
+     * Change the default rendered element for the one passed as a child, merging their props and behavior.
+     * @default false
+     */
+    asChild?: boolean;
+} & HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=CardBlock.d.ts.map

package/dist/types/components/Card/CardBlock.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardBlock.d.ts","sourceRoot":"","sources":["../../../src/components/Card/CardBlock.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAG5C,MAAM,MAAM,cAAc,GAAG;IAC3B;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEnC,eAAO,MAAM,SAAS;IAPpB;;;OAGG;cACO,OAAO;yEAelB,CAAC"}

package/dist/types/components/Card/index.d.ts

@@ -0,0 +1,24 @@
+import { CardBlock } from './CardBlock';
+/**
+ * Card component to present content in a structured way.
+ *
+ * @example
+ * <Card>
+ *  <Card.Block>Header</Card.Block>
+ *  <Card.Block>Content</Card.Block>
+ *  <Card.Block>Footer</Card.Block>
+ * </Card>
+ */
+declare const Card: React.ForwardRefExoticComponent<Omit<import("../../types").DefaultProps & React.HTMLAttributes<HTMLDivElement>, "children" | "variant" | "asChild"> & {
+    variant?: "default" | "tinted";
+    asChild?: boolean;
+    children: React.ReactNode;
+} & React.RefAttributes<HTMLDivElement>> & {
+    Block: React.ForwardRefExoticComponent<{
+        asChild?: boolean;
+    } & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+};
+export type { CardProps } from './Card';
+export type { CardBlockProps } from './CardBlock';
+export { Card, CardBlock };
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/Card/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Card/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC;;;;;;;;;GASG;AACH,QAAA,MAAM,IAAI;;;;;;;;CAER,CAAC;AAIH,YAAY,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AACxC,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAClD,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC"}