@fremtind/jokul 0.44.6 → 0.45.0

package/build/cjs/components/pagination/Pagination.d.cts

@@ -1,19 +1,5 @@
 import { default as React } from 'react';
-import { PolymorphicPropsWithRef } from '../../utilities/polymorphism/polymorphism.cjs';
-export type PaginationProps<ElementType extends React.ElementType> = PolymorphicPropsWithRef<ElementType, {
-    currentPage: number;
-    numberOfPages: number;
-    onPageChange: (toPage: number, fromPage: number) => void;
-    /**
-     * Dersom du ønsker å ha custom labels kan du sende inn disse. "next" og "previous"
-     * brukes som hint til skjermlesere for ikon-knappene til Neste/Forrige side
-     * @default { previous: "Forrige side", next: "Neste side" }
-     */
-    labels?: {
-        previous: string;
-        next: string;
-    };
-}>;
+import { PaginationProps } from './types.cjs';
 type PaginationComponent = <ElementType extends React.ElementType = "nav">(props: PaginationProps<ElementType>) => React.ReactElement | null;
 export declare const Pagination: PaginationComponent;
 export {};

package/build/cjs/components/pagination/index.d.cts

@@ -1 +1,2 @@
-export { Pagination, type PaginationProps } from './Pagination.cjs';
+export { Pagination } from './Pagination.cjs';
+export type { PaginationProps } from './types.cjs';

package/build/cjs/components/pagination/types.cjs

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=types.cjs.map

package/build/cjs/components/pagination/types.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/build/cjs/components/pagination/types.d.cts

@@ -0,0 +1,15 @@
+import { PolymorphicPropsWithRef } from '../../utilities/polymorphism/polymorphism.cjs';
+export type PaginationProps<ElementType extends React.ElementType> = PolymorphicPropsWithRef<ElementType, {
+    currentPage: number;
+    numberOfPages: number;
+    onPageChange: (toPage: number, fromPage: number) => void;
+    /**
+     * Dersom du ønsker å ha custom labels kan du sende inn disse. "next" og "previous"
+     * brukes som hint til skjermlesere for ikon-knappene til Neste/Forrige side
+     * @default { previous: "Forrige side", next: "Neste side" }
+     */
+    labels?: {
+        previous: string;
+        next: string;
+    };
+}>;

package/build/cjs/components/popover/Popover.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Popover.cjs","sources":["../../../../src/components/popover/Popover.tsx"],"sourcesContent":["import {\n    useFloating,\n    useFocus,\n    useHover,\n    useClick,\n    useDismiss,\n    autoUpdate,\n    useRole,\n    useMergeRefs,\n    offset,\n    flip,\n    shift,\n    useInteractions,\n    FloatingPortal,\n    FloatingFocusManager,\n    UseFloatingOptions,\n    VirtualElement,\n    ReferenceElement,\n    ReferenceType,\n} from \"@floating-ui/react\";\nimport clsx from \"clsx\";\nimport * as React from \"react\";\nimport { getThemeAndDensity } from \"../../utilities/getThemeAndDensity.js\";\n\nexport type ClickOptions = Parameters<typeof useClick>[1];\nexport type DismissOptions = Parameters<typeof useDismiss>[1];\nexport type FocusOptions = Parameters<typeof useFocus>[1];\nexport type HoverOptions = Parameters<typeof useHover>[1];\nexport type RoleOptions = Parameters<typeof useRole>[1];\n\nexport interface PopoverOptions {\n    /**\n     * Angir om popoveren er åpen eller lukket.\n     *\n     * @see https://floating-ui.com/docs/usefloating#open\n     */\n    open?: boolean;\n    /**\n     * Callback som trigges når popoveren åpnes eller lukkes.\n     *\n     * @see https://floating-ui.com/docs/usefloating#onopenchange\n     */\n    onOpenChange?: UseFloatingOptions[\"onOpenChange\"];\n    /**\n     * Bestemmer plasseringen av popoveren.\n     *\n     * @see https://floating-ui.com/docs/usefloating#placement\n     *\n     * @default \"bottom-start\"\n     */\n    placement?: UseFloatingOptions[\"placement\"];\n    /**\n     * Definerer strategien for posisjonering av popoveren.\n     *\n     * @see https://floating-ui.com/docs/usefloating#strategy\n     *\n     * @default \"absolute\"\n     */\n    strategy?: UseFloatingOptions[\"strategy\"];\n    /**\n     * Angir om popoveren skal fungere som en modal, der fokus er låst til det flytende elementet\n     * og innhold utenfor ikke kan interageres med.\n     *\n     * @see https://floating-ui.com/docs/usefloating#modal\n     *\n     * @default true\n     */\n    modal?: boolean;\n    /**\n     * Justerer avstanden mellom referanse-elementet og popoveren.\n     *\n     * @see https://floating-ui.com/docs/offset\n     *\n     * @default 4\n     */\n    offset?: number;\n    /**\n     * Referanse til elementet som popoveren skal posisjoneres i forhold til.\n     *\n     * @see https://floating-ui.com/docs/usefloating#setpositionreference\n     *\n     * @default Popover.Trigger\n     */\n    positionReference?: React.RefObject<ReferenceType>;\n    /**\n     * Options for hover-interaksjoner.\n     *\n     * @see https://floating-ui.com/docs/usehover\n     *\n     * @default { enabled: false }\n     */\n    hoverOptions?: HoverOptions;\n    /**\n     * Options for fokus-interaksjoner.\n     *\n     * @see https://floating-ui.com/docs/usefocus\n     *\n     * @default { enabled: false }\n     */\n    focusOptions?: FocusOptions;\n    /**\n     * Options for klikk-interaksjoner.\n     *\n     * @see https://floating-ui.com/docs/useclick\n     *\n     * @default { enabled: false }\n     */\n    clickOptions?: ClickOptions;\n    /**\n     * Konfigurerer rollen for popoveren.\n     *\n     * @see https://floating-ui.com/docs/userole\n     *\n     * @default { enabled: true, role: \"dialog\" }\n     */\n    roleOptions?: RoleOptions;\n    /**\n     * Options for å lukke popoveren når en dismissal skjer,\n     * som ved å klikke utenfor eller trykke på \"Escape\"-tasten.\n     *\n     * @see https://floating-ui.com/docs/usedismiss\n     *\n     * @default { enabled: true }\n     */\n    dismissOptions?: DismissOptions;\n}\n\nconst usePopover = ({\n    open: _open,\n    onOpenChange: _onOpenChange,\n    placement = \"bottom-start\",\n    strategy = \"absolute\",\n    modal = true,\n    offset: _offset = 4,\n    positionReference,\n    hoverOptions,\n    focusOptions,\n    clickOptions,\n    roleOptions,\n    dismissOptions,\n}: PopoverOptions) => {\n    const [uncontrolledOpen, setUncontrolledOpen] = React.useState(_open);\n\n    const open = _open ?? uncontrolledOpen;\n    const onOpenChange = _onOpenChange ?? setUncontrolledOpen;\n\n    const data = useFloating({\n        open,\n        onOpenChange,\n        placement,\n        strategy,\n        middleware: [\n            offset(_offset),\n            flip({ padding: 5, fallbackPlacements: [\"bottom\", \"top\"] }),\n            shift({ padding: 12 }),\n        ],\n        whileElementsMounted: autoUpdate,\n    });\n\n    const context = data.context;\n\n    const click = useClick(context, {\n        enabled: false,\n        ...clickOptions,\n    });\n    const hover = useHover(context, { enabled: false, ...hoverOptions });\n    const focus = useFocus(context, { enabled: false, ...focusOptions });\n    const dismiss = useDismiss(context, dismissOptions);\n    const role = useRole(context, roleOptions);\n\n    const interactions = useInteractions([click, dismiss, focus, hover, role]);\n\n    React.useLayoutEffect(() => {\n        if (positionReference) {\n            data.refs.setPositionReference(positionReference?.current);\n        }\n    }, [positionReference, data.refs]);\n\n    return React.useMemo(\n        () => ({\n            open,\n            onOpenChange,\n            modal,\n            ...interactions,\n            ...data,\n        }),\n        [open, onOpenChange, modal, interactions, data],\n    );\n};\n\ntype PopoverContextType = ReturnType<typeof usePopover> | null;\n\nconst PopoverContext = React.createContext<PopoverContextType>(null);\n\nconst usePopoverContext = () => {\n    const context = React.useContext(PopoverContext);\n\n    if (context == null) {\n        throw new Error(\n            \"Popover komponenter må brukes innenfor en <Popover /> komponent\",\n        );\n    }\n\n    return context;\n};\n\nexport const Popover = ({\n    children,\n    ...restOptions\n}: {\n    children: React.ReactNode;\n} & PopoverOptions) => {\n    const popover = usePopover({ ...restOptions });\n    return (\n        <PopoverContext.Provider value={popover}>\n            {children}\n        </PopoverContext.Provider>\n    );\n};\n\ninterface PopoverTriggerProps {\n    children: React.ReactNode;\n    /**\n     * Rendrer komponenten som child-elementet sitt, og slår sammen egenskaper og props.\n     *\n     * Default er `false`.\n     *\n     * @example\n     * ```tsx\n     * <Component asChild foo=\"bar\">\n     *    <Child baz=\"qux\" />\n     * </Component>\n     *\n     * // Rendrer følgende:\n     * <Child foo=\"bar\" baz=\"qux\" />\n     * ```\n     */\n    asChild?: boolean;\n}\n\nconst PopoverTrigger = React.forwardRef<\n    HTMLElement,\n    React.HTMLProps<HTMLElement> & PopoverTriggerProps\n>(function PopoverTrigger({ children, asChild = false, ...props }, propRef) {\n    const { refs, getReferenceProps, open, onOpenChange } = usePopoverContext();\n    const childrenRef = (children as any).ref;\n    const ref = useMergeRefs([refs.setReference, propRef, childrenRef]);\n\n    if (asChild && React.isValidElement(children)) {\n        return React.cloneElement(\n            children,\n            getReferenceProps({\n                ref,\n                ...props,\n                ...children.props,\n            }),\n        );\n    }\n\n    return (\n        <button\n            ref={ref}\n            onClick={() => onOpenChange?.(!open)}\n            aria-expanded={open}\n            {...getReferenceProps(props)}\n        >\n            {children}\n        </button>\n    );\n});\n\ninterface PopoverContentProps {\n    /**\n     * Padding rundt innholdet i popoveren.\n     *\n     * Default er `0`.\n     */\n    padding?: 0 | 8 | 16 | 24;\n    /**\n     *\n     * Angir hvilket element som skal motta fokus ved åpning.\n     * Kan være en tabbar index eller en referanse til et element.\"\n     *\n     * Default er `0`, som betyr at det første fokuserbare elementet i popoveren får fokus.\n     * @see https://floating-ui.com/docs/FloatingFocusManager#initialfocus\n     */\n    initialFocus?: number | React.RefObject<HTMLElement>;\n    /**\n     * Angir om fokus skal returneres til triggeren når popoveren lukkes.\n     *\n     * Default er `true`.\n     * @see https://floating-ui.com/docs/FloatingFocusManager#returnfocus\n     */\n    returnFocus?: boolean;\n}\n\n// Er popover-elementet posisjonert i forhold til et annet element enn triggeren?\nconst isCustomPositioned = (\n    referenceElement: ReferenceElement,\n): referenceElement is VirtualElement => {\n    if (!referenceElement) return false;\n\n    return \"contextElement\" in referenceElement;\n};\n\nconst PopoverContent = React.forwardRef<\n    HTMLDivElement,\n    React.HTMLProps<HTMLDivElement> & PopoverContentProps\n>(function PopoverContent(\n    {\n        style,\n        className,\n        padding = 0,\n        initialFocus = 0,\n        returnFocus = true,\n        ...props\n    },\n    propRef,\n) {\n    const { context, modal, refs, open, floatingStyles, getFloatingProps } =\n        usePopoverContext();\n    const ref = useMergeRefs([refs.setFloating, propRef]);\n\n    const referenceElement = refs.reference.current as ReferenceElement;\n\n    const { theme, density } = isCustomPositioned(referenceElement)\n        ? getThemeAndDensity(referenceElement.contextElement)\n        : getThemeAndDensity(referenceElement);\n\n    const floatingPortalRef = React.useRef<HTMLElement | null>(null);\n\n    // TODO: Løser et problem hvor nestede portaler ikke \"fester\" seg til det nærmeste portal-elementet. Fjernes når alle komponenter som rendres i en portal tar i bruk popover komponenten da den håndterer dette internt. Issue: https://github.com/fremtind/jokul/issues/4356\n    React.useEffect(() => {\n        floatingPortalRef.current =\n            context.elements.domReference?.closest<HTMLElement>(\n                \"[data-portal]\",\n            ) || document.body;\n    }, [context.elements.domReference]);\n\n    if (!open) return null;\n\n    return (\n        <FloatingPortal root={floatingPortalRef.current}>\n            <FloatingFocusManager\n                context={context}\n                modal={modal}\n                initialFocus={initialFocus}\n                returnFocus={returnFocus}\n            >\n                <div\n                    data-theme={theme}\n                    data-layout-density={density}\n                    className={clsx(\"jkl jkl-popover\", className)}\n                    ref={ref}\n                    style={\n                        {\n                            ...style,\n                            ...floatingStyles,\n                            \"--popover-padding\": `var(--jkl-spacing-${padding})`,\n                        } as React.CSSProperties\n                    }\n                    {...getFloatingProps(props)}\n                >\n                    {props.children}\n                </div>\n            </FloatingFocusManager>\n        </FloatingPortal>\n    );\n});\n\nPopover.Trigger = PopoverTrigger;\nPopover.Content = PopoverContent;\n\nexport default Popover;\n"],"names":["PopoverContext","React","createContext","usePopoverContext","context","useContext","Error","Popover","children","restOptions","popover","open","_open","onOpenChange","_onOpenChange","placement","strategy","modal","offset","_offset","positionReference","hoverOptions","focusOptions","clickOptions","roleOptions","dismissOptions","uncontrolledOpen","setUncontrolledOpen","useState","data","useFloating","middleware","flip","padding","fallbackPlacements","shift","whileElementsMounted","autoUpdate","click","useClick","enabled","hover","useHover","focus","useFocus","dismiss","useDismiss","role","useRole","interactions","useInteractions","useLayoutEffect","refs","setPositionReference","current","useMemo","usePopover","Provider","value","PopoverTrigger","forwardRef","asChild","props","propRef","getReferenceProps","childrenRef","ref","useMergeRefs","setReference","isValidElement","cloneElement","jsx","onClick","PopoverContent","style","className","initialFocus","returnFocus","floatingStyles","getFloatingProps","setFloating","referenceElement","reference","theme","density","getThemeAndDensity","contextElement","floatingPortalRef","useRef","useEffect","_a","elements","domReference","closest","document","body","FloatingPortal","root","FloatingFocusManager","clsx","Trigger","Content"],"mappings":"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"}
+{"version":3,"file":"Popover.cjs","sources":["../../../../src/components/popover/Popover.tsx"],"sourcesContent":["import {\n    autoUpdate,\n    flip,\n    FloatingFocusManager,\n    FloatingPortal,\n    offset,\n    ReferenceElement,\n    shift,\n    useClick,\n    useDismiss,\n    useFloating,\n    useFocus,\n    useHover,\n    useInteractions,\n    useMergeRefs,\n    useRole,\n    VirtualElement,\n} from \"@floating-ui/react\";\nimport clsx from \"clsx\";\nimport * as React from \"react\";\nimport { getThemeAndDensity } from \"../../utilities/getThemeAndDensity.js\";\nimport { PopoverOptions } from \"./types.js\";\n\nconst usePopover = ({\n    open: _open,\n    onOpenChange: _onOpenChange,\n    placement = \"bottom-start\",\n    strategy = \"absolute\",\n    modal = true,\n    offset: _offset = 4,\n    positionReference,\n    hoverOptions,\n    focusOptions,\n    clickOptions,\n    roleOptions,\n    dismissOptions,\n}: PopoverOptions) => {\n    const [uncontrolledOpen, setUncontrolledOpen] = React.useState(_open);\n\n    const open = _open ?? uncontrolledOpen;\n    const onOpenChange = _onOpenChange ?? setUncontrolledOpen;\n\n    const data = useFloating({\n        open,\n        onOpenChange,\n        placement,\n        strategy,\n        middleware: [\n            offset(_offset),\n            flip({ padding: 5, fallbackPlacements: [\"bottom\", \"top\"] }),\n            shift({ padding: 12 }),\n        ],\n        whileElementsMounted: autoUpdate,\n    });\n\n    const context = data.context;\n\n    const click = useClick(context, {\n        enabled: false,\n        ...clickOptions,\n    });\n    const hover = useHover(context, { enabled: false, ...hoverOptions });\n    const focus = useFocus(context, { enabled: false, ...focusOptions });\n    const dismiss = useDismiss(context, dismissOptions);\n    const role = useRole(context, roleOptions);\n\n    const interactions = useInteractions([click, dismiss, focus, hover, role]);\n\n    React.useLayoutEffect(() => {\n        if (positionReference) {\n            data.refs.setPositionReference(positionReference?.current);\n        }\n    }, [positionReference, data.refs]);\n\n    return React.useMemo(\n        () => ({\n            open,\n            onOpenChange,\n            modal,\n            ...interactions,\n            ...data,\n        }),\n        [open, onOpenChange, modal, interactions, data],\n    );\n};\n\ntype PopoverContextType = ReturnType<typeof usePopover> | null;\n\nconst PopoverContext = React.createContext<PopoverContextType>(null);\n\nconst usePopoverContext = () => {\n    const context = React.useContext(PopoverContext);\n\n    if (context == null) {\n        throw new Error(\n            \"Popover komponenter må brukes innenfor en <Popover /> komponent\",\n        );\n    }\n\n    return context;\n};\n\nexport const Popover = ({\n    children,\n    ...restOptions\n}: {\n    children: React.ReactNode;\n} & PopoverOptions) => {\n    const popover = usePopover({ ...restOptions });\n    return (\n        <PopoverContext.Provider value={popover}>\n            {children}\n        </PopoverContext.Provider>\n    );\n};\n\ninterface PopoverTriggerProps {\n    children: React.ReactNode;\n    /**\n     * Rendrer komponenten som child-elementet sitt, og slår sammen egenskaper og props.\n     *\n     * Default er `false`.\n     *\n     * @example\n     * ```tsx\n     * <Component asChild foo=\"bar\">\n     *    <Child baz=\"qux\" />\n     * </Component>\n     *\n     * // Rendrer følgende:\n     * <Child foo=\"bar\" baz=\"qux\" />\n     * ```\n     */\n    asChild?: boolean;\n}\n\nconst PopoverTrigger = React.forwardRef<\n    HTMLElement,\n    React.HTMLProps<HTMLElement> & PopoverTriggerProps\n>(function PopoverTrigger({ children, asChild = false, ...props }, propRef) {\n    const { refs, getReferenceProps, open, onOpenChange } = usePopoverContext();\n    const childrenRef = (children as any).ref;\n    const ref = useMergeRefs([refs.setReference, propRef, childrenRef]);\n\n    if (asChild && React.isValidElement(children)) {\n        return React.cloneElement(\n            children,\n            getReferenceProps({\n                ref,\n                ...props,\n                ...children.props,\n            }),\n        );\n    }\n\n    return (\n        <button\n            ref={ref}\n            onClick={() => onOpenChange?.(!open)}\n            aria-expanded={open}\n            {...getReferenceProps(props)}\n        >\n            {children}\n        </button>\n    );\n});\n\ninterface PopoverContentProps {\n    /**\n     * Padding rundt innholdet i popoveren.\n     *\n     * Default er `0`.\n     */\n    padding?: 0 | 8 | 16 | 24;\n    /**\n     *\n     * Angir hvilket element som skal motta fokus ved åpning.\n     * Kan være en tabbar index eller en referanse til et element.\"\n     *\n     * Default er `0`, som betyr at det første fokuserbare elementet i popoveren får fokus.\n     * @see https://floating-ui.com/docs/FloatingFocusManager#initialfocus\n     */\n    initialFocus?: number | React.RefObject<HTMLElement>;\n    /**\n     * Angir om fokus skal returneres til triggeren når popoveren lukkes.\n     *\n     * Default er `true`.\n     * @see https://floating-ui.com/docs/FloatingFocusManager#returnfocus\n     */\n    returnFocus?: boolean;\n}\n\n// Er popover-elementet posisjonert i forhold til et annet element enn triggeren?\nconst isCustomPositioned = (\n    referenceElement: ReferenceElement,\n): referenceElement is VirtualElement => {\n    if (!referenceElement) return false;\n\n    return \"contextElement\" in referenceElement;\n};\n\nconst PopoverContent = React.forwardRef<\n    HTMLDivElement,\n    React.HTMLProps<HTMLDivElement> & PopoverContentProps\n>(function PopoverContent(\n    {\n        style,\n        className,\n        padding = 0,\n        initialFocus = 0,\n        returnFocus = true,\n        ...props\n    },\n    propRef,\n) {\n    const { context, modal, refs, open, floatingStyles, getFloatingProps } =\n        usePopoverContext();\n    const ref = useMergeRefs([refs.setFloating, propRef]);\n\n    const referenceElement = refs.reference.current as ReferenceElement;\n\n    const { theme, density } = isCustomPositioned(referenceElement)\n        ? getThemeAndDensity(referenceElement.contextElement)\n        : getThemeAndDensity(referenceElement);\n\n    const floatingPortalRef = React.useRef<HTMLElement | null>(null);\n\n    // TODO: Løser et problem hvor nestede portaler ikke \"fester\" seg til det nærmeste portal-elementet. Fjernes når alle komponenter som rendres i en portal tar i bruk popover komponenten da den håndterer dette internt. Issue: https://github.com/fremtind/jokul/issues/4356\n    React.useEffect(() => {\n        floatingPortalRef.current =\n            context.elements.domReference?.closest<HTMLElement>(\n                \"[data-portal]\",\n            ) || document.body;\n    }, [context.elements.domReference]);\n\n    if (!open) return null;\n\n    return (\n        <FloatingPortal root={floatingPortalRef.current}>\n            <FloatingFocusManager\n                context={context}\n                modal={modal}\n                initialFocus={initialFocus}\n                returnFocus={returnFocus}\n            >\n                <div\n                    data-theme={theme}\n                    data-layout-density={density}\n                    className={clsx(\"jkl jkl-popover\", className)}\n                    ref={ref}\n                    style={\n                        {\n                            ...style,\n                            ...floatingStyles,\n                            \"--popover-padding\": `var(--jkl-spacing-${padding})`,\n                        } as React.CSSProperties\n                    }\n                    {...getFloatingProps(props)}\n                >\n                    {props.children}\n                </div>\n            </FloatingFocusManager>\n        </FloatingPortal>\n    );\n});\n\nPopover.Trigger = PopoverTrigger;\nPopover.Content = PopoverContent;\n\nexport default Popover;\n"],"names":["PopoverContext","React","createContext","usePopoverContext","context","useContext","Error","Popover","children","restOptions","popover","open","_open","onOpenChange","_onOpenChange","placement","strategy","modal","offset","_offset","positionReference","hoverOptions","focusOptions","clickOptions","roleOptions","dismissOptions","uncontrolledOpen","setUncontrolledOpen","useState","data","useFloating","middleware","flip","padding","fallbackPlacements","shift","whileElementsMounted","autoUpdate","click","useClick","enabled","hover","useHover","focus","useFocus","dismiss","useDismiss","role","useRole","interactions","useInteractions","useLayoutEffect","refs","setPositionReference","current","useMemo","usePopover","Provider","value","PopoverTrigger","forwardRef","asChild","props","propRef","getReferenceProps","childrenRef","ref","useMergeRefs","setReference","isValidElement","cloneElement","jsx","onClick","PopoverContent","style","className","initialFocus","returnFocus","floatingStyles","getFloatingProps","setFloating","referenceElement","reference","theme","density","getThemeAndDensity","contextElement","floatingPortalRef","useRef","useEffect","_a","elements","domReference","closest","document","body","FloatingPortal","root","FloatingFocusManager","clsx","Trigger","Content"],"mappings":"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"}

package/build/cjs/components/popover/Popover.d.cts

@@ -1,106 +1,5 @@
-import { useFocus, useHover, useClick, useDismiss, useRole, UseFloatingOptions, ReferenceType } from '@floating-ui/react';
+import { PopoverOptions } from './types.cjs';
 import * as React from "react";
-export type ClickOptions = Parameters<typeof useClick>[1];
-export type DismissOptions = Parameters<typeof useDismiss>[1];
-export type FocusOptions = Parameters<typeof useFocus>[1];
-export type HoverOptions = Parameters<typeof useHover>[1];
-export type RoleOptions = Parameters<typeof useRole>[1];
-export interface PopoverOptions {
-    /**
-     * Angir om popoveren er åpen eller lukket.
-     *
-     * @see https://floating-ui.com/docs/usefloating#open
-     */
-    open?: boolean;
-    /**
-     * Callback som trigges når popoveren åpnes eller lukkes.
-     *
-     * @see https://floating-ui.com/docs/usefloating#onopenchange
-     */
-    onOpenChange?: UseFloatingOptions["onOpenChange"];
-    /**
-     * Bestemmer plasseringen av popoveren.
-     *
-     * @see https://floating-ui.com/docs/usefloating#placement
-     *
-     * @default "bottom-start"
-     */
-    placement?: UseFloatingOptions["placement"];
-    /**
-     * Definerer strategien for posisjonering av popoveren.
-     *
-     * @see https://floating-ui.com/docs/usefloating#strategy
-     *
-     * @default "absolute"
-     */
-    strategy?: UseFloatingOptions["strategy"];
-    /**
-     * Angir om popoveren skal fungere som en modal, der fokus er låst til det flytende elementet
-     * og innhold utenfor ikke kan interageres med.
-     *
-     * @see https://floating-ui.com/docs/usefloating#modal
-     *
-     * @default true
-     */
-    modal?: boolean;
-    /**
-     * Justerer avstanden mellom referanse-elementet og popoveren.
-     *
-     * @see https://floating-ui.com/docs/offset
-     *
-     * @default 4
-     */
-    offset?: number;
-    /**
-     * Referanse til elementet som popoveren skal posisjoneres i forhold til.
-     *
-     * @see https://floating-ui.com/docs/usefloating#setpositionreference
-     *
-     * @default Popover.Trigger
-     */
-    positionReference?: React.RefObject<ReferenceType>;
-    /**
-     * Options for hover-interaksjoner.
-     *
-     * @see https://floating-ui.com/docs/usehover
-     *
-     * @default { enabled: false }
-     */
-    hoverOptions?: HoverOptions;
-    /**
-     * Options for fokus-interaksjoner.
-     *
-     * @see https://floating-ui.com/docs/usefocus
-     *
-     * @default { enabled: false }
-     */
-    focusOptions?: FocusOptions;
-    /**
-     * Options for klikk-interaksjoner.
-     *
-     * @see https://floating-ui.com/docs/useclick
-     *
-     * @default { enabled: false }
-     */
-    clickOptions?: ClickOptions;
-    /**
-     * Konfigurerer rollen for popoveren.
-     *
-     * @see https://floating-ui.com/docs/userole
-     *
-     * @default { enabled: true, role: "dialog" }
-     */
-    roleOptions?: RoleOptions;
-    /**
-     * Options for å lukke popoveren når en dismissal skjer,
-     * som ved å klikke utenfor eller trykke på "Escape"-tasten.
-     *
-     * @see https://floating-ui.com/docs/usedismiss
-     *
-     * @default { enabled: true }
-     */
-    dismissOptions?: DismissOptions;
-}
 export declare const Popover: {
     ({ children, ...restOptions }: {
         children: React.ReactNode;

package/build/cjs/components/popover/index.d.cts

@@ -1 +1,2 @@
-export { default as Popover, type PopoverOptions, type ClickOptions, type DismissOptions, type FocusOptions, type HoverOptions, type RoleOptions, } from './Popover.cjs';
+export { default as Popover } from './Popover.cjs';
+export type { PopoverOptions, ClickOptions, DismissOptions, FocusOptions, HoverOptions, RoleOptions, } from './types.cjs';

package/build/cjs/components/popover/types.cjs

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=types.cjs.map

package/build/cjs/components/popover/types.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/build/cjs/components/popover/types.d.cts

@@ -0,0 +1,102 @@
+import { ReferenceType, useClick, useDismiss, UseFloatingOptions, useFocus, useHover, useRole } from '@floating-ui/react';
+export type ClickOptions = Parameters<typeof useClick>[1];
+export type DismissOptions = Parameters<typeof useDismiss>[1];
+export type FocusOptions = Parameters<typeof useFocus>[1];
+export type HoverOptions = Parameters<typeof useHover>[1];
+export type RoleOptions = Parameters<typeof useRole>[1];
+export interface PopoverOptions {
+    /**
+     * Angir om popoveren er åpen eller lukket.
+     *
+     * @see https://floating-ui.com/docs/usefloating#open
+     */
+    open?: boolean;
+    /**
+     * Callback som trigges når popoveren åpnes eller lukkes.
+     *
+     * @see https://floating-ui.com/docs/usefloating#onopenchange
+     */
+    onOpenChange?: UseFloatingOptions["onOpenChange"];
+    /**
+     * Bestemmer plasseringen av popoveren.
+     *
+     * @see https://floating-ui.com/docs/usefloating#placement
+     *
+     * @default "bottom-start"
+     */
+    placement?: UseFloatingOptions["placement"];
+    /**
+     * Definerer strategien for posisjonering av popoveren.
+     *
+     * @see https://floating-ui.com/docs/usefloating#strategy
+     *
+     * @default "absolute"
+     */
+    strategy?: UseFloatingOptions["strategy"];
+    /**
+     * Angir om popoveren skal fungere som en modal, der fokus er låst til det flytende elementet
+     * og innhold utenfor ikke kan interageres med.
+     *
+     * @see https://floating-ui.com/docs/usefloating#modal
+     *
+     * @default true
+     */
+    modal?: boolean;
+    /**
+     * Justerer avstanden mellom referanse-elementet og popoveren.
+     *
+     * @see https://floating-ui.com/docs/offset
+     *
+     * @default 4
+     */
+    offset?: number;
+    /**
+     * Referanse til elementet som popoveren skal posisjoneres i forhold til.
+     *
+     * @see https://floating-ui.com/docs/usefloating#setpositionreference
+     *
+     * @default Popover.Trigger
+     */
+    positionReference?: React.RefObject<ReferenceType>;
+    /**
+     * Options for hover-interaksjoner.
+     *
+     * @see https://floating-ui.com/docs/usehover
+     *
+     * @default { enabled: false }
+     */
+    hoverOptions?: HoverOptions;
+    /**
+     * Options for fokus-interaksjoner.
+     *
+     * @see https://floating-ui.com/docs/usefocus
+     *
+     * @default { enabled: false }
+     */
+    focusOptions?: FocusOptions;
+    /**
+     * Options for klikk-interaksjoner.
+     *
+     * @see https://floating-ui.com/docs/useclick
+     *
+     * @default { enabled: false }
+     */
+    clickOptions?: ClickOptions;
+    /**
+     * Konfigurerer rollen for popoveren.
+     *
+     * @see https://floating-ui.com/docs/userole
+     *
+     * @default { enabled: true, role: "dialog" }
+     */
+    roleOptions?: RoleOptions;
+    /**
+     * Options for å lukke popoveren når en dismissal skjer,
+     * som ved å klikke utenfor eller trykke på "Escape"-tasten.
+     *
+     * @see https://floating-ui.com/docs/usedismiss
+     *
+     * @default { enabled: true }
+     */
+    dismissOptions?: DismissOptions;
+}

package/build/cjs/components/progress-bar/ProgressBar.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressBar.cjs","sources":["../../../../src/components/progress-bar/ProgressBar.tsx"],"sourcesContent":["import React, { type CSSProperties, type FC } from \"react\";\n\nexport interface ProgressBarProps {\n    id?: string;\n    className?: string;\n    /**\n     * @default \"Fremdrift\"\n     */\n    title?: string;\n    \"aria-valuetext\"?: string;\n    /**\n     * @default 0\n     */\n    \"aria-valuemin\"?: number;\n    \"aria-valuenow\": number;\n    /**\n     * @default 100\n     */\n    \"aria-valuemax\"?: number;\n    style?: CSSProperties;\n}\n\nexport const calculatePercentage = (current: number, total: number): number =>\n    total === 0 ? 0 : (current * 100) / total;\n\nexport const ProgressBar: FC<ProgressBarProps> = ({\n    \"aria-valuenow\": value,\n    \"aria-valuemin\": min = 0,\n    \"aria-valuemax\": max = 100,\n    title = \"Fremdrift\",\n    className,\n    ...rest\n}) => {\n    const trackerWidth = `${calculatePercentage(value, max)}%`;\n\n    return (\n        <div\n            className={`jkl-progress-bar ${className ?? \"\"}`}\n            role=\"progressbar\"\n            title={title}\n            aria-valuenow={value}\n            aria-valuemin={min}\n            aria-valuemax={max}\n            data-testid=\"jkl-progress-bar\"\n            {...rest}\n        >\n            <span\n                className=\"jkl-progress-bar__tracker\"\n                style={{ width: trackerWidth }}\n                data-testid=\"jkl-progress-bar__tracker\"\n            />\n        </div>\n    );\n};\n"],"names":["calculatePercentage","current","total","value","min","max","title","className","rest","trackerWidth","jsx","role","children","style","width"],"mappings":"qHAsBaA,EAAsB,CAACC,EAAiBC,IACvC,IAAVA,EAAc,EAAe,IAAVD,EAAiBC,sBAES,EAC7C,gBAAiBC,EACjB,gBAAiBC,EAAM,EACvB,gBAAiBC,EAAM,IACvBC,MAAAA,EAAQ,YACRC,UAAAA,KACGC,MAEH,MAAMC,EAAe,GAAGT,EAAoBG,EAAOE,MAG/C,OAAAK,EAAAA,IAAC,MAAA,CACGH,UAAW,oBAAoBA,GAAa,KAC5CI,KAAK,cACLL,MAAAA,EACA,gBAAeH,EACf,gBAAeC,EACf,gBAAeC,EACf,cAAY,sBACRG,EAEJI,SAAAF,EAAAA,IAAC,OAAA,CACGH,UAAU,4BACVM,MAAO,CAAEC,MAAOL,GAChB,cAAY,+BAChB"}
+{"version":3,"file":"ProgressBar.cjs","sources":["../../../../src/components/progress-bar/ProgressBar.tsx"],"sourcesContent":["import React, { type FC } from \"react\";\nimport { ProgressBarProps } from \"./types.js\";\n\nexport const calculatePercentage = (current: number, total: number): number =>\n    total === 0 ? 0 : (current * 100) / total;\n\nexport const ProgressBar: FC<ProgressBarProps> = ({\n    \"aria-valuenow\": value,\n    \"aria-valuemin\": min = 0,\n    \"aria-valuemax\": max = 100,\n    title = \"Fremdrift\",\n    className,\n    ...rest\n}) => {\n    const trackerWidth = `${calculatePercentage(value, max)}%`;\n\n    return (\n        <div\n            className={`jkl-progress-bar ${className ?? \"\"}`}\n            role=\"progressbar\"\n            title={title}\n            aria-valuenow={value}\n            aria-valuemin={min}\n            aria-valuemax={max}\n            data-testid=\"jkl-progress-bar\"\n            {...rest}\n        >\n            <span\n                className=\"jkl-progress-bar__tracker\"\n                style={{ width: trackerWidth }}\n                data-testid=\"jkl-progress-bar__tracker\"\n            />\n        </div>\n    );\n};\n"],"names":["calculatePercentage","current","total","value","min","max","title","className","rest","trackerWidth","jsx","role","children","style","width"],"mappings":"qHAGaA,EAAsB,CAACC,EAAiBC,IACvC,IAAVA,EAAc,EAAe,IAAVD,EAAiBC,sBAES,EAC7C,gBAAiBC,EACjB,gBAAiBC,EAAM,EACvB,gBAAiBC,EAAM,IACvBC,MAAAA,EAAQ,YACRC,UAAAA,KACGC,MAEH,MAAMC,EAAe,GAAGT,EAAoBG,EAAOE,MAG/C,OAAAK,EAAAA,IAAC,MAAA,CACGH,UAAW,oBAAoBA,GAAa,KAC5CI,KAAK,cACLL,MAAAA,EACA,gBAAeH,EACf,gBAAeC,EACf,gBAAeC,EACf,cAAY,sBACRG,EAEJI,SAAAF,EAAAA,IAAC,OAAA,CACGH,UAAU,4BACVM,MAAO,CAAEC,MAAOL,GAChB,cAAY,+BAChB"}

package/build/cjs/components/progress-bar/ProgressBar.d.cts

@@ -1,22 +1,4 @@
-import { CSSProperties, FC } from 'react';
-export interface ProgressBarProps {
-    id?: string;
-    className?: string;
-    /**
-     * @default "Fremdrift"
-     */
-    title?: string;
-    "aria-valuetext"?: string;
-    /**
-     * @default 0
-     */
-    "aria-valuemin"?: number;
-    "aria-valuenow": number;
-    /**
-     * @default 100
-     */
-    "aria-valuemax"?: number;
-    style?: CSSProperties;
-}
+import { FC } from 'react';
+import { ProgressBarProps } from './types.cjs';
 export declare const calculatePercentage: (current: number, total: number) => number;
 export declare const ProgressBar: FC<ProgressBarProps>;

package/build/cjs/components/progress-bar/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./Countdown.cjs"),e=require("./ProgressBar.cjs");exports.Countdown=r.Countdown,exports.ProgressBar=e.ProgressBar;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./ProgressBar.cjs");exports.ProgressBar=r.ProgressBar;
 //# sourceMappingURL=index.cjs.map

package/build/cjs/components/progress-bar/index.d.cts

@@ -1,2 +1,2 @@
-export { Countdown, type CountdownProps } from './Countdown.cjs';
-export { ProgressBar, type ProgressBarProps } from './ProgressBar.cjs';
+export { ProgressBar } from './ProgressBar.cjs';
+export type { ProgressBarProps } from './types.cjs';

package/build/cjs/components/progress-bar/types.cjs

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=types.cjs.map

package/build/cjs/components/progress-bar/types.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/build/cjs/components/progress-bar/types.d.cts

@@ -0,0 +1,20 @@
+import { CSSProperties } from 'react';
+export interface ProgressBarProps {
+    id?: string;
+    className?: string;
+    /**
+     * @default "Fremdrift"
+     */
+    title?: string;
+    "aria-valuetext"?: string;
+    /**
+     * @default 0
+     */
+    "aria-valuemin"?: number;
+    "aria-valuenow": number;
+    /**
+     * @default 100
+     */
+    "aria-valuemax"?: number;
+    style?: CSSProperties;
+}

package/build/cjs/components/radio-button/BaseRadioButton.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"BaseRadioButton.cjs","sources":["../../../../src/components/radio-button/BaseRadioButton.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { ChangeEventHandler, forwardRef } from \"react\";\nimport { Density } from \"../../core/types.js\";\nimport { useId } from \"../../hooks/useId/useId.js\";\nimport { RadioButtonProps } from \"./RadioButton.js\";\n\nexport interface BaseRadioButtonProps extends RadioButtonProps {\n    inline?: boolean;\n    density?: Density;\n    invalid?: boolean;\n    onChange?: ChangeEventHandler<HTMLInputElement>;\n}\n\nexport const BaseRadioButton = forwardRef<\n    HTMLInputElement,\n    BaseRadioButtonProps\n>((props, ref) => {\n    const {\n        id,\n        className,\n        checked,\n        children,\n        label,\n        density,\n        inline,\n        invalid,\n        name,\n        value,\n        onChange,\n        ...rest\n    } = props;\n\n    const inputId = useId(id || \"jkl-radio-button\", { generateSuffix: !id });\n\n    return (\n        <div\n            className={clsx(\"jkl-radio-button\", className, {\n                \"jkl-radio-button--inline\": inline,\n                \"jkl-radio-button--error\": invalid,\n            })}\n            data-density={density}\n        >\n            <input\n                name={name}\n                ref={ref}\n                {...rest}\n                id={inputId}\n                className=\"jkl-radio-button__input\"\n                type=\"radio\"\n                onChange={onChange}\n                value={value}\n                checked={checked}\n            />\n            <label\n                data-testid=\"jkl-radio-button__label-tag\"\n                htmlFor={inputId}\n                className=\"jkl-radio-button__label\"\n            >\n                <span aria-hidden className=\"jkl-radio-button__dot\" />\n                <span className=\"jkl-radio-button__text\">\n                    {label || children}\n                </span>\n            </label>\n        </div>\n    );\n});\n\nBaseRadioButton.displayName = \"BaseRadioButton\";\n"],"names":["BaseRadioButton","forwardRef","props","ref","id","className","checked","children","label","density","inline","invalid","name","value","onChange","rest","inputId","useId","generateSuffix","jsxs","clsx","jsx","type","htmlFor","displayName"],"mappings":"yNAaaA,EAAkBC,EAAAA,YAG7B,CAACC,EAAOC,KACA,MACFC,GAAAA,EACAC,UAAAA,EACAC,QAAAA,EACAC,SAAAA,EACAC,MAAAA,EACAC,QAAAA,EACAC,OAAAA,EACAC,QAAAA,EACAC,KAAAA,EACAC,MAAAA,EACAC,SAAAA,KACGC,GACHb,EAEEc,EAAUC,QAAMb,GAAM,mBAAoB,CAAEc,gBAAiBd,IAG/D,OAAAe,EAAAA,KAAC,MAAA,CACGd,UAAWe,EAAAA,KAAK,mBAAoBf,EAAW,CAC3C,2BAA4BK,EAC5B,0BAA2BC,IAE/B,eAAcF,EAEdF,SAAA,CAAAc,EAAAA,IAAC,QAAA,CACGT,KAAAA,EACAT,IAAAA,KACIY,EACJX,GAAIY,EACJX,UAAU,0BACViB,KAAK,QACLR,SAAAA,EACAD,MAAAA,EACAP,QAAAA,IAEJa,EAAAA,KAAC,QAAA,CACG,cAAY,8BACZI,QAASP,EACTX,UAAU,0BAEVE,SAAA,CAAAc,EAAAA,IAAC,OAAK,CAAA,eAAW,EAAChB,UAAU,0BAC3BgB,EAAAA,IAAA,OAAA,CAAKhB,UAAU,yBACXE,YAASA,SAElB,IAKZP,EAAgBwB,YAAc"}
+{"version":3,"file":"BaseRadioButton.cjs","sources":["../../../../src/components/radio-button/BaseRadioButton.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { forwardRef } from \"react\";\nimport { useId } from \"../../hooks/useId/useId.js\";\nimport { BaseRadioButtonProps } from \"./types.js\";\n\nexport const BaseRadioButton = forwardRef<\n    HTMLInputElement,\n    BaseRadioButtonProps\n>((props, ref) => {\n    const {\n        id,\n        className,\n        checked,\n        children,\n        label,\n        density,\n        inline,\n        invalid,\n        name,\n        value,\n        onChange,\n        ...rest\n    } = props;\n\n    const inputId = useId(id || \"jkl-radio-button\", { generateSuffix: !id });\n\n    return (\n        <div\n            className={clsx(\"jkl-radio-button\", className, {\n                \"jkl-radio-button--inline\": inline,\n                \"jkl-radio-button--error\": invalid,\n            })}\n            data-density={density}\n        >\n            <input\n                name={name}\n                ref={ref}\n                {...rest}\n                id={inputId}\n                className=\"jkl-radio-button__input\"\n                type=\"radio\"\n                onChange={onChange}\n                value={value}\n                checked={checked}\n            />\n            <label\n                data-testid=\"jkl-radio-button__label-tag\"\n                htmlFor={inputId}\n                className=\"jkl-radio-button__label\"\n            >\n                <span aria-hidden className=\"jkl-radio-button__dot\" />\n                <span className=\"jkl-radio-button__text\">\n                    {label || children}\n                </span>\n            </label>\n        </div>\n    );\n});\n\nBaseRadioButton.displayName = \"BaseRadioButton\";\n"],"names":["BaseRadioButton","forwardRef","props","ref","id","className","checked","children","label","density","inline","invalid","name","value","onChange","rest","inputId","useId","generateSuffix","jsxs","clsx","jsx","type","htmlFor","displayName"],"mappings":"yNAKaA,EAAkBC,EAAAA,YAG7B,CAACC,EAAOC,KACA,MACFC,GAAAA,EACAC,UAAAA,EACAC,QAAAA,EACAC,SAAAA,EACAC,MAAAA,EACAC,QAAAA,EACAC,OAAAA,EACAC,QAAAA,EACAC,KAAAA,EACAC,MAAAA,EACAC,SAAAA,KACGC,GACHb,EAEEc,EAAUC,QAAMb,GAAM,mBAAoB,CAAEc,gBAAiBd,IAG/D,OAAAe,EAAAA,KAAC,MAAA,CACGd,UAAWe,EAAAA,KAAK,mBAAoBf,EAAW,CAC3C,2BAA4BK,EAC5B,0BAA2BC,IAE/B,eAAcF,EAEdF,SAAA,CAAAc,EAAAA,IAAC,QAAA,CACGT,KAAAA,EACAT,IAAAA,KACIY,EACJX,GAAIY,EACJX,UAAU,0BACViB,KAAK,QACLR,SAAAA,EACAD,MAAAA,EACAP,QAAAA,IAEJa,EAAAA,KAAC,QAAA,CACG,cAAY,8BACZI,QAASP,EACTX,UAAU,0BAEVE,SAAA,CAAAc,EAAAA,IAAC,OAAK,CAAA,eAAW,EAAChB,UAAU,0BAC3BgB,EAAAA,IAAA,OAAA,CAAKhB,UAAU,yBACXE,YAASA,SAElB,IAKZP,EAAgBwB,YAAc"}

package/build/cjs/components/radio-button/BaseRadioButton.d.cts

@@ -1,10 +1,3 @@
-import { default as React, ChangeEventHandler } from 'react';
-import { Density } from '../../core/types.cjs';
-import { RadioButtonProps } from './RadioButton.cjs';
-export interface BaseRadioButtonProps extends RadioButtonProps {
-    inline?: boolean;
-    density?: Density;
-    invalid?: boolean;
-    onChange?: ChangeEventHandler<HTMLInputElement>;
-}
+import { default as React } from 'react';
+import { BaseRadioButtonProps } from './types.cjs';
 export declare const BaseRadioButton: React.ForwardRefExoticComponent<BaseRadioButtonProps & React.RefAttributes<HTMLInputElement>>;

package/build/cjs/components/radio-button/RadioButton.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"RadioButton.cjs","sources":["../../../../src/components/radio-button/RadioButton.tsx"],"sourcesContent":["import React, {\n    forwardRef,\n    InputHTMLAttributes,\n    ChangeEventHandler,\n    ReactNode,\n} from \"react\";\nimport { useId } from \"../../hooks/useId/useId.js\";\nimport {\n    SupportLabel,\n    SupportLabelProps,\n} from \"../input-group/SupportLabel.js\";\nimport { BaseRadioButton } from \"./BaseRadioButton.js\";\nimport { useRadioGroupContext } from \"./radioGroupContext.js\";\n\nexport interface RadioButtonProps\n    extends Omit<InputHTMLAttributes<HTMLInputElement>, \"children\"> {\n    children?: ReactNode;\n    value: string;\n    /** Kan også settes på RadioButtonGroup, men settes på RadioButton f. eks. av react-hook-form */\n    name?: string;\n    /** Kan også settes på RadioButtonGroup, men settes på RadioButton f. eks. av react-hook-form */\n    onChange?: ChangeEventHandler<HTMLInputElement>;\n    /** @deprecated Bruk children */\n    label?: ReactNode;\n    helpLabel?: ReactNode;\n    supportLabelProps?: Omit<\n        SupportLabelProps,\n        \"id\" | \"errorLabel\" | \"helpLabel\" | \"density\"\n    >;\n}\n\nexport const RadioButton = forwardRef<HTMLInputElement, RadioButtonProps>(\n    (props, ref) => {\n        const { checked, value, supportLabelProps, helpLabel, ...rest } = props;\n        const {\n            value: selectedValue,\n            density,\n            ...context\n        } = useRadioGroupContext();\n        const supportId = useId(\"jkl-support-label\");\n\n        return (\n            <>\n                <BaseRadioButton\n                    {...context}\n                    {...rest}\n                    ref={ref}\n                    checked={\n                        typeof checked !== \"undefined\"\n                            ? checked\n                            : typeof selectedValue !== \"undefined\"\n                            ? value === selectedValue\n                            : undefined\n                    }\n                    value={value}\n                    aria-describedby={helpLabel ? supportId : undefined}\n                />\n                <SupportLabel\n                    {...supportLabelProps}\n                    label={helpLabel}\n                    labelType={\"help\"}\n                    id={supportId}\n                    density={density}\n                />\n            </>\n        );\n    },\n);\n\nRadioButton.displayName = \"RadioButton\";\n"],"names":["RadioButton","forwardRef","props","ref","checked","value","supportLabelProps","helpLabel","rest","selectedValue","density","context","useRadioGroupContext","supportId","useId","jsxs","Fragment","children","jsx","BaseRadioButton","SupportLabel","label","labelType","id","displayName"],"mappings":"sSA+BaA,EAAcC,EAAAA,YACvB,CAACC,EAAOC,KACJ,MAAQC,QAAAA,EAASC,MAAAA,EAAOC,kBAAAA,EAAmBC,UAAAA,KAAcC,GAASN,GAE9DG,MAAOI,EACPC,QAAAA,KACGC,GACHC,EAAqBA,uBACnBC,EAAYC,QAAM,qBAExB,OAEQC,EAAAA,KAAAC,WAAA,CAAAC,SAAA,CAAAC,EAAAA,IAACC,EAAAA,gBAAA,IACOR,KACAH,EACJL,IAAAA,EACAC,eACWA,EAAY,IACbA,SACOK,EAAkB,IACzBJ,IAAUI,OACV,EAEVJ,MAAAA,EACA,mBAAkBE,EAAYM,OAAY,IAE9CK,EAAAA,IAACE,EAAAA,aAAA,IACOd,EACJe,MAAOd,EACPe,UAAW,OACXC,GAAIV,EACJH,QAAAA,MAER,IAKZV,EAAYwB,YAAc"}
+{"version":3,"file":"RadioButton.cjs","sources":["../../../../src/components/radio-button/RadioButton.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport { useId } from \"../../hooks/useId/useId.js\";\nimport { SupportLabel } from \"../input-group/SupportLabel.js\";\nimport { BaseRadioButton } from \"./BaseRadioButton.js\";\nimport { useRadioGroupContext } from \"./radioGroupContext.js\";\nimport { RadioButtonProps } from \"./types.js\";\n\nexport const RadioButton = forwardRef<HTMLInputElement, RadioButtonProps>(\n    (props, ref) => {\n        const { checked, value, supportLabelProps, helpLabel, ...rest } = props;\n        const {\n            value: selectedValue,\n            density,\n            ...context\n        } = useRadioGroupContext();\n        const supportId = useId(\"jkl-support-label\");\n\n        return (\n            <>\n                <BaseRadioButton\n                    {...context}\n                    {...rest}\n                    ref={ref}\n                    checked={\n                        typeof checked !== \"undefined\"\n                            ? checked\n                            : typeof selectedValue !== \"undefined\"\n                            ? value === selectedValue\n                            : undefined\n                    }\n                    value={value}\n                    aria-describedby={helpLabel ? supportId : undefined}\n                />\n                <SupportLabel\n                    {...supportLabelProps}\n                    label={helpLabel}\n                    labelType={\"help\"}\n                    id={supportId}\n                    density={density}\n                />\n            </>\n        );\n    },\n);\n\nRadioButton.displayName = \"RadioButton\";\n"],"names":["RadioButton","forwardRef","props","ref","checked","value","supportLabelProps","helpLabel","rest","selectedValue","density","context","useRadioGroupContext","supportId","useId","jsxs","Fragment","children","jsx","BaseRadioButton","SupportLabel","label","labelType","id","displayName"],"mappings":"sSAOaA,EAAcC,EAAAA,YACvB,CAACC,EAAOC,KACJ,MAAQC,QAAAA,EAASC,MAAAA,EAAOC,kBAAAA,EAAmBC,UAAAA,KAAcC,GAASN,GAE9DG,MAAOI,EACPC,QAAAA,KACGC,GACHC,EAAqBA,uBACnBC,EAAYC,QAAM,qBAExB,OAEQC,EAAAA,KAAAC,WAAA,CAAAC,SAAA,CAAAC,EAAAA,IAACC,EAAAA,gBAAA,IACOR,KACAH,EACJL,IAAAA,EACAC,eACWA,EAAY,IACbA,SACOK,EAAkB,IACzBJ,IAAUI,OACV,EAEVJ,MAAAA,EACA,mBAAkBE,EAAYM,OAAY,IAE9CK,EAAAA,IAACE,EAAAA,aAAA,IACOd,EACJe,MAAOd,EACPe,UAAW,OACXC,GAAIV,EACJH,QAAAA,MAER,IAKZV,EAAYwB,YAAc"}

package/build/cjs/components/radio-button/RadioButton.d.cts

@@ -1,15 +1,3 @@
-import { default as React, InputHTMLAttributes, ChangeEventHandler, ReactNode } from 'react';
-import { SupportLabelProps } from '../input-group/SupportLabel.cjs';
-export interface RadioButtonProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "children"> {
-    children?: ReactNode;
-    value: string;
-    /** Kan også settes på RadioButtonGroup, men settes på RadioButton f. eks. av react-hook-form */
-    name?: string;
-    /** Kan også settes på RadioButtonGroup, men settes på RadioButton f. eks. av react-hook-form */
-    onChange?: ChangeEventHandler<HTMLInputElement>;
-    /** @deprecated Bruk children */
-    label?: ReactNode;
-    helpLabel?: ReactNode;
-    supportLabelProps?: Omit<SupportLabelProps, "id" | "errorLabel" | "helpLabel" | "density">;
-}
+import { default as React } from 'react';
+import { RadioButtonProps } from './types.cjs';
 export declare const RadioButton: React.ForwardRefExoticComponent<RadioButtonProps & React.RefAttributes<HTMLInputElement>>;

package/build/cjs/components/radio-button/RadioButtonGroup.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"RadioButtonGroup.cjs","sources":["../../../../src/components/radio-button/RadioButtonGroup.tsx"],"sourcesContent":["import React, { ChangeEventHandler, FC } from \"react\";\nimport { Density } from \"../../core/types.js\";\nimport { FieldGroup, type FieldGroupProps } from \"../input-group/FieldGroup.js\";\nimport { RadioGroupContextProvider } from \"./radioGroupContext.js\";\n\nexport interface RadioButtonGroupProps\n    extends Omit<FieldGroupProps, \"onChange\"> {\n    legend: string;\n    /** Alle RadioButton i gruppen får dette som name. */\n    name?: string;\n    /** Om gruppen skal være controlled setter du den valgte verdien her. */\n    value?: string;\n    onChange?: ChangeEventHandler<HTMLInputElement>;\n    helpLabel?: string;\n    /**\n     * Erstatter hjelpeteksten (hvis noen) med en feilmelding.\n     * Merker samtidig alle RadioButton i gruppen som ugyldige.\n     */\n    errorLabel?: string;\n    /**\n     * Setter inline-modifieren på alle RadioButton i gruppen.\n     * @default false\n     */\n    inline?: boolean;\n    density?: Density;\n}\n\nexport const RadioButtonGroup: FC<RadioButtonGroupProps> = (props) => {\n    const {\n        name,\n        value,\n        onChange,\n        errorLabel,\n        inline = false,\n        density,\n        labelProps = { variant: \"medium\" },\n        ...rest\n    } = props;\n\n    return (\n        <RadioGroupContextProvider\n            state={{\n                onChange,\n                value,\n                name,\n                invalid: Boolean(errorLabel),\n                inline,\n                density,\n            }}\n        >\n            <FieldGroup\n                errorLabel={errorLabel}\n                labelProps={labelProps}\n                data-testid=\"jkl-radio-button-group\"\n                density={density}\n                {...rest}\n                role=\"radiogroup\"\n                aria-invalid={Boolean(errorLabel)}\n            />\n        </RadioGroupContextProvider>\n    );\n};\n"],"names":["props","name","value","onChange","errorLabel","inline","density","labelProps","variant","rest","jsx","RadioGroupContextProvider","state","invalid","children","FieldGroup","role"],"mappings":"8NA2B4DA,IAClD,MACFC,KAAAA,EACAC,MAAAA,EACAC,SAAAA,EACAC,WAAAA,EACAC,OAAAA,GAAS,EACTC,QAAAA,EACAC,WAAAA,EAAa,CAAEC,QAAS,aACrBC,GACHT,EAGA,OAAAU,EAAAA,IAACC,EAAAA,0BAAA,CACGC,MAAO,CACHT,SAAAA,EACAD,MAAAA,EACAD,KAAAA,EACAY,UAAiBT,EACjBC,OAAAA,EACAC,QAAAA,GAGJQ,SAAAJ,EAAAA,IAACK,EAAAA,WAAA,CACGX,WAAAA,EACAG,WAAAA,EACA,cAAY,yBACZD,QAAAA,KACIG,EACJO,KAAK,aACL,iBAAsBZ,KAC1B"}
+{"version":3,"file":"RadioButtonGroup.cjs","sources":["../../../../src/components/radio-button/RadioButtonGroup.tsx"],"sourcesContent":["import React, { FC } from \"react\";\nimport { FieldGroup } from \"../input-group/FieldGroup.js\";\nimport { RadioGroupContextProvider } from \"./radioGroupContext.js\";\nimport { RadioButtonGroupProps } from \"./types.js\";\n\nexport const RadioButtonGroup: FC<RadioButtonGroupProps> = (props) => {\n    const {\n        name,\n        value,\n        onChange,\n        errorLabel,\n        inline = false,\n        density,\n        labelProps = { variant: \"medium\" },\n        ...rest\n    } = props;\n\n    return (\n        <RadioGroupContextProvider\n            state={{\n                onChange,\n                value,\n                name,\n                invalid: Boolean(errorLabel),\n                inline,\n                density,\n            }}\n        >\n            <FieldGroup\n                errorLabel={errorLabel}\n                labelProps={labelProps}\n                data-testid=\"jkl-radio-button-group\"\n                density={density}\n                {...rest}\n                role=\"radiogroup\"\n                aria-invalid={Boolean(errorLabel)}\n            />\n        </RadioGroupContextProvider>\n    );\n};\n"],"names":["props","name","value","onChange","errorLabel","inline","density","labelProps","variant","rest","jsx","RadioGroupContextProvider","state","invalid","children","FieldGroup","role"],"mappings":"8NAK4DA,IAClD,MACFC,KAAAA,EACAC,MAAAA,EACAC,SAAAA,EACAC,WAAAA,EACAC,OAAAA,GAAS,EACTC,QAAAA,EACAC,WAAAA,EAAa,CAAEC,QAAS,aACrBC,GACHT,EAGA,OAAAU,EAAAA,IAACC,EAAAA,0BAAA,CACGC,MAAO,CACHT,SAAAA,EACAD,MAAAA,EACAD,KAAAA,EACAY,UAAiBT,EACjBC,OAAAA,EACAC,QAAAA,GAGJQ,SAAAJ,EAAAA,IAACK,EAAAA,WAAA,CACGX,WAAAA,EACAG,WAAAA,EACA,cAAY,yBACZD,QAAAA,KACIG,EACJO,KAAK,aACL,iBAAsBZ,KAC1B"}

package/build/cjs/components/radio-button/RadioButtonGroup.d.cts

@@ -1,24 +1,3 @@
-import { ChangeEventHandler, FC } from 'react';
-import { Density } from '../../core/types.cjs';
-import { FieldGroupProps } from '../input-group/FieldGroup.cjs';
-export interface RadioButtonGroupProps extends Omit<FieldGroupProps, "onChange"> {
-    legend: string;
-    /** Alle RadioButton i gruppen får dette som name. */
-    name?: string;
-    /** Om gruppen skal være controlled setter du den valgte verdien her. */
-    value?: string;
-    onChange?: ChangeEventHandler<HTMLInputElement>;
-    helpLabel?: string;
-    /**
-     * Erstatter hjelpeteksten (hvis noen) med en feilmelding.
-     * Merker samtidig alle RadioButton i gruppen som ugyldige.
-     */
-    errorLabel?: string;
-    /**
-     * Setter inline-modifieren på alle RadioButton i gruppen.
-     * @default false
-     */
-    inline?: boolean;
-    density?: Density;
-}
+import { FC } from 'react';
+import { RadioButtonGroupProps } from './types.cjs';
 export declare const RadioButtonGroup: FC<RadioButtonGroupProps>;

package/build/cjs/components/radio-button/index.d.cts

@@ -1,3 +1,4 @@
-export { RadioButton, type RadioButtonProps } from './RadioButton.cjs';
-export { RadioButtonGroup, type RadioButtonGroupProps, } from './RadioButtonGroup.cjs';
-export { BaseRadioButton, type BaseRadioButtonProps, } from './BaseRadioButton.cjs';
+export { RadioButton } from './RadioButton.cjs';
+export { RadioButtonGroup } from './RadioButtonGroup.cjs';
+export { BaseRadioButton } from './BaseRadioButton.cjs';
+export type { RadioButtonProps, RadioButtonGroupProps, BaseRadioButtonProps, } from './types.cjs';

package/build/cjs/components/radio-button/types.cjs

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=types.cjs.map

package/build/cjs/components/radio-button/types.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/build/cjs/components/radio-button/types.d.cts

@@ -0,0 +1,41 @@
+import { ChangeEventHandler, InputHTMLAttributes, ReactNode } from 'react';
+import { Density } from '../../core/types.cjs';
+import { FieldGroupProps, SupportLabelProps } from '../input-group/types.cjs';
+export interface BaseRadioButtonProps extends RadioButtonProps {
+    inline?: boolean;
+    density?: Density;
+    invalid?: boolean;
+    onChange?: ChangeEventHandler<HTMLInputElement>;
+}
+export interface RadioButtonProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "children"> {
+    children?: ReactNode;
+    value: string;
+    /** Kan også settes på RadioButtonGroup, men settes på RadioButton f. eks. av react-hook-form */
+    name?: string;
+    /** Kan også settes på RadioButtonGroup, men settes på RadioButton f. eks. av react-hook-form */
+    onChange?: ChangeEventHandler<HTMLInputElement>;
+    /** @deprecated Bruk children */
+    label?: ReactNode;
+    helpLabel?: ReactNode;
+    supportLabelProps?: Omit<SupportLabelProps, "id" | "errorLabel" | "helpLabel" | "density">;
+}
+export interface RadioButtonGroupProps extends Omit<FieldGroupProps, "onChange"> {
+    legend: string;
+    /** Alle RadioButton i gruppen får dette som name. */
+    name?: string;
+    /** Om gruppen skal være controlled setter du den valgte verdien her. */
+    value?: string;
+    onChange?: ChangeEventHandler<HTMLInputElement>;
+    helpLabel?: string;
+    /**
+     * Erstatter hjelpeteksten (hvis noen) med en feilmelding.
+     * Merker samtidig alle RadioButton i gruppen som ugyldige.
+     */
+    errorLabel?: string;
+    /**
+     * Setter inline-modifieren på alle RadioButton i gruppen.
+     * @default false
+     */
+    inline?: boolean;
+    density?: Density;
+}

package/build/cjs/components/radio-panel/RadioPanel.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("react"),r=require("../../shared/input-panel/BasePanel.cjs"),o=require("./radioPanelContext.cjs"),n=a.forwardRef((function({alwaysOpen:n=!1,label:l,extraLabel:t,checked:u,onChange:i,value:d,defaultChecked:s,...c},p){const{onValueChange:h,checkedValue:f}=a.useContext(o.context),w=a.useCallback((e=>{if(null==i||i(e),!h)throw new Error("RadioPanel will not work properly when used outside a RadioPanelGroup");h(d)}),[i,h,d]);a.useEffect((()=>{if(s){if(!h)throw new Error("RadioPanel will not work properly when used outside a RadioPanelGroup");h(d)}}),[]);const k=typeof u<"u",x=k?u:f===d;return e.jsx(r.BasePanel,{ref:p,type:"radio",value:d,isChecked:x,defaultChecked:s,checked:k?u:void 0,onChange:w,alwaysOpen:n,label:l,extraLabel:t,...c})}));exports.RadioPanel=n;
+//# sourceMappingURL=RadioPanel.cjs.map

package/build/cjs/components/radio-panel/RadioPanel.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioPanel.cjs","sources":["../../../../src/components/radio-panel/RadioPanel.tsx"],"sourcesContent":["import React, {\n    ChangeEvent,\n    ForwardedRef,\n    forwardRef,\n    useCallback,\n    useContext,\n    useEffect,\n} from \"react\";\nimport { BasePanel } from \"../../shared/input-panel/BasePanel.js\";\nimport { context } from \"./radioPanelContext.js\";\nimport { RadioPanelProps } from \"./types.js\";\n\nexport const RadioPanel = forwardRef(function RadioPanel(\n    {\n        alwaysOpen = false,\n        label,\n        extraLabel,\n        checked,\n        onChange,\n        value,\n        defaultChecked,\n        ...rest\n    }: RadioPanelProps,\n    ref: ForwardedRef<HTMLInputElement>,\n) {\n    const { onValueChange, checkedValue } = useContext(context);\n\n    const handleChange = useCallback(\n        (e: ChangeEvent<HTMLInputElement>) => {\n            onChange?.(e);\n            if (!onValueChange) {\n                throw new Error(\n                    \"RadioPanel will not work properly when used outside a RadioPanelGroup\",\n                );\n            }\n            onValueChange(value);\n        },\n        [onChange, onValueChange, value],\n    );\n\n    useEffect(() => {\n        if (defaultChecked) {\n            if (!onValueChange) {\n                throw new Error(\n                    \"RadioPanel will not work properly when used outside a RadioPanelGroup\",\n                );\n            }\n            onValueChange(value);\n        }\n        // We never want to rerun this effect. Changing the default value after the\n        // input control is first mounted should not cause any updates\n        /* eslint-disable-next-line react-hooks/exhaustive-deps */\n    }, []);\n\n    const isControlled = typeof checked !== \"undefined\";\n    const isChecked = isControlled ? checked : checkedValue === value;\n\n    return (\n        <BasePanel\n            ref={ref}\n            type=\"radio\"\n            value={value}\n            isChecked={isChecked}\n            defaultChecked={defaultChecked}\n            checked={isControlled ? checked : undefined}\n            onChange={handleChange}\n            alwaysOpen={alwaysOpen}\n            label={label}\n            extraLabel={extraLabel}\n            {...rest}\n        />\n    );\n});\n"],"names":["RadioPanel","forwardRef","alwaysOpen","label","extraLabel","checked","onChange","value","defaultChecked","rest","ref","onValueChange","checkedValue","useContext","context","handleChange","useCallback","e","Error","useEffect","isControlled","isChecked","jsx","BasePanel","type"],"mappings":"iOAYaA,EAAaC,EAAAA,YAAW,UAE7BC,WAAAA,GAAa,EACbC,MAAAA,EACAC,WAAAA,EACAC,QAAAA,EACAC,SAAAA,EACAC,MAAAA,EACAC,eAAAA,KACGC,GAEPC,GAEA,MAAQC,cAAAA,EAAeC,aAAAA,GAAiBC,aAAWC,EAAOA,SAEpDC,EAAeC,EAAAA,aAChBC,IAEG,GADA,MAAAX,GAAAA,EAAWW,IACNN,EACD,MAAM,IAAIO,MACN,yEAGRP,EAAcJ,EAAK,GAEvB,CAACD,EAAUK,EAAeJ,IAG9BY,EAAAA,WAAU,KACN,GAAIX,EAAgB,CAChB,IAAKG,EACD,MAAM,IAAIO,MACN,yEAGRP,EAAcJ,EAClB,IAID,IAEG,MAAAa,SAAsBf,EAAY,IAClCgB,EAAYD,EAAef,EAAUO,IAAiBL,EAGxD,OAAAe,EAAAA,IAACC,EAAAA,UAAA,CACGb,IAAAA,EACAc,KAAK,QACLjB,MAAAA,EACAc,UAAAA,EACAb,eAAAA,EACAH,QAASe,EAAef,OAAU,EAClCC,SAAUS,EACVb,WAAAA,EACAC,MAAAA,EACAC,WAAAA,KACIK,GAGhB"}

package/build/cjs/components/radio-panel/RadioPanel.d.cts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+import { RadioPanelProps } from './types.cjs';
+export declare const RadioPanel: React.ForwardRefExoticComponent<Omit<RadioPanelProps, "ref"> & React.RefAttributes<HTMLInputElement>>;

package/build/cjs/components/radio-panel/RadioPanelGroup.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioPanelGroup.cjs","sources":["../../../../src/components/radio-panel/RadioPanelGroup.tsx"],"sourcesContent":["import React, { FC, useState } from \"react\";\nimport { FieldGroup } from \"../input-group/FieldGroup.js\";\nimport { context } from \"./radioPanelContext.js\";\nimport { RadioPanelGroupProps } from \"./types.js\";\n\nexport const RadioPanelGroup: FC<RadioPanelGroupProps> = ({\n    className,\n    ...rest\n}) => {\n    const [checkedValue, setCheckedValue] = useState<string>();\n\n    const onChange = (value: string) => {\n        setCheckedValue(value);\n    };\n\n    return (\n        <context.Provider value={{ checkedValue, onValueChange: onChange }}>\n            <FieldGroup\n                className={className}\n                role=\"radiogroup\"\n                aria-invalid={!!rest.errorLabel}\n                {...rest}\n            />\n        </context.Provider>\n    );\n};\n"],"names":["className","rest","checkedValue","setCheckedValue","useState","jsx","context","Provider","value","onValueChange","children","FieldGroup","role","errorLabel"],"mappings":"gPAKyD,EACrDA,UAAAA,KACGC,MAEH,MAAOC,EAAcC,GAAmBC,EAAiBA,WAOrD,OAAAC,MAACC,EAAAA,QAAQC,SAAR,CAAiBC,MAAO,CAAEN,aAAAA,EAAcO,cAL3BD,IACdL,EAAgBK,EAAK,GAKjBE,SAAAL,EAAAA,IAACM,EAAAA,WAAA,CACGX,UAAAA,EACAY,KAAK,aACL,iBAAgBX,EAAKY,cACjBZ,KAEZ"}