@digdir/designsystemet-react 1.0.0-next.33 → 1.0.0-next.35

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

@@ -1,16 +0,0 @@
-'use client';
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var index = require('../../node_modules/@radix-ui/react-slot/dist/index.js');
-var lite = require('../../node_modules/clsx/dist/lite.js');
-var React = require('react');
-var Heading = require('../Typography/Heading/Heading.js');
-
-const CardHeader = React.forwardRef(({ asChild, className, ...rest }, ref) => {
-    const Component = asChild ? index.Slot : 'div';
-    return (jsxRuntime.jsx(Heading.Heading, { size: 'md', asChild: true, children: jsxRuntime.jsx(Component, { className: lite.clsx(`ds-card__header`, className), ref: ref, ...rest }) }));
-});
-CardHeader.displayName = 'CardHeader';
-
-exports.CardHeader = CardHeader;

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

@@ -1,15 +0,0 @@
-'use client';
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var index = require('../../node_modules/@radix-ui/react-slot/dist/index.js');
-var lite = require('../../node_modules/clsx/dist/lite.js');
-var React = require('react');
-
-const CardMedia = React.forwardRef(({ asChild, className, ...rest }, ref) => {
-    const Component = asChild ? index.Slot : 'div';
-    return (jsxRuntime.jsx(Component, { className: lite.clsx(`ds-card__media`, className), ref: ref, ...rest }));
-});
-CardMedia.displayName = 'CardMedia';
-
-exports.CardMedia = CardMedia;

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

@@ -1,15 +0,0 @@
-'use client';
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var lite = require('../../../node_modules/clsx/dist/lite.js');
-var React = require('react');
-
-const ChipGroupContext = React.createContext(null);
-const Group = React.forwardRef(({ size = 'md', children, className, ...rest }, ref) => {
-    return (jsxRuntime.jsx("ul", { ref: ref, className: lite.clsx(`ds-chip--group-container`, `ds-chip--${size}`, className), ...rest, children: jsxRuntime.jsx(ChipGroupContext.Provider, { value: { size }, children: React.Children.toArray(children).map((child, index) => React.isValidElement(child) ? (jsxRuntime.jsx("li", { children: child }, `chip-${index}`)) : null) }) }));
-});
-Group.displayName = 'ChipGroup';
-
-exports.ChipGroupContext = ChipGroupContext;
-exports.Group = Group;

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

@@ -1,17 +0,0 @@
-'use client';
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var akselIcons = require('@navikt/aksel-icons');
-var lite = require('../../../node_modules/clsx/dist/lite.js');
-var React = require('react');
-var Group = require('../Group/Group.js');
-var Paragraph = require('../../Typography/Paragraph/Paragraph.js');
-
-const RemovableChip = React.forwardRef(({ size = 'md', children, className, ...rest }, ref) => {
-    const group = React.useContext(Group.ChipGroupContext);
-    return (jsxRuntime.jsx("button", { type: 'button', ref: ref, className: lite.clsx(`ds-focus`, `ds-chip--button`, `ds-chip--removable`, `ds-chip--${group?.size || size}`, className), ...rest, children: jsxRuntime.jsx(Paragraph.Paragraph, { asChild: true, size: group?.size || size, variant: 'short', children: jsxRuntime.jsxs("span", { className: `ds-chip__label`, children: [jsxRuntime.jsx("span", { children: children }), jsxRuntime.jsx("span", { className: `ds-chip__x-mark`, "aria-hidden": true, children: jsxRuntime.jsx(akselIcons.XMarkIcon, { className: `ds-chip__icon` }) })] }) }) }));
-});
-RemovableChip.displayName = 'ChipRemovable';
-
-exports.RemovableChip = RemovableChip;

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

@@ -1,18 +0,0 @@
-'use client';
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var akselIcons = require('@navikt/aksel-icons');
-var lite = require('../../../node_modules/clsx/dist/lite.js');
-var React = require('react');
-var Group = require('../Group/Group.js');
-var Paragraph = require('../../Typography/Paragraph/Paragraph.js');
-
-const ToggleChip = React.forwardRef(({ children, selected = false, checkmark = true, size = 'md', className, ...rest }, ref) => {
-    const shouldDisplayCheckmark = checkmark && selected;
-    const group = React.useContext(Group.ChipGroupContext);
-    return (jsxRuntime.jsx("button", { ref: ref, type: 'button', "aria-pressed": selected, className: lite.clsx(`ds-focus`, `ds-chip--button`, `ds-chip--${group?.size || size}`, shouldDisplayCheckmark && `ds-chip--spacing`, className), ...rest, children: jsxRuntime.jsx(Paragraph.Paragraph, { asChild: true, size: group?.size || size, variant: 'short', children: jsxRuntime.jsxs("span", { className: `ds-chip__label`, children: [shouldDisplayCheckmark && (jsxRuntime.jsx(akselIcons.CheckmarkIcon, { className: `ds-chip__checkmark-icon`, "aria-hidden": true })), jsxRuntime.jsx("span", { children: children })] }) }) }));
-});
-ToggleChip.displayName = 'ChipToggle';
-
-exports.ToggleChip = ToggleChip;

package/dist/cjs/components/DropdownMenu/DropdownMenuContent.js

@@ -1,55 +0,0 @@
-'use client';
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var floatingUi_react = require('../../node_modules/@floating-ui/react/dist/floating-ui.react.js');
-var lite = require('../../node_modules/clsx/dist/lite.js');
-var React = require('react');
-var DropdownMenuRoot = require('./DropdownMenuRoot.js');
-var floatingUi_dom = require('../../node_modules/@floating-ui/react-dom/node_modules/@floating-ui/dom/dist/floating-ui.dom.js');
-var floatingUi_reactDom = require('../../node_modules/@floating-ui/react-dom/dist/floating-ui.react-dom.js');
-var useIsomorphicLayoutEffect = require('../../utilities/hooks/useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.js');
-
-const GAP = 4;
-const DropdownMenuContent = React.forwardRef(({ className, children, ...rest }, ref) => {
-    const { size, placement, portal, anchorEl, isControlled, internalOpen, setInternalOpen, onClose, } = React.useContext(DropdownMenuRoot.DropdownMenuContext);
-    const Container = portal ? floatingUi_react.FloatingPortal : React.Fragment;
-    const floatingEl = React.useRef(null);
-    const { context, update, refs, placement: flPlacement, floatingStyles, } = floatingUi_react.useFloating({
-        placement,
-        open: internalOpen,
-        onOpenChange: (localOpen) => {
-            if (!localOpen)
-                onClose?.();
-            if (!isControlled)
-                setInternalOpen(localOpen);
-        },
-        elements: {
-            reference: anchorEl,
-            floating: floatingEl.current,
-        },
-        whileElementsMounted: floatingUi_dom.autoUpdate,
-        middleware: [floatingUi_reactDom.offset(GAP), floatingUi_reactDom.shift()],
-    });
-    const { getFloatingProps } = floatingUi_react.useInteractions([
-        floatingUi_react.useFocus(context),
-        floatingUi_react.useClick(context),
-        floatingUi_react.useDismiss(context),
-        floatingUi_react.useRole(context),
-    ]);
-    useIsomorphicLayoutEffect.useIsomorphicLayoutEffect(() => {
-        refs.setReference(anchorEl);
-        if (!refs.reference.current || !refs.floating.current || !internalOpen)
-            return;
-        const cleanup = floatingUi_dom.autoUpdate(refs.reference.current, refs.floating.current, update);
-        return () => cleanup();
-    }, [refs.floating, refs.reference, update, anchorEl, refs, internalOpen]);
-    const floatingRef = floatingUi_react.useMergeRefs([refs.setFloating, ref]);
-    return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: internalOpen && (jsxRuntime.jsx(floatingUi_react.FloatingFocusManager, { context: context, guards: false, modal: false, children: jsxRuntime.jsx(Container, { children: jsxRuntime.jsx("ul", { role: 'menu', "aria-hidden": !internalOpen, "data-placement": flPlacement, ref: floatingRef, style: floatingStyles, ...getFloatingProps({
-                        ref: floatingRef,
-                        tabIndex: undefined,
-                    }), className: lite.clsx('ds-dropdownmenu', className), "data-size": size, ...rest, children: children }) }) })) }));
-});
-DropdownMenuContent.displayName = 'DropdownMenuContent';
-
-exports.DropdownMenuContent = DropdownMenuContent;

package/dist/cjs/components/DropdownMenu/DropdownMenuGroup.js

@@ -1,16 +0,0 @@
-'use client';
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var DropdownMenuRoot = require('./DropdownMenuRoot.js');
-var Paragraph = require('../Typography/Paragraph/Paragraph.js');
-
-const DropdownMenuGroup = React.forwardRef(({ children, heading, className, style, ...rest }, ref) => {
-    const { size } = React.useContext(DropdownMenuRoot.DropdownMenuContext);
-    const headingId = React.useId();
-    return (jsxRuntime.jsx("li", { className: className, style: style, children: jsxRuntime.jsxs("ul", { ...(heading ? { 'aria-labelledby': headingId } : {}), ref: ref, role: 'group', className: 'ds-dropdownmenu__group', ...rest, children: [heading && (jsxRuntime.jsx(Paragraph.Paragraph, { asChild: true, size: size, children: jsxRuntime.jsx("h2", { id: headingId, className: 'ds-dropdownmenu__heading', children: heading }) })), children] }) }));
-});
-DropdownMenuGroup.displayName = 'DropdownMenuGroup';
-
-exports.DropdownMenuGroup = DropdownMenuGroup;

package/dist/cjs/components/DropdownMenu/DropdownMenuItem.js

@@ -1,15 +0,0 @@
-'use client';
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var DropdownMenuRoot = require('./DropdownMenuRoot.js');
-var Button = require('../Button/Button.js');
-
-const DropdownMenuItem = React.forwardRef(({ children, className, style, ...rest }, ref) => {
-    const { size } = React.useContext(DropdownMenuRoot.DropdownMenuContext);
-    return (jsxRuntime.jsx("li", { className: className, style: style, children: jsxRuntime.jsx(Button.Button, { ref: ref, variant: 'tertiary', size: size, className: 'ds-dropdownmenu__item', role: 'menuitem', ...rest, children: children }) }));
-});
-DropdownMenuItem.displayName = 'DropdownMenuItem';
-
-exports.DropdownMenuItem = DropdownMenuItem;

package/dist/cjs/components/DropdownMenu/DropdownMenuRoot.js

@@ -1,49 +0,0 @@
-'use client';
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-
-/**
- * DropdownMenuRoot is the root component for the DropdownMenu component.
- * @example
- * <DropdownMenu.Root>
- *  <DropdownMenu.Trigger>Dropdown</DropdownMenu.Trigger>
- *  <DropdownMenu.Content>
- *    <DropdownMenu.Group heading='Heading'>
- *      <DropdownMenu.Item>Button 1</DropdownMenu.Item>
- *    </DropdownMenu.Group>
- *  </DropdownMenu.Content>
- * </DropdownMenu.Root>
- */
-const DropdownMenuRoot = ({ open, onClose, placement = 'bottom-end', portal, size = 'md', children, }) => {
-    const triggerRef = React.useRef(null);
-    const [internalOpen, setInternalOpen] = React.useState(open ?? false);
-    const anchorEl = triggerRef.current;
-    const isControlled = typeof open === 'boolean';
-    React.useEffect(() => {
-        setInternalOpen(open ?? false);
-    }, [open]);
-    return (jsxRuntime.jsx(DropdownMenuContext.Provider, { value: {
-            anchorEl,
-            triggerRef,
-            size,
-            portal,
-            placement,
-            internalOpen,
-            isControlled,
-            onClose,
-            setInternalOpen,
-        }, children: children }));
-};
-const DropdownMenuContext = React.createContext({
-    triggerRef: { current: null },
-    size: 'md',
-    anchorEl: null,
-    internalOpen: false,
-    setInternalOpen: () => { },
-});
-DropdownMenuRoot.displayName = 'DropdownMenuRoot';
-
-exports.DropdownMenuContext = DropdownMenuContext;
-exports.DropdownMenuRoot = DropdownMenuRoot;

package/dist/cjs/components/DropdownMenu/DropdownMenuTrigger.js

@@ -1,22 +0,0 @@
-'use client';
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var floatingUi_react = require('../../node_modules/@floating-ui/react/dist/floating-ui.react.js');
-var index = require('../../node_modules/@radix-ui/react-slot/dist/index.js');
-var React = require('react');
-var DropdownMenuRoot = require('./DropdownMenuRoot.js');
-var Button = require('../Button/Button.js');
-
-const DropdownMenuTrigger = React.forwardRef(({ asChild, ...rest }, ref) => {
-    const { triggerRef, internalOpen, setInternalOpen, isControlled } = React.useContext(DropdownMenuRoot.DropdownMenuContext);
-    const mergedRefs = floatingUi_react.useMergeRefs([ref, triggerRef]);
-    const Component = asChild ? index.Slot : Button.Button;
-    return (jsxRuntime.jsx(Component, { ref: mergedRefs, onClick: () => {
-            if (!isControlled)
-                setInternalOpen(!internalOpen);
-        }, "aria-haspopup": 'menu', "aria-expanded": internalOpen, ...rest }));
-});
-DropdownMenuTrigger.displayName = 'DropdownMenuTrigger';
-
-exports.DropdownMenuTrigger = DropdownMenuTrigger;

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

@@ -1,38 +0,0 @@
-'use client';
-'use strict';
-
-var DropdownMenuContent = require('./DropdownMenuContent.js');
-var DropdownMenuGroup = require('./DropdownMenuGroup.js');
-var DropdownMenuItem = require('./DropdownMenuItem.js');
-var DropdownMenuRoot = require('./DropdownMenuRoot.js');
-var DropdownMenuTrigger = require('./DropdownMenuTrigger.js');
-
-/**
- * @example
- * <DropdownMenu.Root>
- *  <DropdownMenu.Trigger>Dropdown</DropdownMenu.Trigger>
- *  <DropdownMenu.Content>
- *    <DropdownMenu.Group heading='Heading'>
- *      <DropdownMenu.Item>Button 1</DropdownMenu.Item>
- *    </DropdownMenu.Group>
- *  </DropdownMenu.Content>
- * </DropdownMenu.Root>
- */
-const DropdownMenu = {};
-DropdownMenu.Root = DropdownMenuRoot.DropdownMenuRoot;
-DropdownMenu.Content = DropdownMenuContent.DropdownMenuContent;
-DropdownMenu.Group = DropdownMenuGroup.DropdownMenuGroup;
-DropdownMenu.Item = DropdownMenuItem.DropdownMenuItem;
-DropdownMenu.Trigger = DropdownMenuTrigger.DropdownMenuTrigger;
-DropdownMenu.Root.displayName = 'DropdownMenu.Root';
-DropdownMenu.Content.displayName = 'DropdownMenu.Content';
-DropdownMenu.Group.displayName = 'DropdownMenu.Group';
-DropdownMenu.Item.displayName = 'DropdownMenu.Item';
-DropdownMenu.Trigger.displayName = 'DropdownMenu.Trigger';
-
-exports.DropdownMenuContent = DropdownMenuContent.DropdownMenuContent;
-exports.DropdownMenuGroup = DropdownMenuGroup.DropdownMenuGroup;
-exports.DropdownMenuItem = DropdownMenuItem.DropdownMenuItem;
-exports.DropdownMenuRoot = DropdownMenuRoot.DropdownMenuRoot;
-exports.DropdownMenuTrigger = DropdownMenuTrigger.DropdownMenuTrigger;
-exports.DropdownMenu = DropdownMenu;

package/dist/cjs/components/ErrorSummary/ErrorSummaryRoot.js

@@ -1,21 +0,0 @@
-'use client';
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var lite = require('../../node_modules/clsx/dist/lite.js');
-var React = require('react');
-
-const ErrorSummaryContext = React.createContext({
-    size: 'md',
-    headingId: 'heading',
-    setHeadingId: () => { },
-});
-const ErrorSummaryRoot = React.forwardRef(({ className, size = 'md', role = 'alert', 'aria-live': ariaLive = 'polite', 'aria-relevant': ariaRelevant = 'all', ...rest }, ref) => {
-    const randomId = React.useId();
-    const [headingId, setHeadingId] = React.useState(randomId);
-    return (jsxRuntime.jsx(ErrorSummaryContext.Provider, { value: { size, headingId, setHeadingId }, children: jsxRuntime.jsx("div", { className: lite.clsx('ds-error-summary', className), ref: ref, role: role, "aria-live": ariaLive, "aria-relevant": ariaRelevant, "aria-labelledby": headingId, ...rest }) }));
-});
-ErrorSummaryRoot.displayName = 'ErrorSummaryRoot';
-
-exports.ErrorSummaryContext = ErrorSummaryContext;
-exports.ErrorSummaryRoot = ErrorSummaryRoot;

package/dist/cjs/components/HelpText/HelpTextIcon.js

@@ -1,14 +0,0 @@
-'use client';
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-
-const HelpTextIcon = ({ className, filled = false, openState, }) => {
-    const d = filled
-        ? 'M12 0c6.627 0 12 5.373 12 12s-5.373 12-12 12S0 18.627 0 12 5.373 0 12 0Zm0 16a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3Zm0-11c2.205 0 4 1.657 4 3.693 0 .986-.416 1.914-1.172 2.612l-.593.54-.294.28c-.477.466-.869.94-.936 1.417l-.01.144v.814h-1.991v-.814c0-1.254.84-2.214 1.675-3.002l.74-.68c.38-.35.59-.816.59-1.31 0-1.024-.901-1.856-2.01-1.856-1.054 0-1.922.755-2.002 1.71l-.006.145H8C8 6.657 9.794 5 12 5Z'
-        : 'M12 0c6.627 0 12 5.373 12 12s-5.373 12-12 12S0 18.627 0 12 5.373 0 12 0Zm0 2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2Zm0 14a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3Zm0-11c2.205 0 4 1.657 4 3.693 0 .986-.416 1.914-1.172 2.612l-.593.54-.294.28c-.477.466-.869.94-.936 1.417l-.01.144v.814h-1.991v-.814c0-1.254.84-2.214 1.675-3.002l.74-.68c.38-.35.59-.816.59-1.31 0-1.024-.901-1.856-2.01-1.856-1.054 0-1.922.755-2.002 1.71l-.006.145H8C8 6.657 9.794 5 12 5Z';
-    return (jsxRuntime.jsx("svg", { "aria-hidden": true, className: className, "data-state": openState ? 'open' : 'closed', fill: 'none', role: 'img', viewBox: '0 0 24 24', xmlns: 'http://www.w3.org/2000/svg', children: jsxRuntime.jsx("path", { clipRule: 'evenodd', d: d, fill: 'currentColor', fillRule: 'evenodd' }) }));
-};
-HelpTextIcon.displayName = 'HelpText.Icon';
-
-exports.HelpTextIcon = HelpTextIcon;

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

@@ -1,15 +0,0 @@
-'use client';
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var index = require('../../node_modules/@radix-ui/react-slot/dist/index.js');
-var lite = require('../../node_modules/clsx/dist/lite.js');
-var React = require('react');
-
-const ModalContent = React.forwardRef(({ asChild, className, ...rest }, ref) => {
-    const Component = asChild ? index.Slot : 'div';
-    return (jsxRuntime.jsx(Component, { ref: ref, className: lite.clsx('ds-modal__content', className), ...rest }));
-});
-ModalContent.displayName = 'ModalContent';
-
-exports.ModalContent = ModalContent;

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

@@ -1,73 +0,0 @@
-'use client';
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var floatingUi_react = require('../../node_modules/@floating-ui/react/dist/floating-ui.react.js');
-var index = require('../../node_modules/@radix-ui/react-slot/dist/index.js');
-var lite = require('../../node_modules/clsx/dist/lite.js');
-var React = require('react');
-var ModalRoot = require('./ModalRoot.js');
-var useModalState = require('./useModalState.js');
-var useScrollLock = require('./useScrollLock.js');
-
-const ModalDialog = React.forwardRef(({ onInteractOutside, onClose, onBeforeClose, asChild, className, children, ...rest }, ref) => {
-    const Component = asChild ? index.Slot : 'dialog';
-    // This local ref is used to make sure the modal works without a ModalRoot
-    const modalDialogRef = React.useRef(null);
-    const { modalRef, setOpen, setCloseModal } = React.useContext(ModalRoot.ModalContext);
-    const open = useModalState.useModalState(modalDialogRef);
-    React.useEffect(() => {
-        setCloseModal?.(() => {
-            if (onBeforeClose && onBeforeClose() === false)
-                return;
-            modalDialogRef.current?.close();
-        });
-    }, [onBeforeClose, setCloseModal]);
-    const mergedRefs = floatingUi_react.useMergeRefs([modalRef, ref, modalDialogRef]);
-    useScrollLock.useScrollLock(modalDialogRef, 'ds-modal--lock-scroll');
-    React.useEffect(() => {
-        setOpen(open);
-    }, [open, setOpen]);
-    React.useEffect(() => {
-        const modalEl = modalRef.current;
-        const handleBackdropClick = (e) => {
-            if (e.target === modalEl && onInteractOutside) {
-                // Fix bug where if you select text spanning two divs it thinks you clicked outside
-                if (window.getSelection()?.toString())
-                    return;
-                onInteractOutside?.();
-            }
-        };
-        if (modalEl)
-            modalEl.addEventListener('click', handleBackdropClick);
-        return () => {
-            if (modalEl) {
-                modalEl.removeEventListener('click', handleBackdropClick);
-            }
-        };
-    }, [onInteractOutside, modalRef, onBeforeClose, ref]);
-    React.useEffect(() => {
-        const modalEl = modalRef.current;
-        const handleModalClose = () => {
-            onClose?.();
-        };
-        if (modalEl)
-            modalEl.addEventListener('close', handleModalClose);
-        return () => {
-            if (modalEl) {
-                modalEl.removeEventListener('close', handleModalClose);
-            }
-        };
-    }, [modalRef, onClose]);
-    const onCancel = (e) => {
-        if (onBeforeClose && onBeforeClose() === false) {
-            e.preventDefault();
-            return;
-        }
-        modalRef.current?.close();
-    };
-    return (jsxRuntime.jsx(Component, { ref: mergedRefs, className: lite.clsx('ds-modal', className), onCancel: onCancel, ...rest, children: children }));
-});
-ModalDialog.displayName = 'ModalDialog';
-
-exports.ModalDialog = ModalDialog;

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

@@ -1,15 +0,0 @@
-'use client';
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var index = require('../../node_modules/@radix-ui/react-slot/dist/index.js');
-var lite = require('../../node_modules/clsx/dist/lite.js');
-var React = require('react');
-
-const ModalFooter = React.forwardRef(({ asChild, className, ...rest }, ref) => {
-    const Component = asChild ? index.Slot : 'footer';
-    return (jsxRuntime.jsx(Component, { ref: ref, className: lite.clsx('ds-modal__footer', className), ...rest }));
-});
-ModalFooter.displayName = 'ModalFooter';
-
-exports.ModalFooter = ModalFooter;

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

@@ -1,21 +0,0 @@
-'use client';
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var akselIcons = require('@navikt/aksel-icons');
-var index = require('../../node_modules/@radix-ui/react-slot/dist/index.js');
-var lite = require('../../node_modules/clsx/dist/lite.js');
-var React = require('react');
-var ModalRoot = require('./ModalRoot.js');
-var Heading = require('../Typography/Heading/Heading.js');
-var Button = require('../Button/Button.js');
-var Paragraph = require('../Typography/Paragraph/Paragraph.js');
-
-const ModalHeader = React.forwardRef(({ closeButton = true, closeButtonTitle = 'close modal', children, subtitle, asChild, className, ...rest }, ref) => {
-    const Component = asChild ? index.Slot : 'div';
-    const { closeModal } = React.useContext(ModalRoot.ModalContext);
-    return (jsxRuntime.jsxs(Component, { ref: ref, className: lite.clsx('ds-modal__header', !closeButton && 'ds-modal__header--no-button', className), ...rest, children: [subtitle && (jsxRuntime.jsx(Paragraph.Paragraph, { size: 'sm', variant: 'short', children: subtitle })), jsxRuntime.jsx(Heading.Heading, { level: 2, size: 'xs', children: children }), closeButton && (jsxRuntime.jsx(Button.Button, { name: 'close', variant: 'tertiary', color: 'neutral', size: 'md', onClick: () => closeModal?.(), autoFocus: true, icon: true, className: 'ds-modal__header__button', title: closeButtonTitle, children: jsxRuntime.jsx(akselIcons.XMarkIcon, { title: closeButtonTitle, fontSize: '1.5em' }) }))] }));
-});
-ModalHeader.displayName = 'ModalHeader';
-
-exports.ModalHeader = ModalHeader;

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

@@ -1,31 +0,0 @@
-'use client';
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-
-const ModalContext = React.createContext({
-    setCloseModal: () => { },
-    modalRef: { current: null },
-    open: false,
-    setOpen: () => { },
-});
-const ModalRoot = ({ children }) => {
-    const modalRef = React.useRef(null);
-    const [open, setOpen] = React.useState(false);
-    const [closeModal, setCloseModal] = React.useState();
-    const setCloseModalInContext = React.useCallback((fn) => {
-        setCloseModal(() => fn);
-    }, []);
-    return (jsxRuntime.jsx(ModalContext.Provider, { value: {
-            setCloseModal: setCloseModalInContext,
-            closeModal,
-            modalRef,
-            open,
-            setOpen,
-        }, children: children }));
-};
-ModalRoot.displayName = 'ModalRoot';
-
-exports.ModalContext = ModalContext;
-exports.ModalRoot = ModalRoot;

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

@@ -1,30 +0,0 @@
-'use client';
-'use strict';
-
-var React = require('react');
-
-const useModalState = (modalRef) => {
-    const [isOpen, setIsOpen] = React.useState(false);
-    React.useEffect(() => {
-        if (!modalRef?.current)
-            return;
-        if (modalRef.current?.open)
-            setIsOpen(true);
-        const observer = new MutationObserver(() => {
-            if (modalRef.current?.open)
-                setIsOpen(true);
-            else
-                setIsOpen(false);
-        });
-        observer.observe(modalRef.current, {
-            attributes: true,
-            attributeFilter: ['open'],
-        });
-        return () => {
-            observer.disconnect();
-        };
-    }, [modalRef]);
-    return isOpen;
-};
-
-exports.useModalState = useModalState;

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

@@ -1,29 +0,0 @@
-'use client';
-'use strict';
-
-var React = require('react');
-
-function useScrollLock(modalRef, bodyClass) {
-    React.useEffect(() => {
-        if (!modalRef.current)
-            return;
-        if (modalRef.current.open)
-            document.body.classList.add(bodyClass);
-        const observer = new MutationObserver(() => {
-            if (modalRef.current?.open)
-                document.body.classList.add(bodyClass);
-            else
-                document.body.classList.remove(bodyClass);
-        });
-        observer.observe(modalRef.current, {
-            attributes: true,
-            attributeFilter: ['open'],
-        });
-        return () => {
-            observer.disconnect();
-            document.body.classList.remove(bodyClass);
-        };
-    }, [bodyClass, modalRef]);
-}
-
-exports.useScrollLock = useScrollLock;

package/dist/cjs/components/Pagination/PaginationEllipsis.js

@@ -1,15 +0,0 @@
-'use client';
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var lite = require('../../node_modules/clsx/dist/lite.js');
-var React = require('react');
-var PaginationRoot = require('./PaginationRoot.js');
-var Paragraph = require('../Typography/Paragraph/Paragraph.js');
-
-const PaginationEllipsis = React.forwardRef(function PaginationEllipsis({ className, ...rest }, ref) {
-    const { size } = React.useContext(PaginationRoot.PaginationContext);
-    return (jsxRuntime.jsx(Paragraph.Paragraph, { ref: ref, className: lite.clsx('ds-pagination__ellipsis', className), size: size, ...rest, children: "\u2026" }));
-});
-
-exports.PaginationEllipsis = PaginationEllipsis;

package/dist/cjs/components/Pagination/PaginationNextPrev.js

@@ -1,16 +0,0 @@
-'use client';
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var PaginationButton = require('./PaginationButton.js');
-
-const PaginationNext = React.forwardRef(function PaginationNext({ ...rest }, ref) {
-    return (jsxRuntime.jsx(PaginationButton.PaginationButton, { "aria-label": rest.children != null ? undefined : 'Neste side', ref: ref, ...rest }));
-});
-const PaginationPrevious = React.forwardRef(function PaginationPrevious({ ...rest }, ref) {
-    return (jsxRuntime.jsx(PaginationButton.PaginationButton, { "aria-label": rest.children != null ? undefined : 'Forrige side', ref: ref, ...rest }));
-});
-
-exports.PaginationNext = PaginationNext;
-exports.PaginationPrevious = PaginationPrevious;

package/dist/cjs/components/Pagination/PaginationRoot.js

@@ -1,18 +0,0 @@
-'use client';
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var index = require('../../node_modules/@radix-ui/react-slot/dist/index.js');
-var React = require('react');
-
-const PaginationContext = React.createContext({
-    size: 'md',
-    compact: false,
-});
-const PaginationRoot = React.forwardRef(function PaginationRoot({ 'aria-label': ariaLabel = 'Sidenavigering', asChild, compact = false, size = 'md', ...rest }, ref) {
-    const Component = asChild ? index.Slot : 'nav';
-    return (jsxRuntime.jsx(PaginationContext.Provider, { value: { size, compact }, children: jsxRuntime.jsx(Component, { "aria-label": ariaLabel, ref: ref, ...rest }) }));
-});
-
-exports.PaginationContext = PaginationContext;
-exports.PaginationRoot = PaginationRoot;

package/dist/cjs/components/Tabs/Tab.js

@@ -1,23 +0,0 @@
-'use client';
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var lite = require('../../node_modules/clsx/dist/lite.js');
-var React = require('react');
-var RovingFocusItem = require('../../utilities/RovingFocus/RovingFocusItem.js');
-var useTab = require('./useTab.js');
-var Paragraph = require('../Typography/Paragraph/Paragraph.js');
-
-/**
- * A single item in a Tabs component.
- * @example
- * <Tabs.Tab value='1'>Tab 1</Tabs.Tab>
- */
-const Tab = React.forwardRef((props, ref) => {
-    const { children, className, ...rest } = props;
-    const { size, ...useTabRest } = useTab.useTabItem(props);
-    return (jsxRuntime.jsx(RovingFocusItem.RovingFocusItem, { ...rest, asChild: true, children: jsxRuntime.jsx(Paragraph.Paragraph, { asChild: true, variant: 'short', size: size, children: jsxRuntime.jsx("button", { ...useTabRest, type: 'button', className: lite.clsx('ds-tabs__tab', 'ds-focus', className), ref: ref, children: children }) }) }));
-});
-Tab.displayName = 'Tab';
-
-exports.Tab = Tab;