@digdir/designsystemet-react 1.1.3 → 1.1.4

package/dist/types/utilities/hooks/use-isomorphic-layout-effect/use-isomorphic-layout-effect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-isomorphic-layout-effect.d.ts","sourceRoot":"","sources":["../../../../src/utilities/hooks/use-isomorphic-layout-effect/use-isomorphic-layout-effect.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAmB,MAAM,OAAO,CAAC;AAEnD,eAAO,MAAM,yBAAyB,kBACuB,CAAC"}

package/dist/types/utilities/hooks/use-media-query/use-media-query.d.ts

@@ -0,0 +1,7 @@
+type UseMediaQueryOptions = {
+    defaultValue?: boolean;
+    initializeWithValue?: boolean;
+};
+export declare function useMediaQuery(query: string, { defaultValue, initializeWithValue, }?: UseMediaQueryOptions): boolean;
+export {};
+//# sourceMappingURL=use-media-query.d.ts.map

package/dist/types/utilities/hooks/use-media-query/use-media-query.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-media-query.d.ts","sourceRoot":"","sources":["../../../../src/utilities/hooks/use-media-query/use-media-query.ts"],"names":[],"mappings":"AAMA,KAAK,oBAAoB,GAAG;IAC1B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC/B,CAAC;AAIF,wBAAgB,aAAa,CAC3B,KAAK,EAAE,MAAM,EACb,EACE,YAAoB,EACpB,mBAA0B,GAC3B,GAAE,oBAAyB,GAC3B,OAAO,CA2CT"}

package/dist/types/utilities/hooks/use-merge-refs/use-merge-refs.d.ts

@@ -0,0 +1,6 @@
+import type { Ref, RefCallback } from 'react';
+/**
+ * Merges an array of refs into a single memoized callback ref or `null`.
+ */
+export declare function useMergeRefs<Instance>(refs: Array<Ref<Instance> | undefined>): null | RefCallback<Instance>;
+//# sourceMappingURL=use-merge-refs.d.ts.map

package/dist/types/utilities/hooks/use-merge-refs/use-merge-refs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-merge-refs.d.ts","sourceRoot":"","sources":["../../../../src/utilities/hooks/use-merge-refs/use-merge-refs.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,GAAG,EAAE,WAAW,EAAa,MAAM,OAAO,CAAC;AAEzD;;GAEG;AACH,wBAAgB,YAAY,CAAC,QAAQ,EACnC,IAAI,EAAE,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC,GAAG,SAAS,CAAC,GACrC,IAAI,GAAG,WAAW,CAAC,QAAQ,CAAC,CAoD9B"}

package/dist/types/utilities/hooks/use-pagination/use-pagination.d.ts

@@ -0,0 +1,82 @@
+import type { MouseEvent } from 'react';
+import type { PaginationButtonProps } from '../../../components';
+export type UsePaginationProps = {
+    /**
+     * The current page number
+     * @default 1
+     */
+    currentPage: number;
+    /**
+     * The total number of pages
+     * @default 1
+     */
+    totalPages: number;
+    /**
+     * The maximum number of pages to show
+     * @default 7
+     */
+    showPages?: number;
+    /**
+     * Callback to set the current page
+     */
+    setCurrentPage?: (page: number) => void;
+    /**
+     * Callback when the page changes
+     */
+    onChange?: (event: MouseEvent<HTMLElement>, page: number) => void;
+};
+/**
+ * Hook to help manage pagination state
+ *
+ * @example
+ * const { pages, nextButtonProps, prevButtonProps } = usePagination({
+ *   currentPage: page,
+ *   totalPages: 10,
+ *   showPages: 7,
+ *   setCurrentPage,
+ * })
+ *
+ * <Pagination>
+ *   <Pagination.Item>
+ *     <Pagination.Button {...prevButtonProps}>Forrige</Pagination.Button>
+ *   </Pagination.Item>
+ *   {pages.map(({ page, itemKey, buttonProps }) => (
+ *     <Pagination.Item key={itemKey}>
+ *       {typeof page === 'number' && (
+ *         <Pagination.Button {...buttonProps} aria-label={`Side ${page}`}>
+ *           {page}
+ *         </Pagination.Button>
+ *       )}
+ *     </Pagination.Item>
+ *   ))}
+ *   <Pagination.Item>
+ *     <Pagination.Button {...nextButtonProps}>Neste</Pagination.Button>
+ *   </Pagination.Item>
+ * </Pagination>
+ **/
+export declare const usePagination: ({ currentPage, setCurrentPage, onChange, totalPages, showPages, }: UsePaginationProps) => {
+    /** Number of steps */
+    pages: {
+        /**
+         * Page number or "ellipsis" for the ellipsis item
+         */
+        page: string | number;
+        /**
+         * Unique key for the item
+         */
+        itemKey: string;
+        /**
+         * Properties to spread on Pagination.Button
+         */
+        buttonProps: PaginationButtonProps | null;
+    }[];
+    /** Properties to spread on Pagination.Button used for previous naviagation */
+    prevButtonProps: PaginationButtonProps;
+    /** Properties to spread on Pagination.Button used for next naviagation */
+    nextButtonProps: PaginationButtonProps;
+    /** Indication if previous page action should be shown or not */
+    hasPrev: boolean;
+    /** Indication if next page action should be shown or not */
+    hasNext: boolean;
+};
+//# sourceMappingURL=use-pagination.d.ts.map

package/dist/types/utilities/hooks/use-pagination/use-pagination.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-pagination.d.ts","sourceRoot":"","sources":["../../../../src/utilities/hooks/use-pagination/use-pagination.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAExC,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AAiBjE,MAAM,MAAM,kBAAkB,GAAG;IAC/B;;;OAGG;IACH,WAAW,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,UAAU,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,WAAW,CAAC,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACnE,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA4BI;AACJ,eAAO,MAAM,aAAa,GAAI,mEAM3B,kBAAkB;IAWf,sBAAsB;;QAGlB;;WAEG;;QAEH;;WAEG;;QAEH;;WAEG;qBAOU,qBAAqB,GAAG,IAAI;;IAG7C,8EAA8E;qBAKzE,qBAAqB;IAC1B,0EAA0E;qBAKrE,qBAAqB;IAC1B,gEAAgE;;IAEhE,4DAA4D;;CAGxB,CAAC"}

package/dist/types/utilities/hooks/use-radio-group/use-radio-group.d.ts

@@ -0,0 +1,56 @@
+import type { ReactNode } from 'react';
+import type { RadioProps } from '../../../components';
+export type UseRadioGroupProps = {
+    /** Set disabled state of all radios */
+    disabled?: boolean;
+    /** Shared error message for all radios */
+    error?: ReactNode;
+    /** Name of all radios.
+     * @default string of auto-generated name
+     */
+    name?: string;
+    /** Set read only state of all radios */
+    readOnly?: boolean;
+    /** Set required state of all radios */
+    required?: boolean;
+    /**
+     * Initial value of the group
+     */
+    value?: string;
+    /** Callback when selected radios changes */
+    onChange?: (nextValue: string, prevValue: string) => void;
+};
+/**
+ * Get anything that is set on a radio, but
+ * remove anything that comes from the group itself.
+ */
+export type GetRadioProps = Omit<RadioProps, 'prefix' | 'role' | 'type' | 'size' | 'aria-label' | 'aria-labelledby' | 'label' | 'name' | 'checked' | 'value'> & {
+    ref?: React.ForwardedRef<HTMLInputElement>;
+    value?: string;
+};
+type useRadioGroupReturn = {
+    value: string;
+    setValue: React.Dispatch<React.SetStateAction<string>>;
+    getRadioProps: (propsOrValue: string | GetRadioProps) => GetRadioProps;
+    validationMessageProps: {
+        children: ReactNode;
+        hidden: boolean;
+        id: string;
+    };
+};
+/**
+ * useRadioGroup is used to group multiple <Radio> components
+ * @example
+ * const { getRadioProps, validationMessageProps, value, setValue } = useRadioGroup({
+ *   disabled: false,
+ *   error: 'Validation message text',
+ *   name: 'group-name',
+ *   onChange: (nextValue, prevValue) => {},
+ *   readOnly: false,
+ *   required: true,
+ *   value: '',
+ * });
+ */
+export declare function useRadioGroup({ error, readOnly, required, disabled, name, onChange, value: initalValue, }?: UseRadioGroupProps): useRadioGroupReturn;
+export {};
+//# sourceMappingURL=use-radio-group.d.ts.map

package/dist/types/utilities/hooks/use-radio-group/use-radio-group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-radio-group.d.ts","sourceRoot":"","sources":["../../../../src/utilities/hooks/use-radio-group/use-radio-group.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAEtD,MAAM,MAAM,kBAAkB,GAAG;IAC/B,uCAAuC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,0CAA0C;IAC1C,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,wCAAwC;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uCAAuC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;CAC3D,CAAC;AAEF;;;GAGG;AACH,MAAM,MAAM,aAAa,GAAG,IAAI,CAC9B,UAAU,EACR,QAAQ,GACR,MAAM,GACN,MAAM,GACN,MAAM,GACN,YAAY,GACZ,iBAAiB,GACjB,OAAO,GACP,MAAM,GACN,SAAS,GACT,OAAO,CACV,GAAG;IACF,GAAG,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,gBAAgB,CAAC,CAAC;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,KAAK,mBAAmB,GAAG;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;IACvD,aAAa,EAAE,CAAC,YAAY,EAAE,MAAM,GAAG,aAAa,KAAK,aAAa,CAAC;IACvE,sBAAsB,EAAE;QACtB,QAAQ,EAAE,SAAS,CAAC;QACpB,MAAM,EAAE,OAAO,CAAC;QAChB,EAAE,EAAE,MAAM,CAAC;KACZ,CAAC;CACH,CAAC;AAEF;;;;;;;;;;;;GAYG;AACH,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,IAAI,EACJ,QAAQ,EACR,KAAK,EAAE,WAAgB,GACxB,GAAE,kBAAuB,GAAG,mBAAmB,CAsF/C"}

package/dist/types/utilities/hooks/use-synchronized-animation/use-synchronized-animation.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Synchronizes the css animation of multiple elements with the same `animationName`.
+ *
+ * @example
+ * ```tsx
+ *  const ref = useSynchronizedAnimation<HTMLDivElement>('spin');
+ *
+ *  <div
+ *   ref={ref}
+ *  />
+ * ```
+ */
+export declare function useSynchronizedAnimation<T>(animationName: string): React.RefObject<T | null>;
+//# sourceMappingURL=use-synchronized-animation.d.ts.map

package/dist/types/utilities/hooks/use-synchronized-animation/use-synchronized-animation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-synchronized-animation.d.ts","sourceRoot":"","sources":["../../../../src/utilities/hooks/use-synchronized-animation/use-synchronized-animation.ts"],"names":[],"mappings":"AAOA;;;;;;;;;;;GAWG;AACH,wBAAgB,wBAAwB,CAAC,CAAC,EAAE,aAAa,EAAE,MAAM,6BA2ChE"}

package/dist/types/utilities/index.d.ts

@@ -1,6 +1,6 @@
 export type { UseCheckboxGroupProps, UsePaginationProps, UseRadioGroupProps, } from './hooks';
 export { useCheckboxGroup, useDebounceCallback, useIsomorphicLayoutEffect, useMediaQuery, usePagination, useRadioGroup, useSynchronizedAnimation, } from './hooks';
 export * from './omit/omit';
-export * from './RovingFocus';
+export * from './roving-focus';
 export type * from './types';
 //# sourceMappingURL=index.d.ts.map

package/dist/types/utilities/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utilities/index.ts"],"names":[],"mappings":"AAAA,YAAY,EACV,qBAAqB,EACrB,kBAAkB,EAClB,kBAAkB,GACnB,MAAM,SAAS,CAAC;AACjB,OAAO,EACL,gBAAgB,EAChB,mBAAmB,EACnB,yBAAyB,EACzB,aAAa,EACb,aAAa,EACb,aAAa,EACb,wBAAwB,GACzB,MAAM,SAAS,CAAC;AACjB,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,mBAAmB,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utilities/index.ts"],"names":[],"mappings":"AAAA,YAAY,EACV,qBAAqB,EACrB,kBAAkB,EAClB,kBAAkB,GACnB,MAAM,SAAS,CAAC;AACjB,OAAO,EACL,gBAAgB,EAChB,mBAAmB,EACnB,yBAAyB,EACzB,aAAa,EACb,aAAa,EACb,aAAa,EACb,wBAAwB,GACzB,MAAM,SAAS,CAAC;AACjB,cAAc,aAAa,CAAC;AAC5B,cAAc,gBAAgB,CAAC;AAC/B,mBAAmB,SAAS,CAAC"}

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

@@ -0,0 +1,4 @@
+export { getNextFocusableValue, getPrevFocusableValue, RovingFocusItem, } from './roving-focus-item';
+export { RovingFocusRoot } from './roving-focus-root';
+export { useRovingFocus } from './use-roving-focus';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/utilities/roving-focus/index.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,qBAAqB,EACrB,qBAAqB,EACrB,eAAe,GAChB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC"}

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

@@ -0,0 +1,16 @@
+import type { HTMLAttributes } from 'react';
+import type { RovingFocusElement } from './roving-focus-root';
+/** Get the next focusable RovingFocusItem */
+export declare function getNextFocusableValue(items: RovingFocusElement[], value: string): RovingFocusElement | undefined;
+/** Get the previous focusable RovingFocusItem */
+export declare function getPrevFocusableValue(items: RovingFocusElement[], value: string): RovingFocusElement | undefined;
+export declare const RovingFocusItem: React.ForwardRefExoticComponent<{
+    /** The value of the `RovingFocusItem` used to determine which item should have focus. */
+    value?: string;
+    /**
+     * Change the default rendered element for the one passed as a child, merging their props and behavior.
+     * @default false
+     */
+    asChild?: boolean;
+} & HTMLAttributes<HTMLElement> & React.RefAttributes<HTMLElement>>;
+//# sourceMappingURL=roving-focus-item.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"roving-focus-item.d.ts","sourceRoot":"","sources":["../../../src/utilities/roving-focus/roving-focus-item.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAI5C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAa9D,6CAA6C;AAC7C,wBAAgB,qBAAqB,CACnC,KAAK,EAAE,kBAAkB,EAAE,EAC3B,KAAK,EAAE,MAAM,GACZ,kBAAkB,GAAG,SAAS,CAGhC;AAED,iDAAiD;AACjD,wBAAgB,qBAAqB,CACnC,KAAK,EAAE,kBAAkB,EAAE,EAC3B,KAAK,EAAE,MAAM,GACZ,kBAAkB,GAAG,SAAS,CAGhC;AAED,eAAO,MAAM,eAAe;IA3B1B,yFAAyF;YACjF,MAAM;IACd;;;OAGG;cACO,OAAO;mEAwFlB,CAAC"}

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

@@ -0,0 +1,33 @@
+import type { HTMLAttributes, MutableRefObject, ReactNode } from 'react';
+export type RovingFocusElement = {
+    value: string;
+    element: HTMLElement;
+};
+export type RovingFocusProps = {
+    elements: MutableRefObject<Map<string, HTMLElement>>;
+    getOrderedItems: () => RovingFocusElement[];
+    setFocusableValue: (value: string) => void;
+    focusableValue: string | null;
+    onShiftTab: () => void;
+    orientation: 'vertical' | 'horizontal' | 'ambiguous';
+};
+export declare const RovingFocusContext: React.Context<RovingFocusProps>;
+export declare const RovingFocusRoot: React.ForwardRefExoticComponent<{
+    /** The children of the `RovingFocusRoot`. The children should get their roving-relevant props from the `useRovingFocus` hook. */
+    children: ReactNode;
+    /** The value of the element that should be focused when the `RovingFocusRoot` receives focus. */
+    activeValue?: string;
+    /**
+     * Change the default rendered element for the one passed as a child, merging their props and behavior.
+     * @default false
+     */
+    asChild?: boolean;
+    /**
+     * Changes what arrow keys are used to navigate the roving focus.
+     * Sets correct `aria-orientation` attribute, if `vertical` or `horizontal`.
+     *
+     * @default 'horizontal'
+     */
+    orientation?: "vertical" | "horizontal" | "ambiguous";
+} & HTMLAttributes<HTMLElement> & React.RefAttributes<HTMLElement>>;
+//# sourceMappingURL=roving-focus-root.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"roving-focus-root.d.ts","sourceRoot":"","sources":["../../../src/utilities/roving-focus/roving-focus-root.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAEV,cAAc,EACd,gBAAgB,EAChB,SAAS,EACV,MAAM,OAAO,CAAC;AAuBf,MAAM,MAAM,kBAAkB,GAAG;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,WAAW,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,QAAQ,EAAE,gBAAgB,CAAC,GAAG,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC,CAAC;IACrD,eAAe,EAAE,MAAM,kBAAkB,EAAE,CAAC;IAC5C,iBAAiB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,WAAW,EAAE,UAAU,GAAG,YAAY,GAAG,WAAW,CAAC;CACtD,CAAC;AAEF,eAAO,MAAM,kBAAkB,iCAW7B,CAAC;AAEH,eAAO,MAAM,eAAe;IA7C1B,iIAAiI;cACvH,SAAS;IACnB,iGAAiG;kBACnF,MAAM;IACpB;;;OAGG;cACO,OAAO;IACjB;;;;;OAKG;kBACW,UAAU,GAAG,YAAY,GAAG,WAAW;mEAkHtD,CAAC"}

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.3",
+  "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.3"
+    "@digdir/designsystemet-css": "^1.1.4"
   },
   "scripts": {
     "build": "pnpm run clean && tsc -b tsconfig.lib.json --emitDeclarationOnly false && rollup -c --bundleConfigAsCjs",