@digdir/designsystemet-react 1.0.0-next.47 → 1.0.0-next.49

package/dist/types/utilities/hooks/useRadioGroup/useRadioGroup.d.ts

@@ -25,9 +25,19 @@ export type UseRadioGroupProps = {
  * 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.RefObject<HTMLInputElement>;
+    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
@@ -41,330 +51,6 @@ export type GetRadioProps = Omit<RadioProps, 'prefix' | 'role' | 'type' | 'size'
  *   value: '',
  * });
  */
-export declare function useRadioGroup({ error, readOnly, required, disabled, name, onChange, value: initalValue, }?: UseRadioGroupProps): {
-    /**
-     * Current value of the group.
-     */
-    value: string;
-    /**
-     * Set the value of the group.
-     *
-     * @param value string[]
-     * @returns void
-     */
-    setValue: React.Dispatch<React.SetStateAction<string>>;
-    /**
-     * Props to send to the `Radio` component.
-     * @example
-     * <Radio label="Option 1" {...getRadioProps('option-1')} />
-     */
-    getRadioProps: (propsOrValue: string | GetRadioProps) => {
-        name: string;
-        'aria-describedby': string | undefined;
-        'aria-invalid': boolean | "true" | "false" | "grammar" | "spelling" | undefined;
-        value: string;
-        ref: ((instance: HTMLInputElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | null;
-        required: boolean | undefined;
-        readOnly: boolean | undefined;
-        disabled: boolean | undefined;
-        onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
-        accept?: string | undefined;
-        alt?: string | undefined;
-        autoComplete?: React.HTMLInputAutoCompleteAttribute | undefined;
-        capture?: boolean | "user" | "environment" | undefined;
-        enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined;
-        form?: string | undefined;
-        formAction?: string | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_FORM_ACTIONS[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_FORM_ACTIONS] | undefined;
-        formEncType?: string | undefined;
-        formMethod?: string | undefined;
-        formNoValidate?: boolean | undefined;
-        formTarget?: string | undefined;
-        height?: number | string | undefined;
-        list?: string | undefined;
-        max?: number | string | undefined;
-        maxLength?: number | undefined;
-        min?: number | string | undefined;
-        minLength?: number | undefined;
-        multiple?: boolean | undefined;
-        pattern?: string | undefined;
-        placeholder?: string | undefined;
-        src?: string | undefined;
-        step?: number | string | undefined;
-        width?: number | string | undefined;
-        defaultChecked?: boolean | undefined;
-        defaultValue?: string | number | readonly string[] | undefined;
-        suppressContentEditableWarning?: boolean | undefined;
-        suppressHydrationWarning?: boolean | undefined;
-        accessKey?: string | undefined;
-        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;
-        hidden?: boolean | undefined;
-        id?: string | undefined;
-        lang?: string | undefined;
-        nonce?: string | undefined;
-        slot?: string | undefined;
-        spellCheck?: (boolean | "true" | "false") | undefined;
-        style?: React.CSSProperties | undefined;
-        tabIndex?: number | undefined;
-        title?: string | undefined;
-        translate?: "yes" | "no" | undefined;
-        radioGroup?: string | undefined;
-        about?: string | undefined;
-        content?: string | undefined;
-        datatype?: string | undefined;
-        inlist?: any;
-        property?: string | undefined;
-        rel?: string | undefined;
-        resource?: string | undefined;
-        rev?: string | undefined;
-        typeof?: string | undefined;
-        vocab?: string | undefined;
-        autoCapitalize?: 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;
-        inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
-        is?: string | undefined;
-        popovertarget?: string | undefined;
-        'data-size'?: (import("../../..").Size | (string & {})) | undefined;
-        'data-color'?: (import("../../../colors").Color | (string & {})) | undefined;
-        "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-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-keyshortcuts"?: 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?: ReactNode | undefined;
-        dangerouslySetInnerHTML?: {
-            __html: string | TrustedHTML;
-        } | undefined;
-        onCopy?: React.ClipboardEventHandler<HTMLInputElement> | undefined;
-        onCopyCapture?: React.ClipboardEventHandler<HTMLInputElement> | undefined;
-        onCut?: React.ClipboardEventHandler<HTMLInputElement> | undefined;
-        onCutCapture?: React.ClipboardEventHandler<HTMLInputElement> | undefined;
-        onPaste?: React.ClipboardEventHandler<HTMLInputElement> | undefined;
-        onPasteCapture?: React.ClipboardEventHandler<HTMLInputElement> | undefined;
-        onCompositionEnd?: React.CompositionEventHandler<HTMLInputElement> | undefined;
-        onCompositionEndCapture?: React.CompositionEventHandler<HTMLInputElement> | undefined;
-        onCompositionStart?: React.CompositionEventHandler<HTMLInputElement> | undefined;
-        onCompositionStartCapture?: React.CompositionEventHandler<HTMLInputElement> | undefined;
-        onCompositionUpdate?: React.CompositionEventHandler<HTMLInputElement> | undefined;
-        onCompositionUpdateCapture?: React.CompositionEventHandler<HTMLInputElement> | undefined;
-        onFocus?: React.FocusEventHandler<HTMLInputElement> | undefined;
-        onFocusCapture?: React.FocusEventHandler<HTMLInputElement> | undefined;
-        onBlur?: React.FocusEventHandler<HTMLInputElement> | undefined;
-        onBlurCapture?: React.FocusEventHandler<HTMLInputElement> | undefined;
-        onChangeCapture?: React.FormEventHandler<HTMLInputElement> | undefined;
-        onBeforeInput?: React.FormEventHandler<HTMLInputElement> | undefined;
-        onBeforeInputCapture?: React.FormEventHandler<HTMLInputElement> | undefined;
-        onInput?: React.FormEventHandler<HTMLInputElement> | undefined;
-        onInputCapture?: React.FormEventHandler<HTMLInputElement> | undefined;
-        onReset?: React.FormEventHandler<HTMLInputElement> | undefined;
-        onResetCapture?: React.FormEventHandler<HTMLInputElement> | undefined;
-        onSubmit?: React.FormEventHandler<HTMLInputElement> | undefined;
-        onSubmitCapture?: React.FormEventHandler<HTMLInputElement> | undefined;
-        onInvalid?: React.FormEventHandler<HTMLInputElement> | undefined;
-        onInvalidCapture?: React.FormEventHandler<HTMLInputElement> | undefined;
-        onLoad?: React.ReactEventHandler<HTMLInputElement> | undefined;
-        onLoadCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
-        onError?: React.ReactEventHandler<HTMLInputElement> | undefined;
-        onErrorCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
-        onKeyDown?: React.KeyboardEventHandler<HTMLInputElement> | undefined;
-        onKeyDownCapture?: React.KeyboardEventHandler<HTMLInputElement> | undefined;
-        onKeyPress?: React.KeyboardEventHandler<HTMLInputElement> | undefined;
-        onKeyPressCapture?: React.KeyboardEventHandler<HTMLInputElement> | undefined;
-        onKeyUp?: React.KeyboardEventHandler<HTMLInputElement> | undefined;
-        onKeyUpCapture?: React.KeyboardEventHandler<HTMLInputElement> | undefined;
-        onAbort?: React.ReactEventHandler<HTMLInputElement> | undefined;
-        onAbortCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
-        onCanPlay?: React.ReactEventHandler<HTMLInputElement> | undefined;
-        onCanPlayCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
-        onCanPlayThrough?: React.ReactEventHandler<HTMLInputElement> | undefined;
-        onCanPlayThroughCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
-        onDurationChange?: React.ReactEventHandler<HTMLInputElement> | undefined;
-        onDurationChangeCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
-        onEmptied?: React.ReactEventHandler<HTMLInputElement> | undefined;
-        onEmptiedCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
-        onEncrypted?: React.ReactEventHandler<HTMLInputElement> | undefined;
-        onEncryptedCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
-        onEnded?: React.ReactEventHandler<HTMLInputElement> | undefined;
-        onEndedCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
-        onLoadedData?: React.ReactEventHandler<HTMLInputElement> | undefined;
-        onLoadedDataCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
-        onLoadedMetadata?: React.ReactEventHandler<HTMLInputElement> | undefined;
-        onLoadedMetadataCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
-        onLoadStart?: React.ReactEventHandler<HTMLInputElement> | undefined;
-        onLoadStartCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
-        onPause?: React.ReactEventHandler<HTMLInputElement> | undefined;
-        onPauseCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
-        onPlay?: React.ReactEventHandler<HTMLInputElement> | undefined;
-        onPlayCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
-        onPlaying?: React.ReactEventHandler<HTMLInputElement> | undefined;
-        onPlayingCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
-        onProgress?: React.ReactEventHandler<HTMLInputElement> | undefined;
-        onProgressCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
-        onRateChange?: React.ReactEventHandler<HTMLInputElement> | undefined;
-        onRateChangeCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
-        onResize?: React.ReactEventHandler<HTMLInputElement> | undefined;
-        onResizeCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
-        onSeeked?: React.ReactEventHandler<HTMLInputElement> | undefined;
-        onSeekedCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
-        onSeeking?: React.ReactEventHandler<HTMLInputElement> | undefined;
-        onSeekingCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
-        onStalled?: React.ReactEventHandler<HTMLInputElement> | undefined;
-        onStalledCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
-        onSuspend?: React.ReactEventHandler<HTMLInputElement> | undefined;
-        onSuspendCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
-        onTimeUpdate?: React.ReactEventHandler<HTMLInputElement> | undefined;
-        onTimeUpdateCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
-        onVolumeChange?: React.ReactEventHandler<HTMLInputElement> | undefined;
-        onVolumeChangeCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
-        onWaiting?: React.ReactEventHandler<HTMLInputElement> | undefined;
-        onWaitingCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
-        onAuxClick?: React.MouseEventHandler<HTMLInputElement> | undefined;
-        onAuxClickCapture?: React.MouseEventHandler<HTMLInputElement> | undefined;
-        onClick?: React.MouseEventHandler<HTMLInputElement> | undefined;
-        onClickCapture?: React.MouseEventHandler<HTMLInputElement> | undefined;
-        onContextMenu?: React.MouseEventHandler<HTMLInputElement> | undefined;
-        onContextMenuCapture?: React.MouseEventHandler<HTMLInputElement> | undefined;
-        onDoubleClick?: React.MouseEventHandler<HTMLInputElement> | undefined;
-        onDoubleClickCapture?: React.MouseEventHandler<HTMLInputElement> | undefined;
-        onDrag?: React.DragEventHandler<HTMLInputElement> | undefined;
-        onDragCapture?: React.DragEventHandler<HTMLInputElement> | undefined;
-        onDragEnd?: React.DragEventHandler<HTMLInputElement> | undefined;
-        onDragEndCapture?: React.DragEventHandler<HTMLInputElement> | undefined;
-        onDragEnter?: React.DragEventHandler<HTMLInputElement> | undefined;
-        onDragEnterCapture?: React.DragEventHandler<HTMLInputElement> | undefined;
-        onDragExit?: React.DragEventHandler<HTMLInputElement> | undefined;
-        onDragExitCapture?: React.DragEventHandler<HTMLInputElement> | undefined;
-        onDragLeave?: React.DragEventHandler<HTMLInputElement> | undefined;
-        onDragLeaveCapture?: React.DragEventHandler<HTMLInputElement> | undefined;
-        onDragOver?: React.DragEventHandler<HTMLInputElement> | undefined;
-        onDragOverCapture?: React.DragEventHandler<HTMLInputElement> | undefined;
-        onDragStart?: React.DragEventHandler<HTMLInputElement> | undefined;
-        onDragStartCapture?: React.DragEventHandler<HTMLInputElement> | undefined;
-        onDrop?: React.DragEventHandler<HTMLInputElement> | undefined;
-        onDropCapture?: React.DragEventHandler<HTMLInputElement> | undefined;
-        onMouseDown?: React.MouseEventHandler<HTMLInputElement> | undefined;
-        onMouseDownCapture?: React.MouseEventHandler<HTMLInputElement> | undefined;
-        onMouseEnter?: React.MouseEventHandler<HTMLInputElement> | undefined;
-        onMouseLeave?: React.MouseEventHandler<HTMLInputElement> | undefined;
-        onMouseMove?: React.MouseEventHandler<HTMLInputElement> | undefined;
-        onMouseMoveCapture?: React.MouseEventHandler<HTMLInputElement> | undefined;
-        onMouseOut?: React.MouseEventHandler<HTMLInputElement> | undefined;
-        onMouseOutCapture?: React.MouseEventHandler<HTMLInputElement> | undefined;
-        onMouseOver?: React.MouseEventHandler<HTMLInputElement> | undefined;
-        onMouseOverCapture?: React.MouseEventHandler<HTMLInputElement> | undefined;
-        onMouseUp?: React.MouseEventHandler<HTMLInputElement> | undefined;
-        onMouseUpCapture?: React.MouseEventHandler<HTMLInputElement> | undefined;
-        onSelect?: React.ReactEventHandler<HTMLInputElement> | undefined;
-        onSelectCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
-        onTouchCancel?: React.TouchEventHandler<HTMLInputElement> | undefined;
-        onTouchCancelCapture?: React.TouchEventHandler<HTMLInputElement> | undefined;
-        onTouchEnd?: React.TouchEventHandler<HTMLInputElement> | undefined;
-        onTouchEndCapture?: React.TouchEventHandler<HTMLInputElement> | undefined;
-        onTouchMove?: React.TouchEventHandler<HTMLInputElement> | undefined;
-        onTouchMoveCapture?: React.TouchEventHandler<HTMLInputElement> | undefined;
-        onTouchStart?: React.TouchEventHandler<HTMLInputElement> | undefined;
-        onTouchStartCapture?: React.TouchEventHandler<HTMLInputElement> | undefined;
-        onPointerDown?: React.PointerEventHandler<HTMLInputElement> | undefined;
-        onPointerDownCapture?: React.PointerEventHandler<HTMLInputElement> | undefined;
-        onPointerMove?: React.PointerEventHandler<HTMLInputElement> | undefined;
-        onPointerMoveCapture?: React.PointerEventHandler<HTMLInputElement> | undefined;
-        onPointerUp?: React.PointerEventHandler<HTMLInputElement> | undefined;
-        onPointerUpCapture?: React.PointerEventHandler<HTMLInputElement> | undefined;
-        onPointerCancel?: React.PointerEventHandler<HTMLInputElement> | undefined;
-        onPointerCancelCapture?: React.PointerEventHandler<HTMLInputElement> | undefined;
-        onPointerEnter?: React.PointerEventHandler<HTMLInputElement> | undefined;
-        onPointerLeave?: React.PointerEventHandler<HTMLInputElement> | undefined;
-        onPointerOver?: React.PointerEventHandler<HTMLInputElement> | undefined;
-        onPointerOverCapture?: React.PointerEventHandler<HTMLInputElement> | undefined;
-        onPointerOut?: React.PointerEventHandler<HTMLInputElement> | undefined;
-        onPointerOutCapture?: React.PointerEventHandler<HTMLInputElement> | undefined;
-        onGotPointerCapture?: React.PointerEventHandler<HTMLInputElement> | undefined;
-        onGotPointerCaptureCapture?: React.PointerEventHandler<HTMLInputElement> | undefined;
-        onLostPointerCapture?: React.PointerEventHandler<HTMLInputElement> | undefined;
-        onLostPointerCaptureCapture?: React.PointerEventHandler<HTMLInputElement> | undefined;
-        onScroll?: React.UIEventHandler<HTMLInputElement> | undefined;
-        onScrollCapture?: React.UIEventHandler<HTMLInputElement> | undefined;
-        onWheel?: React.WheelEventHandler<HTMLInputElement> | undefined;
-        onWheelCapture?: React.WheelEventHandler<HTMLInputElement> | undefined;
-        onAnimationStart?: React.AnimationEventHandler<HTMLInputElement> | undefined;
-        onAnimationStartCapture?: React.AnimationEventHandler<HTMLInputElement> | undefined;
-        onAnimationEnd?: React.AnimationEventHandler<HTMLInputElement> | undefined;
-        onAnimationEndCapture?: React.AnimationEventHandler<HTMLInputElement> | undefined;
-        onAnimationIteration?: React.AnimationEventHandler<HTMLInputElement> | undefined;
-        onAnimationIterationCapture?: React.AnimationEventHandler<HTMLInputElement> | undefined;
-        onTransitionEnd?: React.TransitionEventHandler<HTMLInputElement> | undefined;
-        onTransitionEndCapture?: React.TransitionEventHandler<HTMLInputElement> | undefined;
-        description?: ReactNode;
-        validation?: ReactNode;
-    };
-    /**
-     * Props to send to the `ValidationMessage` component.
-     *
-     * @example
-     * <ValidationMessage {...validationMessageProps} />
-     */
-    validationMessageProps: {
-        children: ReactNode;
-        hidden: boolean;
-        id: string;
-    };
-};
+export declare function useRadioGroup({ error, readOnly, required, disabled, name, onChange, value: initalValue, }?: UseRadioGroupProps): useRadioGroupReturn;
+export {};
 //# sourceMappingURL=useRadioGroup.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"useRadioGroup.d.ts","sourceRoot":"","sources":["../../../../src/utilities/hooks/useRadioGroup/useRadioGroup.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,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,SAAS,CAAC,gBAAgB,CAAC,CAAC;IACxC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,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;IAOtB;;OAEG;;IAEH;;;;;OAKG;;IAEH;;;;OAIG;kCAC2B,MAAM,GAAG,aAAa;;;;;;;;;sBAwClC,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAOrD;;;;;OAKG;;;;;;EAON"}
+{"version":3,"file":"useRadioGroup.d.ts","sourceRoot":"","sources":["../../../../src/utilities/hooks/useRadioGroup/useRadioGroup.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,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,CAkF/C"}

package/dist/types/utilities/hooks/useSynchronizedAnimation/useSynchronizedAnimation.d.ts

@@ -10,5 +10,5 @@
  *  />
  * ```
  */
-export declare function useSynchronizedAnimation<T>(animationName: string): React.RefObject<T>;
+export declare function useSynchronizedAnimation<T>(animationName: string): React.RefObject<T | null>;
 //# sourceMappingURL=useSynchronizedAnimation.d.ts.map

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

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

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@digdir/designsystemet-react",
   "type": "module",
-  "version": "1.0.0-next.47",
+  "version": "1.0.0-next.49",
   "description": "React components for Designsystemet",
   "author": "Designsystemet team",
   "repository": {
@@ -44,26 +44,29 @@
   "dependencies": {
     "@floating-ui/dom": "^1.6.10",
     "@floating-ui/react": "0.26.23",
-    "@navikt/aksel-icons": "^6.14.0",
-    "@radix-ui/react-slot": "^1.1.0",
-    "@tanstack/react-virtual": "^3.10.7",
+    "@navikt/aksel-icons": "^7.0.0",
+    "@radix-ui/react-slot": "^1.1.1",
+    "@tanstack/react-virtual": "^3.11.2",
+    "@u-elements/u-datalist": "^0.1.2",
     "@u-elements/u-details": "^0.1.0",
     "clsx": "^2.1.1"
   },
   "devDependencies": {
-    "@rollup/plugin-commonjs": "^26.0.1",
-    "@rollup/plugin-node-resolve": "^15.2.3",
+    "@rollup/plugin-commonjs": "^28.0.2",
+    "@rollup/plugin-node-resolve": "^16.0.0",
     "@testing-library/dom": "^10.4.0",
-    "@testing-library/jest-dom": "^6.4.8",
-    "@testing-library/react": "^16.0.0",
-    "@testing-library/user-event": "^14.5.2",
+    "@testing-library/jest-dom": "^6.6.3",
+    "@testing-library/react": "^16.2.0",
+    "@testing-library/user-event": "^14.6.0",
+    "@types/react": "^19.0.8",
+    "@types/react-dom": "^19.0.3",
     "copyfiles": "^2.4.1",
-    "jsdom": "^24.1.1",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
+    "jsdom": "^26.0.0",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
     "rimraf": "^6.0.1",
-    "rollup": "^4.22.4",
+    "rollup": "^4.31.0",
     "rollup-plugin-copy": "^3.5.0",
-    "typescript": "^5.5.4"
+    "typescript": "^5.7.3"
   }
 }

package/dist/cjs/components/Modal/Modal.js

@@ -1,51 +0,0 @@
-'use client';
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var react$1 = require('@floating-ui/react');
-var reactSlot = require('@radix-ui/react-slot');
-var cl = require('clsx/lite');
-var react = require('react');
-var ModalTriggerContext = require('./ModalTriggerContext.js');
-var Button = require('../Button/Button.js');
-
-const Modal = react.forwardRef(function Modal({ asChild, children, className, closeButton = 'Lukk dialogvindu', onClose, open, backdropClose = false, ...rest }, ref) {
-    const contextRef = react.useContext(ModalTriggerContext.Context);
-    const modalRef = react.useRef(null); // This local ref is used to make sure the modal works without a ModalTriggerContext
-    const Component = asChild ? reactSlot.Slot : 'dialog';
-    const mergedRefs = react$1.useMergeRefs([contextRef, ref, modalRef]);
-    react.useEffect(() => modalRef.current?.[open ? 'showModal' : 'close'](), [open]); // Toggle open based on prop
-    react.useEffect(() => {
-        const modal = modalRef.current;
-        const handleBackdropClick = ({ clientY: y, clientX: x, target, }) => {
-            if (window.getSelection()?.toString())
-                return; // Fix bug where if you select text spanning two divs it thinks you clicked outside
-            if (modal && target === modal && backdropClose) {
-                const { top, left, right, bottom } = modal.getBoundingClientRect();
-                const isInDialog = top <= y && y <= bottom && left <= x && x <= right;
-                if (!isInDialog)
-                    modal?.close(); // Both <dialog> and ::backdrop is considered same event.target
-            }
-        };
-        const handleAutoFocus = () => {
-            const autofocus = modal?.querySelector('[autofocus]');
-            if (document.activeElement !== autofocus)
-                autofocus?.focus();
-        };
-        modal?.addEventListener('animationend', handleAutoFocus);
-        modal?.addEventListener('click', handleBackdropClick);
-        return () => {
-            modal?.removeEventListener('animationend', handleAutoFocus);
-            modal?.removeEventListener('click', handleBackdropClick);
-        };
-    }, [backdropClose]);
-    /* handle closing */
-    react.useEffect(() => {
-        const handleClose = (event) => onClose?.(event);
-        modalRef.current?.addEventListener('close', handleClose);
-        return () => modalRef.current?.removeEventListener('close', handleClose);
-    }, [onClose]);
-    return (jsxRuntime.jsxs(Component, { className: cl('ds-modal', className), ref: mergedRefs, ...rest, children: [closeButton !== false && (jsxRuntime.jsx("form", { method: 'dialog', children: jsxRuntime.jsx(Button.Button, { "aria-label": closeButton, autoFocus: true, "data-color": 'neutral', icon: true, name: 'close', type: 'submit', variant: 'tertiary' }) })), children] }));
-});
-
-exports.Modal = Modal;

package/dist/cjs/components/Modal/ModalBlock.js

@@ -1,14 +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');
-
-const ModalBlock = react.forwardRef(function ModalBlock({ asChild, className, ...rest }, ref) {
-    const Component = asChild ? reactSlot.Slot : 'div';
-    return (jsxRuntime.jsx(Component, { className: cl('ds-modal__block', className), ref: ref, ...rest }));
-});
-
-exports.ModalBlock = ModalBlock;

package/dist/cjs/components/Modal/ModalTrigger.js

@@ -1,16 +0,0 @@
-'use client';
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var reactSlot = require('@radix-ui/react-slot');
-var react = require('react');
-var Button = require('../Button/Button.js');
-var ModalTriggerContext = require('./ModalTriggerContext.js');
-
-const ModalTrigger = react.forwardRef(function ModalTrigger({ asChild, ...rest }, ref) {
-    const contextRef = react.useContext(ModalTriggerContext.Context);
-    const Component = asChild ? reactSlot.Slot : Button.Button;
-    return (jsxRuntime.jsx(Component, { "aria-haspopup": 'dialog', onClick: () => contextRef?.current?.showModal(), ref: ref, ...rest }));
-});
-
-exports.ModalTrigger = ModalTrigger;

package/dist/cjs/components/Modal/ModalTriggerContext.js

@@ -1,17 +0,0 @@
-'use client';
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var react = require('react');
-
-const Context = react.createContext({
-    current: null,
-});
-const ModalTriggerContext = ({ children }) => {
-    const contextRef = react.useRef(null);
-    return jsxRuntime.jsx(Context.Provider, { value: contextRef, children: children });
-};
-ModalTriggerContext.displayName = 'ModalTriggerContext';
-
-exports.Context = Context;
-exports.ModalTriggerContext = ModalTriggerContext;

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

@@ -1,21 +0,0 @@
-'use client';
-'use strict';
-
-var Modal$1 = require('./Modal.js');
-var ModalBlock = require('./ModalBlock.js');
-var ModalTrigger = require('./ModalTrigger.js');
-var ModalTriggerContext = require('./ModalTriggerContext.js');
-
-const Modal = Object.assign(Modal$1.Modal, {
-    Block: ModalBlock.ModalBlock,
-    TriggerContext: ModalTriggerContext.ModalTriggerContext,
-    Trigger: ModalTrigger.ModalTrigger,
-});
-Modal.Block.displayName = 'Modal.Block';
-Modal.TriggerContext.displayName = 'Modal.TriggerContext';
-Modal.Trigger.displayName = 'Modal.Trigger';
-
-exports.ModalBlock = ModalBlock.ModalBlock;
-exports.ModalTrigger = ModalTrigger.ModalTrigger;
-exports.ModalTriggerContext = ModalTriggerContext.ModalTriggerContext;
-exports.Modal = Modal;

package/dist/cjs/utilities/hooks/usePrevious/usePrevious.js

@@ -1,14 +0,0 @@
-'use client';
-'use strict';
-
-var react = require('react');
-
-function usePrevious(value) {
-    const ref = react.useRef();
-    react.useEffect(() => {
-        ref.current = value;
-    }, [value]);
-    return ref.current;
-}
-
-exports.usePrevious = usePrevious;

package/dist/esm/components/Modal/Modal.js

@@ -1,49 +0,0 @@
-'use client';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { useMergeRefs } from '@floating-ui/react';
-import { Slot } from '@radix-ui/react-slot';
-import cl from 'clsx/lite';
-import { forwardRef, useContext, useRef, useEffect } from 'react';
-import { Context } from './ModalTriggerContext.js';
-import { Button } from '../Button/Button.js';
-
-const Modal = forwardRef(function Modal({ asChild, children, className, closeButton = 'Lukk dialogvindu', onClose, open, backdropClose = false, ...rest }, ref) {
-    const contextRef = useContext(Context);
-    const modalRef = useRef(null); // This local ref is used to make sure the modal works without a ModalTriggerContext
-    const Component = asChild ? Slot : 'dialog';
-    const mergedRefs = useMergeRefs([contextRef, ref, modalRef]);
-    useEffect(() => modalRef.current?.[open ? 'showModal' : 'close'](), [open]); // Toggle open based on prop
-    useEffect(() => {
-        const modal = modalRef.current;
-        const handleBackdropClick = ({ clientY: y, clientX: x, target, }) => {
-            if (window.getSelection()?.toString())
-                return; // Fix bug where if you select text spanning two divs it thinks you clicked outside
-            if (modal && target === modal && backdropClose) {
-                const { top, left, right, bottom } = modal.getBoundingClientRect();
-                const isInDialog = top <= y && y <= bottom && left <= x && x <= right;
-                if (!isInDialog)
-                    modal?.close(); // Both <dialog> and ::backdrop is considered same event.target
-            }
-        };
-        const handleAutoFocus = () => {
-            const autofocus = modal?.querySelector('[autofocus]');
-            if (document.activeElement !== autofocus)
-                autofocus?.focus();
-        };
-        modal?.addEventListener('animationend', handleAutoFocus);
-        modal?.addEventListener('click', handleBackdropClick);
-        return () => {
-            modal?.removeEventListener('animationend', handleAutoFocus);
-            modal?.removeEventListener('click', handleBackdropClick);
-        };
-    }, [backdropClose]);
-    /* handle closing */
-    useEffect(() => {
-        const handleClose = (event) => onClose?.(event);
-        modalRef.current?.addEventListener('close', handleClose);
-        return () => modalRef.current?.removeEventListener('close', handleClose);
-    }, [onClose]);
-    return (jsxs(Component, { className: cl('ds-modal', className), ref: mergedRefs, ...rest, children: [closeButton !== false && (jsx("form", { method: 'dialog', children: jsx(Button, { "aria-label": closeButton, autoFocus: true, "data-color": 'neutral', icon: true, name: 'close', type: 'submit', variant: 'tertiary' }) })), children] }));
-});
-
-export { Modal };

package/dist/esm/components/Modal/ModalBlock.js

@@ -1,12 +0,0 @@
-'use client';
-import { jsx } from 'react/jsx-runtime';
-import { Slot } from '@radix-ui/react-slot';
-import cl from 'clsx/lite';
-import { forwardRef } from 'react';
-
-const ModalBlock = forwardRef(function ModalBlock({ asChild, className, ...rest }, ref) {
-    const Component = asChild ? Slot : 'div';
-    return (jsx(Component, { className: cl('ds-modal__block', className), ref: ref, ...rest }));
-});
-
-export { ModalBlock };