@digdir/designsystemet-react 1.1.2 → 1.1.4

package/dist/types/utilities/roving-focus/use-roving-focus.d.ts

@@ -0,0 +1,295 @@
+import type { HTMLAttributes } from 'react';
+/** Handles props for `RovingFocus` in context with `RovingFocusRoot` */
+export declare const useRovingFocus: (value: string) => {
+    getOrderedItems: () => import("./roving-focus-root").RovingFocusElement[];
+    isFocusable: boolean;
+    orientation: "horizontal" | "vertical" | "ambiguous";
+    getRovingProps: <T extends HTMLElement>(props: HTMLAttributes<T>) => {
+        ref: (element: HTMLElement | null) => void;
+        onKeyDown: (e: React.KeyboardEvent<T>) => void;
+        onFocus: (e: React.FocusEvent<T>) => void;
+        'data-roving-tabindex-item': boolean;
+        tabIndex: number;
+        defaultChecked?: boolean | undefined;
+        defaultValue?: string | number | readonly string[] | undefined;
+        suppressContentEditableWarning?: boolean | undefined;
+        suppressHydrationWarning?: boolean | undefined;
+        accessKey?: string | undefined;
+        autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {});
+        autoFocus?: boolean | undefined;
+        className?: string | undefined;
+        contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
+        contextMenu?: string | undefined;
+        dir?: string | undefined;
+        draggable?: (boolean | "true" | "false") | undefined;
+        enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined;
+        hidden?: boolean | undefined;
+        id?: string | undefined;
+        lang?: string | undefined;
+        nonce?: string | undefined;
+        slot?: string | undefined;
+        spellCheck?: (boolean | "true" | "false") | undefined;
+        style?: React.CSSProperties | undefined;
+        title?: string | undefined;
+        translate?: "yes" | "no" | undefined;
+        radioGroup?: string | undefined;
+        role?: React.AriaRole | undefined;
+        about?: string | undefined;
+        content?: string | undefined;
+        datatype?: string | undefined;
+        inlist?: any;
+        prefix?: string | undefined;
+        property?: string | undefined;
+        rel?: string | undefined;
+        resource?: string | undefined;
+        rev?: string | undefined;
+        typeof?: string | undefined;
+        vocab?: string | undefined;
+        autoCorrect?: string | undefined;
+        autoSave?: string | undefined;
+        color?: string | undefined;
+        itemProp?: string | undefined;
+        itemScope?: boolean | undefined;
+        itemType?: string | undefined;
+        itemID?: string | undefined;
+        itemRef?: string | undefined;
+        results?: number | undefined;
+        security?: string | undefined;
+        unselectable?: "on" | "off" | undefined;
+        popover?: "" | "auto" | "manual" | undefined;
+        popoverTargetAction?: "toggle" | "show" | "hide" | undefined;
+        popoverTarget?: string | undefined;
+        inert?: boolean | undefined;
+        inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
+        is?: string | undefined;
+        exportparts?: string | undefined;
+        part?: string | undefined;
+        popovertarget?: string;
+        'data-size'?: import("../..").Size | (string & {});
+        'data-color'?: import("../../colors").Color | (string & {});
+        "aria-activedescendant"?: string | undefined;
+        "aria-atomic"?: (boolean | "true" | "false") | undefined;
+        "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
+        "aria-braillelabel"?: string | undefined;
+        "aria-brailleroledescription"?: string | undefined;
+        "aria-busy"?: (boolean | "true" | "false") | undefined;
+        "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
+        "aria-colcount"?: number | undefined;
+        "aria-colindex"?: number | undefined;
+        "aria-colindextext"?: string | undefined;
+        "aria-colspan"?: number | undefined;
+        "aria-controls"?: string | undefined;
+        "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
+        "aria-describedby"?: string | undefined;
+        "aria-description"?: string | undefined;
+        "aria-details"?: string | undefined;
+        "aria-disabled"?: (boolean | "true" | "false") | undefined;
+        "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
+        "aria-errormessage"?: string | undefined;
+        "aria-expanded"?: (boolean | "true" | "false") | undefined;
+        "aria-flowto"?: string | undefined;
+        "aria-grabbed"?: (boolean | "true" | "false") | undefined;
+        "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
+        "aria-hidden"?: (boolean | "true" | "false") | undefined;
+        "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
+        "aria-keyshortcuts"?: string | undefined;
+        "aria-label"?: string | undefined;
+        "aria-labelledby"?: string | undefined;
+        "aria-level"?: number | undefined;
+        "aria-live"?: "off" | "assertive" | "polite" | undefined;
+        "aria-modal"?: (boolean | "true" | "false") | undefined;
+        "aria-multiline"?: (boolean | "true" | "false") | undefined;
+        "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
+        "aria-orientation"?: "horizontal" | "vertical" | undefined;
+        "aria-owns"?: string | undefined;
+        "aria-placeholder"?: string | undefined;
+        "aria-posinset"?: number | undefined;
+        "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
+        "aria-readonly"?: (boolean | "true" | "false") | undefined;
+        "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
+        "aria-required"?: (boolean | "true" | "false") | undefined;
+        "aria-roledescription"?: string | undefined;
+        "aria-rowcount"?: number | undefined;
+        "aria-rowindex"?: number | undefined;
+        "aria-rowindextext"?: string | undefined;
+        "aria-rowspan"?: number | undefined;
+        "aria-selected"?: (boolean | "true" | "false") | undefined;
+        "aria-setsize"?: number | undefined;
+        "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
+        "aria-valuemax"?: number | undefined;
+        "aria-valuemin"?: number | undefined;
+        "aria-valuenow"?: number | undefined;
+        "aria-valuetext"?: string | undefined;
+        children?: React.ReactNode | undefined;
+        dangerouslySetInnerHTML?: {
+            __html: string | TrustedHTML;
+        } | undefined;
+        onCopy?: React.ClipboardEventHandler<T> | undefined;
+        onCopyCapture?: React.ClipboardEventHandler<T> | undefined;
+        onCut?: React.ClipboardEventHandler<T> | undefined;
+        onCutCapture?: React.ClipboardEventHandler<T> | undefined;
+        onPaste?: React.ClipboardEventHandler<T> | undefined;
+        onPasteCapture?: React.ClipboardEventHandler<T> | undefined;
+        onCompositionEnd?: React.CompositionEventHandler<T> | undefined;
+        onCompositionEndCapture?: React.CompositionEventHandler<T> | undefined;
+        onCompositionStart?: React.CompositionEventHandler<T> | undefined;
+        onCompositionStartCapture?: React.CompositionEventHandler<T> | undefined;
+        onCompositionUpdate?: React.CompositionEventHandler<T> | undefined;
+        onCompositionUpdateCapture?: React.CompositionEventHandler<T> | undefined;
+        onFocusCapture?: React.FocusEventHandler<T> | undefined;
+        onBlur?: React.FocusEventHandler<T> | undefined;
+        onBlurCapture?: React.FocusEventHandler<T> | undefined;
+        onChange?: React.FormEventHandler<T> | undefined;
+        onChangeCapture?: React.FormEventHandler<T> | undefined;
+        onBeforeInput?: React.InputEventHandler<T> | undefined;
+        onBeforeInputCapture?: React.FormEventHandler<T> | undefined;
+        onInput?: React.FormEventHandler<T> | undefined;
+        onInputCapture?: React.FormEventHandler<T> | undefined;
+        onReset?: React.FormEventHandler<T> | undefined;
+        onResetCapture?: React.FormEventHandler<T> | undefined;
+        onSubmit?: React.FormEventHandler<T> | undefined;
+        onSubmitCapture?: React.FormEventHandler<T> | undefined;
+        onInvalid?: React.FormEventHandler<T> | undefined;
+        onInvalidCapture?: React.FormEventHandler<T> | undefined;
+        onLoad?: React.ReactEventHandler<T> | undefined;
+        onLoadCapture?: React.ReactEventHandler<T> | undefined;
+        onError?: React.ReactEventHandler<T> | undefined;
+        onErrorCapture?: React.ReactEventHandler<T> | undefined;
+        onKeyDownCapture?: React.KeyboardEventHandler<T> | undefined;
+        onKeyPress?: React.KeyboardEventHandler<T> | undefined;
+        onKeyPressCapture?: React.KeyboardEventHandler<T> | undefined;
+        onKeyUp?: React.KeyboardEventHandler<T> | undefined;
+        onKeyUpCapture?: React.KeyboardEventHandler<T> | undefined;
+        onAbort?: React.ReactEventHandler<T> | undefined;
+        onAbortCapture?: React.ReactEventHandler<T> | undefined;
+        onCanPlay?: React.ReactEventHandler<T> | undefined;
+        onCanPlayCapture?: React.ReactEventHandler<T> | undefined;
+        onCanPlayThrough?: React.ReactEventHandler<T> | undefined;
+        onCanPlayThroughCapture?: React.ReactEventHandler<T> | undefined;
+        onDurationChange?: React.ReactEventHandler<T> | undefined;
+        onDurationChangeCapture?: React.ReactEventHandler<T> | undefined;
+        onEmptied?: React.ReactEventHandler<T> | undefined;
+        onEmptiedCapture?: React.ReactEventHandler<T> | undefined;
+        onEncrypted?: React.ReactEventHandler<T> | undefined;
+        onEncryptedCapture?: React.ReactEventHandler<T> | undefined;
+        onEnded?: React.ReactEventHandler<T> | undefined;
+        onEndedCapture?: React.ReactEventHandler<T> | undefined;
+        onLoadedData?: React.ReactEventHandler<T> | undefined;
+        onLoadedDataCapture?: React.ReactEventHandler<T> | undefined;
+        onLoadedMetadata?: React.ReactEventHandler<T> | undefined;
+        onLoadedMetadataCapture?: React.ReactEventHandler<T> | undefined;
+        onLoadStart?: React.ReactEventHandler<T> | undefined;
+        onLoadStartCapture?: React.ReactEventHandler<T> | undefined;
+        onPause?: React.ReactEventHandler<T> | undefined;
+        onPauseCapture?: React.ReactEventHandler<T> | undefined;
+        onPlay?: React.ReactEventHandler<T> | undefined;
+        onPlayCapture?: React.ReactEventHandler<T> | undefined;
+        onPlaying?: React.ReactEventHandler<T> | undefined;
+        onPlayingCapture?: React.ReactEventHandler<T> | undefined;
+        onProgress?: React.ReactEventHandler<T> | undefined;
+        onProgressCapture?: React.ReactEventHandler<T> | undefined;
+        onRateChange?: React.ReactEventHandler<T> | undefined;
+        onRateChangeCapture?: React.ReactEventHandler<T> | undefined;
+        onSeeked?: React.ReactEventHandler<T> | undefined;
+        onSeekedCapture?: React.ReactEventHandler<T> | undefined;
+        onSeeking?: React.ReactEventHandler<T> | undefined;
+        onSeekingCapture?: React.ReactEventHandler<T> | undefined;
+        onStalled?: React.ReactEventHandler<T> | undefined;
+        onStalledCapture?: React.ReactEventHandler<T> | undefined;
+        onSuspend?: React.ReactEventHandler<T> | undefined;
+        onSuspendCapture?: React.ReactEventHandler<T> | undefined;
+        onTimeUpdate?: React.ReactEventHandler<T> | undefined;
+        onTimeUpdateCapture?: React.ReactEventHandler<T> | undefined;
+        onVolumeChange?: React.ReactEventHandler<T> | undefined;
+        onVolumeChangeCapture?: React.ReactEventHandler<T> | undefined;
+        onWaiting?: React.ReactEventHandler<T> | undefined;
+        onWaitingCapture?: React.ReactEventHandler<T> | undefined;
+        onAuxClick?: React.MouseEventHandler<T> | undefined;
+        onAuxClickCapture?: React.MouseEventHandler<T> | undefined;
+        onClick?: React.MouseEventHandler<T> | undefined;
+        onClickCapture?: React.MouseEventHandler<T> | undefined;
+        onContextMenu?: React.MouseEventHandler<T> | undefined;
+        onContextMenuCapture?: React.MouseEventHandler<T> | undefined;
+        onDoubleClick?: React.MouseEventHandler<T> | undefined;
+        onDoubleClickCapture?: React.MouseEventHandler<T> | undefined;
+        onDrag?: React.DragEventHandler<T> | undefined;
+        onDragCapture?: React.DragEventHandler<T> | undefined;
+        onDragEnd?: React.DragEventHandler<T> | undefined;
+        onDragEndCapture?: React.DragEventHandler<T> | undefined;
+        onDragEnter?: React.DragEventHandler<T> | undefined;
+        onDragEnterCapture?: React.DragEventHandler<T> | undefined;
+        onDragExit?: React.DragEventHandler<T> | undefined;
+        onDragExitCapture?: React.DragEventHandler<T> | undefined;
+        onDragLeave?: React.DragEventHandler<T> | undefined;
+        onDragLeaveCapture?: React.DragEventHandler<T> | undefined;
+        onDragOver?: React.DragEventHandler<T> | undefined;
+        onDragOverCapture?: React.DragEventHandler<T> | undefined;
+        onDragStart?: React.DragEventHandler<T> | undefined;
+        onDragStartCapture?: React.DragEventHandler<T> | undefined;
+        onDrop?: React.DragEventHandler<T> | undefined;
+        onDropCapture?: React.DragEventHandler<T> | undefined;
+        onMouseDown?: React.MouseEventHandler<T> | undefined;
+        onMouseDownCapture?: React.MouseEventHandler<T> | undefined;
+        onMouseEnter?: React.MouseEventHandler<T> | undefined;
+        onMouseLeave?: React.MouseEventHandler<T> | undefined;
+        onMouseMove?: React.MouseEventHandler<T> | undefined;
+        onMouseMoveCapture?: React.MouseEventHandler<T> | undefined;
+        onMouseOut?: React.MouseEventHandler<T> | undefined;
+        onMouseOutCapture?: React.MouseEventHandler<T> | undefined;
+        onMouseOver?: React.MouseEventHandler<T> | undefined;
+        onMouseOverCapture?: React.MouseEventHandler<T> | undefined;
+        onMouseUp?: React.MouseEventHandler<T> | undefined;
+        onMouseUpCapture?: React.MouseEventHandler<T> | undefined;
+        onSelect?: React.ReactEventHandler<T> | undefined;
+        onSelectCapture?: React.ReactEventHandler<T> | undefined;
+        onTouchCancel?: React.TouchEventHandler<T> | undefined;
+        onTouchCancelCapture?: React.TouchEventHandler<T> | undefined;
+        onTouchEnd?: React.TouchEventHandler<T> | undefined;
+        onTouchEndCapture?: React.TouchEventHandler<T> | undefined;
+        onTouchMove?: React.TouchEventHandler<T> | undefined;
+        onTouchMoveCapture?: React.TouchEventHandler<T> | undefined;
+        onTouchStart?: React.TouchEventHandler<T> | undefined;
+        onTouchStartCapture?: React.TouchEventHandler<T> | undefined;
+        onPointerDown?: React.PointerEventHandler<T> | undefined;
+        onPointerDownCapture?: React.PointerEventHandler<T> | undefined;
+        onPointerMove?: React.PointerEventHandler<T> | undefined;
+        onPointerMoveCapture?: React.PointerEventHandler<T> | undefined;
+        onPointerUp?: React.PointerEventHandler<T> | undefined;
+        onPointerUpCapture?: React.PointerEventHandler<T> | undefined;
+        onPointerCancel?: React.PointerEventHandler<T> | undefined;
+        onPointerCancelCapture?: React.PointerEventHandler<T> | undefined;
+        onPointerEnter?: React.PointerEventHandler<T> | undefined;
+        onPointerLeave?: React.PointerEventHandler<T> | undefined;
+        onPointerOver?: React.PointerEventHandler<T> | undefined;
+        onPointerOverCapture?: React.PointerEventHandler<T> | undefined;
+        onPointerOut?: React.PointerEventHandler<T> | undefined;
+        onPointerOutCapture?: React.PointerEventHandler<T> | undefined;
+        onGotPointerCapture?: React.PointerEventHandler<T> | undefined;
+        onGotPointerCaptureCapture?: React.PointerEventHandler<T> | undefined;
+        onLostPointerCapture?: React.PointerEventHandler<T> | undefined;
+        onLostPointerCaptureCapture?: React.PointerEventHandler<T> | undefined;
+        onScroll?: React.UIEventHandler<T> | undefined;
+        onScrollCapture?: React.UIEventHandler<T> | undefined;
+        onScrollEnd?: React.UIEventHandler<T> | undefined;
+        onScrollEndCapture?: React.UIEventHandler<T> | undefined;
+        onWheel?: React.WheelEventHandler<T> | undefined;
+        onWheelCapture?: React.WheelEventHandler<T> | undefined;
+        onAnimationStart?: React.AnimationEventHandler<T> | undefined;
+        onAnimationStartCapture?: React.AnimationEventHandler<T> | undefined;
+        onAnimationEnd?: React.AnimationEventHandler<T> | undefined;
+        onAnimationEndCapture?: React.AnimationEventHandler<T> | undefined;
+        onAnimationIteration?: React.AnimationEventHandler<T> | undefined;
+        onAnimationIterationCapture?: React.AnimationEventHandler<T> | undefined;
+        onToggle?: React.ToggleEventHandler<T> | undefined;
+        onBeforeToggle?: React.ToggleEventHandler<T> | undefined;
+        onTransitionCancel?: React.TransitionEventHandler<T> | undefined;
+        onTransitionCancelCapture?: React.TransitionEventHandler<T> | undefined;
+        onTransitionEnd?: React.TransitionEventHandler<T> | undefined;
+        onTransitionEndCapture?: React.TransitionEventHandler<T> | undefined;
+        onTransitionRun?: React.TransitionEventHandler<T> | undefined;
+        onTransitionRunCapture?: React.TransitionEventHandler<T> | undefined;
+        onTransitionStart?: React.TransitionEventHandler<T> | undefined;
+        onTransitionStartCapture?: React.TransitionEventHandler<T> | undefined;
+    };
+};
+//# sourceMappingURL=use-roving-focus.d.ts.map

package/dist/types/utilities/roving-focus/use-roving-focus.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-roving-focus.d.ts","sourceRoot":"","sources":["../../../src/utilities/roving-focus/use-roving-focus.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAK5C,wEAAwE;AACxE,eAAO,MAAM,cAAc,GAAI,OAAO,MAAM;;;;qBAcvB,CAAC,SAAS,WAAW,SAAS,cAAc,CAAC,CAAC,CAAC;uBAE/C,WAAW,GAAG,IAAI;uBAOlB,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC;qBAOxB,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAQrC,CAAC"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@digdir/designsystemet-react",
   "type": "module",
-  "version": "1.1.2",
+  "version": "1.1.4",
   "description": "React components for Designsystemet",
   "author": "Designsystemet team",
   "repository": {
@@ -36,22 +36,22 @@
     "access": "public"
   },
   "dependencies": {
-    "@floating-ui/dom": "^1.7.1",
+    "@floating-ui/dom": "^1.7.2",
     "@floating-ui/react": "0.26.23",
-    "@navikt/aksel-icons": "^7.23.2",
+    "@navikt/aksel-icons": "^7.25.1",
     "@radix-ui/react-slot": "^1.2.3",
-    "@tanstack/react-virtual": "^3.13.10",
-    "@u-elements/u-combobox": "^0.0.14",
-    "@u-elements/u-datalist": "^1.0.8",
+    "@tanstack/react-virtual": "^3.13.12",
+    "@u-elements/u-combobox": "^0.0.17",
+    "@u-elements/u-datalist": "^1.0.10",
     "@u-elements/u-details": "^0.1.1",
     "clsx": "^2.1.1"
   },
   "devDependencies": {
     "@rollup/plugin-commonjs": "^28.0.6",
     "@rollup/plugin-node-resolve": "^16.0.1",
-    "@storybook/addon-docs": "^9.0.12",
-    "@storybook/addon-vitest": "^9.0.12",
-    "@storybook/react-vite": "^9.0.12",
+    "@storybook/addon-docs": "^9.0.15",
+    "@storybook/addon-vitest": "^9.0.15",
+    "@storybook/react-vite": "^9.0.15",
     "@testing-library/dom": "^10.4.0",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.3.0",
@@ -62,12 +62,12 @@
     "react": "^19.1.0",
     "react-dom": "^19.1.0",
     "rimraf": "^6.0.1",
-    "rollup": "^4.44.0",
+    "rollup": "^4.44.2",
     "rollup-plugin-copy": "^3.5.0",
-    "storybook": "^9.0.12",
+    "storybook": "^9.0.15",
     "tsx": "4.20.3",
     "typescript": "^5.8.3",
-    "@digdir/designsystemet-css": "^1.1.2"
+    "@digdir/designsystemet-css": "^1.1.4"
   },
   "scripts": {
     "build": "pnpm run clean && tsc -b tsconfig.lib.json --emitDeclarationOnly false && rollup -c --bundleConfigAsCjs",

package/dist/cjs/components/Avatar/Avatar.js

@@ -1,31 +0,0 @@
-'use client';
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var reactSlot = require('@radix-ui/react-slot');
-var cl = require('clsx/lite');
-var react = require('react');
-
-/**
- * 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>
- */
-const Avatar = react.forwardRef(function Avatar({ 'aria-label': ariaLabel, variant = 'circle', className, children, initials, ...rest }, ref) {
-    const useSlot = children && typeof children !== 'string';
-    const Component = useSlot ? reactSlot.Slot : react.Fragment;
-    return (jsxRuntime.jsx("span", { ref: ref, className: cl('ds-avatar', className), "data-variant": variant, "data-initials": initials, role: 'img', "aria-label": ariaLabel, ...rest, children: jsxRuntime.jsx(Component, { ...(useSlot ? { 'aria-hidden': true } : {}), children: children }) }));
-});
-
-exports.Avatar = Avatar;

package/dist/cjs/components/Badge/index.js

@@ -1,17 +0,0 @@
-'use client';
-'use strict';
-
-var Badge$1 = require('./Badge.js');
-var BadgePosition = require('./BadgePosition.js');
-
-/**
- * `Badge` is a non-interactive component for displaying status with or without numbers.
- *
- * @example without children
- * <Badge count={5} maxCount={10} />
- */
-const Badge = Object.assign(Badge$1.Badge, { Position: BadgePosition.BadgePosition });
-Badge.Position.displayName = 'Badge.Position';
-
-exports.BadgePosition = BadgePosition.BadgePosition;
-exports.Badge = Badge;

package/dist/cjs/components/Breadcrumbs/BreadcrumbsLink.js

@@ -1,12 +0,0 @@
-'use client';
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var react = require('react');
-var Link = require('../Link/Link.js');
-
-const BreadcrumbsLink = react.forwardRef(function BreadcrumbsLink(rest, ref) {
-    return jsxRuntime.jsx(Link.Link, { ref: ref, ...rest });
-});
-
-exports.BreadcrumbsLink = BreadcrumbsLink;

package/dist/cjs/components/Breadcrumbs/BreadcrumbsList.js

@@ -1,21 +0,0 @@
-'use client';
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var react = require('react');
-var useMergeRefs = require('../../utilities/hooks/useMergeRefs/useMergeRefs.js');
-
-const BreadcrumbsList = react.forwardRef(function BreadcrumbsList(rest, ref) {
-    const innerRef = react.useRef(null);
-    const mergedRefs = useMergeRefs.useMergeRefs([innerRef, ref]);
-    // Set aria-current on last link
-    react.useEffect(() => {
-        const links = innerRef.current?.querySelectorAll(':scope > * > *') || [];
-        const lastLink = links[links?.length - 1];
-        lastLink?.setAttribute('aria-current', 'page');
-        return () => lastLink?.removeAttribute('aria-current'); // Remove on re-render as React can re-use DOM elements
-    });
-    return jsxRuntime.jsx("ol", { ref: mergedRefs, ...rest });
-});
-
-exports.BreadcrumbsList = BreadcrumbsList;

package/dist/cjs/components/Breadcrumbs/index.js

@@ -1,39 +0,0 @@
-'use client';
-'use strict';
-
-var Breadcrumbs$1 = require('./Breadcrumbs.js');
-var BreadcrumbsItem = require('./BreadcrumbsItem.js');
-var BreadcrumbsLink = require('./BreadcrumbsLink.js');
-var BreadcrumbsList = require('./BreadcrumbsList.js');
-
-/**
- * `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>
- */
-const Breadcrumbs = Object.assign(Breadcrumbs$1.Breadcrumbs, {
-    List: BreadcrumbsList.BreadcrumbsList,
-    Item: BreadcrumbsItem.BreadcrumbsItem,
-    Link: BreadcrumbsLink.BreadcrumbsLink,
-});
-Breadcrumbs.List.displayName = 'Breadcrumbs.List';
-Breadcrumbs.Item.displayName = 'Breadcrumbs.Item';
-Breadcrumbs.Link.displayName = 'Breadcrumbs.Link';
-
-exports.BreadcrumbsItem = BreadcrumbsItem.BreadcrumbsItem;
-exports.BreadcrumbsLink = BreadcrumbsLink.BreadcrumbsLink;
-exports.BreadcrumbsList = BreadcrumbsList.BreadcrumbsList;
-exports.Breadcrumbs = Breadcrumbs;

package/dist/cjs/components/Button/Button.js

@@ -1,25 +0,0 @@
-'use client';
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var reactSlot = require('@radix-ui/react-slot');
-var cl = require('clsx/lite');
-var react = require('react');
-var Spinner = require('../Spinner/Spinner.js');
-
-/**
- * Button used for interaction
- *
- * @example
- * <Button>Click me</Button>
- */
-const Button = react.forwardRef(function Button({ asChild, className, children, icon = false, loading = false, variant = 'primary', ...rest }, ref) {
-    const Component = asChild ? reactSlot.Slot : 'button';
-    // Fallbacks to undefined to prevent rendering attribute="false"
-    return (jsxRuntime.jsxs(Component, { "aria-busy": Boolean(loading) || undefined, "aria-disabled": Boolean(loading) || undefined, className: cl('ds-button', className), "data-icon": icon || undefined, "data-variant": variant, ref: ref, 
-        /* don't set type when we use `asChild` */
-        type: asChild ? undefined : 'button', ...rest, children: [loading === true ? (jsxRuntime.jsx(Spinner.Spinner, { "aria-hidden": 'true' })) : (loading // Allow custom loading spinner
-            ), jsxRuntime.jsx(reactSlot.Slottable, { children: children })] }));
-});
-
-exports.Button = Button;

package/dist/cjs/components/Card/Card.js

@@ -1,43 +0,0 @@
-'use client';
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var reactSlot = require('@radix-ui/react-slot');
-var cl = require('clsx/lite');
-var react = require('react');
-var useMergeRefs = require('../../utilities/hooks/useMergeRefs/useMergeRefs.js');
-
-/**
- * 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>
- */
-const Card = react.forwardRef(function Card({ asChild = false, variant = 'default', className, ...rest }, ref) {
-    const Component = asChild ? reactSlot.Slot : 'div';
-    const cardRef = react.useRef(null);
-    const mergedRefs = useMergeRefs.useMergeRefs([cardRef, ref]);
-    // Forward click on card to heading links for better accessibility
-    // https://adrianroselli.com/2020/02/block-links-cards-clickable-regions-etc.html
-    react.useEffect(() => {
-        const card = cardRef.current;
-        const handleClick = ({ ctrlKey, metaKey, target }) => {
-            const link = card?.querySelector(':is(h1,h2,h3,h4,h5,h6) a');
-            if (!link || link?.contains(target))
-                return; // Let links handle their own clicks
-            if (ctrlKey || metaKey)
-                window.open(link.href, '', 'noreferrer');
-            else
-                link.click(); // Using link.click instead of window.location.href as this will trigger the browser's handling of rel=, target=, etc.
-        };
-        card?.addEventListener('click', handleClick);
-        return () => card?.removeEventListener('click', handleClick);
-    }, []);
-    return (jsxRuntime.jsx(Component, { className: cl(`ds-card`, className), "data-variant": variant, ref: mergedRefs, ...rest }));
-});
-
-exports.Card = Card;

package/dist/cjs/components/Card/index.js

@@ -1,23 +0,0 @@
-'use client';
-'use strict';
-
-var Card$1 = require('./Card.js');
-var CardBlock = require('./CardBlock.js');
-
-/**
- * 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>
- */
-const Card = Object.assign(Card$1.Card, {
-    Block: CardBlock.CardBlock,
-});
-Card.Block.displayName = 'Card.Block';
-
-exports.CardBlock = CardBlock.CardBlock;
-exports.Card = Card;

package/dist/cjs/components/Checkbox/Checkbox.js

@@ -1,21 +0,0 @@
-'use client';
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var react = require('react');
-var index = require('../Field/index.js');
-var Input = require('../Input/Input.js');
-var Label = require('../Label/Label.js');
-var ValidationMessage = require('../ValidationMessage/ValidationMessage.js');
-
-/**
- * Checkbox used to select multiple options.
- *
- * @example
- * <Checkbox label="I agree" value="agree" />
- */
-const Checkbox = react.forwardRef(function Checkbox({ 'data-size': size, className, style, children, label, description, error, ...rest }, ref) {
-    return (jsxRuntime.jsxs(index.Field, { "data-size": size, className: className, style: style, children: [jsxRuntime.jsx(Input.Input, { type: 'checkbox', ref: ref, ...rest }), !!label && jsxRuntime.jsx(Label.Label, { weight: 'regular', children: label }), !!description && jsxRuntime.jsx("div", { "data-field": 'description', children: description }), !!error && jsxRuntime.jsx(ValidationMessage.ValidationMessage, { children: error })] }));
-});
-
-exports.Checkbox = Checkbox;

package/dist/cjs/components/Chip/Chips.js

@@ -1,52 +0,0 @@
-'use client';
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var reactSlot = require('@radix-ui/react-slot');
-var cl = require('clsx/lite');
-var react = require('react');
-var Input = require('../Input/Input.js');
-
-/**
- * Chip.Button used for interaction
- *
- * @example
- * <Chip.Button>Click me</Chip.Button>
- */
-const ChipButton = react.forwardRef(function ChipButton({ asChild, className, ...rest }, ref) {
-    const Component = asChild ? reactSlot.Slot : 'button';
-    return (jsxRuntime.jsx(Component, { className: cl('ds-chip', className), type: asChild ? undefined : 'button', ref: ref, ...rest }));
-});
-/**
- * Chip.Removable used for interaction
- * @example
- * <Chip.Removable>Click to remove me</Chip.Removable>
- */
-const ChipRemovable = react.forwardRef(function ChipRemovable(props, ref) {
-    return jsxRuntime.jsx(ChipButton, { "data-removable": true, ref: ref, ...props });
-});
-/**
- * Chip.Checkbox used for multiselection
- * @example
- * <Chip.Checkbox name="language" value="nynorsk">Nynorsk</Chip.Checkbox>
- * <Chip.Checkbox name="language" value="bokmål">Bokmål</Chip.Checkbox>
- */
-const ChipCheckbox = react.forwardRef(function ChipCheckbox({ asChild, children, className, 'data-size': size, 'data-color': color, ...rest }, ref) {
-    const inputType = rest.type ?? 'checkbox';
-    const Component = asChild ? reactSlot.Slot : 'label';
-    return (jsxRuntime.jsxs(Component, { className: cl('ds-chip', className), "data-size": size, "data-color": color, ref: ref, children: [jsxRuntime.jsx(Input.Input, { ...rest, type: inputType }), jsxRuntime.jsx(reactSlot.Slottable, { children: children })] }));
-});
-/**
- * Chip.Radio used for single selection
- * @example
- * <Chip.Radio name="language" value="nynorsk">Nynorsk</Chip.Radio>
- * <Chip.Radio name="language" value="bokmål">Bokmål</Chip.Radio>
- */
-const ChipRadio = react.forwardRef(function ChipRadio(props, ref) {
-    return jsxRuntime.jsx(ChipCheckbox, { ref, type: 'radio', ...props });
-});
-
-exports.ChipButton = ChipButton;
-exports.ChipCheckbox = ChipCheckbox;
-exports.ChipRadio = ChipRadio;
-exports.ChipRemovable = ChipRemovable;