@digdir/designsystemet-react 0.0.0-ci-snapshot-release-pr-comment-20260612060845

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

@@ -0,0 +1,90 @@
+import '@digdir/designsystemet-web';
+import type { HTMLAttributes, ReactElement, RefAttributes } from 'react';
+import type { DefaultProps, Placement } from '../../types';
+import type { MergeRight } from '../../utilities';
+export type TooltipProps = MergeRight<Omit<DefaultProps, 'data-color'> & HTMLAttributes<HTMLDivElement>, {
+    /**
+     * The element or string that triggers the tooltip.
+     *
+     * @note If it is a string, it will be wrapped in a span.
+     * @note If it is an element, it needs to be able to receive a ref.
+     */
+    children: (ReactElement & RefAttributes<HTMLElement>) | string;
+    /**
+     * Content of the tooltip
+     **/
+    content: string;
+    /**
+     * Placement of the tooltip on the trigger.
+     * @default 'top'
+     */
+    placement?: Placement;
+    /**
+     * Whether to enable auto placement.
+     * @default true
+     */
+    autoPlacement?: boolean;
+    /**
+     * Whether the tooltip is open or not.
+     * This overrides the internal state of the tooltip.
+     *
+     * @deprecated This should not be used on Tooltip. Use a Popover instead
+     * @TODO Look at this prop
+     */
+    open?: boolean;
+    /**
+     * @deprecated This prop has no effect. The tooltip will be set as `aria-description`
+     * if the component already contains accessible text, and `aria-label` otherwise.
+     */
+    type?: 'describedby' | 'labelledby';
+}>;
+/**
+ * Tooltip component that displays a small piece of information when hovering or focusing on an element.
+ *
+ * @example
+ * <Tooltip content='This is a tooltip'>
+ *  <button>Hover me</button>
+ * </Tooltip>
+ *
+ * @example
+ * <Tooltip content='This is a tooltip'>
+ *  Hover me
+ * </Tooltip>
+ */
+export declare const Tooltip: import("react").ForwardRefExoticComponent<Omit<Omit<DefaultProps, "data-color"> & HTMLAttributes<HTMLDivElement>, "type" | "content" | "children" | "open" | "placement" | "autoPlacement"> & {
+    /**
+     * The element or string that triggers the tooltip.
+     *
+     * @note If it is a string, it will be wrapped in a span.
+     * @note If it is an element, it needs to be able to receive a ref.
+     */
+    children: (ReactElement & RefAttributes<HTMLElement>) | string;
+    /**
+     * Content of the tooltip
+     **/
+    content: string;
+    /**
+     * Placement of the tooltip on the trigger.
+     * @default 'top'
+     */
+    placement?: Placement;
+    /**
+     * Whether to enable auto placement.
+     * @default true
+     */
+    autoPlacement?: boolean;
+    /**
+     * Whether the tooltip is open or not.
+     * This overrides the internal state of the tooltip.
+     *
+     * @deprecated This should not be used on Tooltip. Use a Popover instead
+     * @TODO Look at this prop
+     */
+    open?: boolean;
+    /**
+     * @deprecated This prop has no effect. The tooltip will be set as `aria-description`
+     * if the component already contains accessible text, and `aria-label` otherwise.
+     */
+    type?: "describedby" | "labelledby";
+} & RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=tooltip.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../src/components/tooltip/tooltip.tsx"],"names":[],"mappings":"AACA,OAAO,4BAA4B,CAAC;AACpC,OAAO,KAAK,EAAE,cAAc,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEzE,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAC3D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAElD,MAAM,MAAM,YAAY,GAAG,UAAU,CACnC,IAAI,CAAC,YAAY,EAAE,YAAY,CAAC,GAAG,cAAc,CAAC,cAAc,CAAC,EACjE;IACE;;;;;OAKG;IACH,QAAQ,EAAE,CAAC,YAAY,GAAG,aAAa,CAAC,WAAW,CAAC,CAAC,GAAG,MAAM,CAAC;IAC/D;;QAEI;IACJ,OAAO,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;;;;OAMG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;OAGG;IACH,IAAI,CAAC,EAAE,aAAa,GAAG,YAAY,CAAC;CACrC,CACF,CAAC;AAEF;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,OAAO;IAlDhB;;;;;OAKG;cACO,CAAC,YAAY,GAAG,aAAa,CAAC,WAAW,CAAC,CAAC,GAAG,MAAM;IAC9D;;QAEI;aACK,MAAM;IACf;;;OAGG;gBACS,SAAS;IACrB;;;OAGG;oBACa,OAAO;IACvB;;;;;;OAMG;WACI,OAAO;IACd;;;OAGG;WACI,aAAa,GAAG,YAAY;kCAsCtC,CAAC"}

package/dist/types/components/validation-message/validation-message.d.ts

@@ -0,0 +1,35 @@
+import type { SeverityColors } from '@digdir/designsystemet-types';
+import type { HTMLAttributes } from 'react';
+import type { DefaultProps } from '../../types';
+import type { MergeRight } from '../../utilities';
+export type ValidationMessageProps = MergeRight<Omit<DefaultProps, 'data-color'> & HTMLAttributes<HTMLParagraphElement>, {
+    /**
+     * Sets color and icon.
+     * @default 'danger'
+     */
+    'data-color'?: SeverityColors;
+    /**
+     * Change the default rendered element for the one passed as a child, merging their props and behavior.
+     * @default false
+     */
+    asChild?: boolean;
+}>;
+/**
+ * Use `ValidationMessage` to display validation text
+ *
+ * @example
+ * <ValidationMessage>This is a danger validation message</ValidationMessage>
+ */
+export declare const ValidationMessage: import("react").ForwardRefExoticComponent<Omit<Omit<DefaultProps, "data-color"> & HTMLAttributes<HTMLParagraphElement>, "data-color" | "asChild"> & {
+    /**
+     * Sets color and icon.
+     * @default 'danger'
+     */
+    'data-color'?: SeverityColors;
+    /**
+     * Change the default rendered element for the one passed as a child, merging their props and behavior.
+     * @default false
+     */
+    asChild?: boolean;
+} & import("react").RefAttributes<HTMLParagraphElement>>;
+//# sourceMappingURL=validation-message.d.ts.map

package/dist/types/components/validation-message/validation-message.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"validation-message.d.ts","sourceRoot":"","sources":["../../../src/components/validation-message/validation-message.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAGnE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAElD,MAAM,MAAM,sBAAsB,GAAG,UAAU,CAC7C,IAAI,CAAC,YAAY,EAAE,YAAY,CAAC,GAAG,cAAc,CAAC,oBAAoB,CAAC,EACvE;IACE;;;OAGG;IACH,YAAY,CAAC,EAAE,cAAc,CAAC;IAC9B;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CACF,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,iBAAiB;IAnB1B;;;OAGG;mBACY,cAAc;IAC7B;;;OAGG;cACO,OAAO;wDAyBnB,CAAC"}

package/dist/types/index.d.ts

@@ -0,0 +1,17 @@
+export type { 
+/** @deprecated This export is deprecated. Use `Size` from `@digdir/designsystemet-types` */
+Size, } from '@digdir/designsystemet-types';
+export * from './components';
+export { omit } from './components/Combobox/omit/omit';
+export type { DefaultProps, LabelRequired, Placement } from './types';
+export type { 
+/** @deprecated This export is deprecated. */
+MergeRight, UseCheckboxGroupProps, UsePaginationProps, UseRadioGroupProps, } from './utilities';
+export { RovingFocusItem, RovingFocusRoot, useCheckboxGroup, 
+/** @deprecated This export is deprecated. Use utility libraries or create your own utility function. */
+useDebounceCallback, 
+/** @deprecated This export is deprecated. Use utility libraries or create your own utility function. */
+useIsomorphicLayoutEffect, 
+/** @deprecated This export is deprecated. Use utility libraries or create your own utility function. */
+useMediaQuery, usePagination, useRadioGroup, useSynchronizedAnimation, } from './utilities';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,YAAY;AACV,4FAA4F;AAC5F,IAAI,GACL,MAAM,8BAA8B,CAAC;AACtC,cAAc,cAAc,CAAC;AAC7B,OAAO,EAAE,IAAI,EAAE,MAAM,iCAAiC,CAAC;AACvD,YAAY,EAAE,YAAY,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AACtE,YAAY;AACV,6CAA6C;AAC7C,UAAU,EACV,qBAAqB,EACrB,kBAAkB,EAClB,kBAAkB,GACnB,MAAM,aAAa,CAAC;AACrB,OAAO,EACL,eAAe,EACf,eAAe,EACf,gBAAgB;AAChB,wGAAwG;AACxG,mBAAmB;AACnB,wGAAwG;AACxG,yBAAyB;AACzB,wGAAwG;AACxG,aAAa,EACb,aAAa,EACb,aAAa,EACb,wBAAwB,GACzB,MAAM,aAAa,CAAC"}

package/dist/types/types.d.ts

@@ -0,0 +1,30 @@
+import type { Size } from '@digdir/designsystemet-types';
+import type { Placement as FloatingUIPlacement } from '@floating-ui/dom';
+import type { ReactNode } from 'react';
+import type { Color } from './colors';
+export type Placement = FloatingUIPlacement | 'none';
+export type DefaultProps = {
+    /**
+     * Changes size for descendant Designsystemet components. Select from predefined sizes.
+     */
+    'data-size'?: Size;
+    /**
+     * Changes color for descendant Designsystemet components.
+     * Select from predefined colors and colors defined using theme.designsystemet.no.
+     */
+    'data-color'?: Color;
+};
+export type LabelRequired = {
+    'aria-label': string;
+    'aria-labelledby'?: never;
+    label?: never;
+} | {
+    'aria-label'?: never;
+    'aria-labelledby'?: never;
+    label: ReactNode;
+} | {
+    'aria-label'?: never;
+    'aria-labelledby': string;
+    label?: never;
+};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,KAAK,EAAE,SAAS,IAAI,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AACzE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAEtC,MAAM,MAAM,SAAS,GAAG,mBAAmB,GAAG,MAAM,CAAC;AAErD,MAAM,MAAM,YAAY,GAAG;IACzB;;OAEG;IACH,WAAW,CAAC,EAAE,IAAI,CAAC;IACnB;;;OAGG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,aAAa,GACrB;IAAE,YAAY,EAAE,MAAM,CAAC;IAAC,iBAAiB,CAAC,EAAE,KAAK,CAAC;IAAC,KAAK,CAAC,EAAE,KAAK,CAAA;CAAE,GAClE;IAAE,YAAY,CAAC,EAAE,KAAK,CAAC;IAAC,iBAAiB,CAAC,EAAE,KAAK,CAAC;IAAC,KAAK,EAAE,SAAS,CAAA;CAAE,GACrE;IAAE,YAAY,CAAC,EAAE,KAAK,CAAC;IAAC,iBAAiB,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC"}

package/dist/types/utilities/hooks/deprecated/use-debounce-callback/use-debounce-callback.d.ts

@@ -0,0 +1,4 @@
+type DebounceFunction<T> = (...args: T[]) => void;
+export declare function useDebounceCallback<T>(callback: DebounceFunction<T>, delay?: number): (...args: T[]) => void;
+export {};
+//# sourceMappingURL=use-debounce-callback.d.ts.map

package/dist/types/utilities/hooks/deprecated/use-debounce-callback/use-debounce-callback.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-debounce-callback.d.ts","sourceRoot":"","sources":["../../../../../src/utilities/hooks/deprecated/use-debounce-callback/use-debounce-callback.ts"],"names":[],"mappings":"AAEA,KAAK,gBAAgB,CAAC,CAAC,IAAI,CAAC,GAAG,IAAI,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC;AAElD,wBAAgB,mBAAmB,CAAC,CAAC,EACnC,QAAQ,EAAE,gBAAgB,CAAC,CAAC,CAAC,EAC7B,KAAK,SAAK,aAa0B,CAAC,EAAE,UAWxC"}

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

@@ -0,0 +1,3 @@
+import { useEffect } from 'react';
+export declare const useIsomorphicLayoutEffect: typeof useEffect;
+//# sourceMappingURL=use-isomorphic-layout-effect.d.ts.map

package/dist/types/utilities/hooks/deprecated/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/deprecated/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/deprecated/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/deprecated/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/deprecated/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/index.d.ts

@@ -0,0 +1,12 @@
+export { useDebounceCallback } from './deprecated/use-debounce-callback/use-debounce-callback';
+export { useIsomorphicLayoutEffect } from './deprecated/use-isomorphic-layout-effect/use-isomorphic-layout-effect';
+export { useMediaQuery } from './deprecated/use-media-query/use-media-query';
+export type { UseCheckboxGroupProps } from './use-checkbox-group/use-checkbox-group';
+export { useCheckboxGroup } from './use-checkbox-group/use-checkbox-group';
+export { useMergeRefs } from './use-merge-refs/use-merge-refs';
+export type { UsePaginationProps } from './use-pagination/use-pagination';
+export { usePagination } from './use-pagination/use-pagination';
+export type { UseRadioGroupProps } from './use-radio-group/use-radio-group';
+export { useRadioGroup } from './use-radio-group/use-radio-group';
+export { useSynchronizedAnimation } from './use-synchronized-animation/use-synchronized-animation';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/utilities/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,0DAA0D,CAAC;AAC/F,OAAO,EAAE,yBAAyB,EAAE,MAAM,wEAAwE,CAAC;AACnH,OAAO,EAAE,aAAa,EAAE,MAAM,8CAA8C,CAAC;AAC7E,YAAY,EAAE,qBAAqB,EAAE,MAAM,yCAAyC,CAAC;AACrF,OAAO,EAAE,gBAAgB,EAAE,MAAM,yCAAyC,CAAC;AAC3E,OAAO,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAC;AAC/D,YAAY,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;AAC1E,OAAO,EAAE,aAAa,EAAE,MAAM,iCAAiC,CAAC;AAChE,YAAY,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAC;AAC5E,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAClE,OAAO,EAAE,wBAAwB,EAAE,MAAM,yDAAyD,CAAC"}

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

@@ -0,0 +1,68 @@
+import type { Dispatch, ForwardedRef, ReactNode, SetStateAction } from 'react';
+import type { CheckboxProps } from '../../../components';
+export type UseCheckboxGroupProps = {
+    /**
+     * Disables all checkboxes in the group.
+     */
+    disabled?: boolean;
+    /**
+     * Error message for the group.
+     * If set, all checkboxes will have `aria-invalid` set to `true`.
+     */
+    error?: ReactNode;
+    /**
+     * Name of the group.
+     * If not set, a random id will be generated.
+     */
+    name?: string;
+    /**
+     * Makes all checkboxes in the group read-only.
+     * If set, all checkboxes will have `aria-readonly` set to `true`.
+     */
+    readOnly?: boolean;
+    /**
+     * Initial value of the group
+     * @default []
+     */
+    value?: string[];
+    /**
+     * Makes all checkboxes in the group required.
+     * If set, all checkboxes will have `required` set to `true`.
+     */
+    required?: boolean;
+    /**
+     * Callback that is called when the value of the group changes.
+     * @param nextValue string[]
+     * @param currentValue string[]
+     * @returns void
+     */
+    onChange?: (nextValue: string[], currentValue: string[]) => void;
+    /**
+     * If outline, all checkboxes in the group will have a border
+     */
+    variant?: CheckboxProps['variant'];
+};
+/**
+ * Get anything that is set on a checkbox, but
+ * remove anything that comes from the group itself.
+ */
+export type GetCheckboxProps = Omit<CheckboxProps, 'prefix' | 'role' | 'type' | 'size' | 'aria-label' | 'aria-labelledby' | 'label' | 'checked' | 'value'> & {
+    /** Enables indeterminate handling for this `Checkbox` and `CheckboxGroup` */
+    allowIndeterminate?: boolean;
+    ref?: ForwardedRef<HTMLInputElement>;
+    checked?: boolean;
+    value?: string;
+};
+type useCheckboxGroupReturn = {
+    value: string[];
+    setValue: Dispatch<SetStateAction<string[]>>;
+    getCheckboxProps: (propsOrValue?: string | GetCheckboxProps) => GetCheckboxProps;
+    validationMessageProps: {
+        children: ReactNode;
+        hidden: boolean;
+        id: string;
+    };
+};
+export declare function useCheckboxGroup(props?: UseCheckboxGroupProps): useCheckboxGroupReturn;
+export {};
+//# sourceMappingURL=use-checkbox-group.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-checkbox-group.d.ts","sourceRoot":"","sources":["../../../../src/utilities/hooks/use-checkbox-group/use-checkbox-group.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAEV,QAAQ,EACR,YAAY,EACZ,SAAS,EACT,cAAc,EACf,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAEzD,MAAM,MAAM,qBAAqB,GAAG;IAClC;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,EAAE,YAAY,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACjE;;OAEG;IACH,OAAO,CAAC,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC;CACpC,CAAC;AAEF;;;GAGG;AACH,MAAM,MAAM,gBAAgB,GAAG,IAAI,CACjC,aAAa,EACX,QAAQ,GACR,MAAM,GACN,MAAM,GACN,MAAM,GACN,YAAY,GACZ,iBAAiB,GACjB,OAAO,GACP,SAAS,GACT,OAAO,CACV,GAAG;IACF,6EAA6E;IAC7E,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,GAAG,CAAC,EAAE,YAAY,CAAC,gBAAgB,CAAC,CAAC;IACrC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAgBF,KAAK,sBAAsB,GAAG;IAC5B,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,QAAQ,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC;IAC7C,gBAAgB,EAAE,CAChB,YAAY,CAAC,EAAE,MAAM,GAAG,gBAAgB,KACrC,gBAAgB,CAAC;IACtB,sBAAsB,EAAE;QACtB,QAAQ,EAAE,SAAS,CAAC;QACpB,MAAM,EAAE,OAAO,CAAC;QAChB,EAAE,EAAE,MAAM,CAAC;KACZ,CAAC;CACH,CAAC;AAEF,wBAAgB,gBAAgB,CAC9B,KAAK,CAAC,EAAE,qBAAqB,GAC5B,sBAAsB,CAsJxB"}

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: current, setCurrentPage, onChange, totalPages: total, showPages: show, }: 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 navigation */
+    prevButtonProps: PaginationButtonProps;
+    /** Properties to spread on Pagination.Button used for next navigation */
+    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":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAExC,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AAEjE,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,yFAM3B,kBAAkB;IAUf,sBAAsB;;QAEpB;;WAEG;;QAEH;;WAEG;;QAEH;;WAEG;qBAMU,qBAAqB,GAAG,IAAI;;IAE3C,6EAA6E;qBAIxE,qBAAqB;IAC1B,yEAAyE;qBAIpE,qBAAqB;IAC1B,gEAAgE;;IAEhE,4DAA4D;;CAGtC,CAAC"}

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

@@ -0,0 +1,60 @@
+import type { Dispatch, ForwardedRef, ReactNode, SetStateAction } 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;
+    /**
+     * If outline, all radios in the group will have a border
+     */
+    variant?: RadioProps['variant'];
+};
+/**
+ * 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?: ForwardedRef<HTMLInputElement>;
+    value?: string;
+};
+type useRadioGroupReturn = {
+    value: string;
+    setValue: Dispatch<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(props?: 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,EAEV,QAAQ,EACR,YAAY,EACZ,SAAS,EACT,cAAc,EACf,MAAM,OAAO,CAAC;AAEf,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;IAC1D;;OAEG;IACH,OAAO,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;CACjC,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,YAAY,CAAC,gBAAgB,CAAC,CAAC;IACrC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,KAAK,mBAAmB,GAAG;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;IAC3C,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,KAAK,CAAC,EAAE,kBAAkB,GAAG,mBAAmB,CAuG7E"}

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

@@ -0,0 +1,16 @@
+import { useEffect } from 'react';
+export declare const useIsomorphicLayoutEffect: typeof useEffect;
+/**
+ * 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): import("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":"AAGA,OAAO,EAAE,SAAS,EAA2B,MAAM,OAAO,CAAC;AAG3D,eAAO,MAAM,yBAAyB,kBACuB,CAAC;AAE9D;;;;;;;;;;;GAWG;AACH,wBAAgB,wBAAwB,CAAC,CAAC,EAAE,aAAa,EAAE,MAAM,uCA2ChE"}

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

@@ -0,0 +1,13 @@
+export type { UseCheckboxGroupProps, UsePaginationProps, UseRadioGroupProps, } from './hooks';
+export { useCheckboxGroup, useDebounceCallback, useIsomorphicLayoutEffect, useMediaQuery, usePagination, useRadioGroup, useSynchronizedAnimation, } from './hooks';
+export { getNextFocusableValue, getPrevFocusableValue, RovingFocusItem, } from './roving-focus/roving-focus-item';
+export { RovingFocusRoot } from './roving-focus/roving-focus-root';
+export { useRovingFocus } from './roving-focus/use-roving-focus';
+export type { MergeRight } from './types';
+declare global {
+    interface Window {
+        dsWarnings?: boolean;
+    }
+}
+export declare const warn: (message: string, ...args: Parameters<typeof console.warn>) => true | void;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +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,OAAO,EACL,qBAAqB,EACrB,qBAAqB,EACrB,eAAe,GAChB,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAC;AACnE,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AACjE,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAE1C,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,MAAM;QACd,UAAU,CAAC,EAAE,OAAO,CAAC;KACtB;CACF;AACD,eAAO,MAAM,IAAI,GACf,SAAS,MAAM,EACf,GAAG,MAAM,UAAU,CAAC,OAAO,OAAO,CAAC,IAAI,CAAC,gBAIW,CAAC"}

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

@@ -0,0 +1,17 @@
+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;
+/** @deprecated RovingFocusItem is deprecated.*/
+export declare const RovingFocusItem: import("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> & import("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,gDAAgD;AAChD,eAAO,MAAM,eAAe;IA5B1B,yFAAyF;YACjF,MAAM;IACd;;;OAGG;cACO,OAAO;6EAyFlB,CAAC"}

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

@@ -0,0 +1,34 @@
+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: import("react").Context<RovingFocusProps>;
+/** @deprecated RovingFocusRoot is deprecated. */
+export declare const RovingFocusRoot: import("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> & import("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;AAwBf,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,2CAW7B,CAAC;AAEH,iDAAiD;AACjD,eAAO,MAAM,eAAe;IA9C1B,iIAAiI;cACvH,SAAS;IACnB,iGAAiG;kBACnF,MAAM;IACpB;;;OAGG;cACO,OAAO;IACjB;;;;;OAKG;kBACW,UAAU,GAAG,YAAY,GAAG,WAAW;6EAwHtD,CAAC"}