@digdir/designsystemet-react 1.0.0-rc.9 → 1.0.1

package/dist/cjs/utilities/RovingTabIndex/RovingTabindexRoot.js

@@ -1,66 +0,0 @@
-'use client';
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-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');
-
-const RovingTabindexContext = React.createContext({
-    elements: { current: new Map() },
-    getOrderedItems: () => [],
-    setFocusableValue: () => {
-        /* intentionally empty */
-    },
-    onShiftTab: () => {
-        /* intentionally empty */
-    },
-    focusableValue: null,
-});
-const RovingTabindexRoot = React.forwardRef(({ valueId, asChild, onBlur, onFocus, ...rest }, ref) => {
-    const Component = asChild ? index.Slot : 'div';
-    const [focusableValue, setFocusableValue] = React.useState(null);
-    const [isShiftTabbing, setIsShiftTabbing] = React.useState(false);
-    const elements = React.useRef(new Map());
-    const myRef = React.useRef();
-    const refs = floatingUi_react.useMergeRefs([ref, myRef]);
-    const getOrderedItems = () => {
-        if (!myRef.current)
-            return [];
-        const elementsFromDOM = Array.from(myRef.current.querySelectorAll('[data-roving-tabindex-item]'));
-        return Array.from(elements.current)
-            .sort((a, b) => elementsFromDOM.indexOf(a[1]) - elementsFromDOM.indexOf(b[1]))
-            .map(([value, element]) => ({ value, element }));
-    };
-    return (jsxRuntime.jsx(RovingTabindexContext.Provider, { value: {
-            elements,
-            getOrderedItems,
-            focusableValue,
-            setFocusableValue,
-            onShiftTab: () => {
-                setIsShiftTabbing(true);
-            },
-        }, children: jsxRuntime.jsx(Component, { ...rest, tabIndex: isShiftTabbing ? -1 : 0, onBlur: (e) => {
-                onBlur?.(e);
-                setIsShiftTabbing(false);
-            }, onFocus: (e) => {
-                onFocus?.(e);
-                if (e.target !== e.currentTarget)
-                    return;
-                const orderedItems = getOrderedItems();
-                if (orderedItems.length === 0)
-                    return;
-                if (focusableValue != null) {
-                    elements.current.get(focusableValue)?.focus();
-                }
-                else if (valueId != null) {
-                    elements.current.get(valueId)?.focus();
-                }
-                else {
-                    orderedItems.at(0)?.element.focus();
-                }
-            }, ref: refs }) }));
-});
-
-exports.RovingTabindexContext = RovingTabindexContext;
-exports.RovingTabindexRoot = RovingTabindexRoot;

package/dist/cjs/utilities/RovingTabIndex/useRovingTabindex.js

@@ -1,42 +0,0 @@
-'use client';
-'use strict';
-
-var React = require('react');
-var RovingTabindexRoot = require('./RovingTabindexRoot.js');
-
-// Logic from: https://www.joshuawootonn.com/react-roving-tabindex
-// Inspired by: https://github.com/radix-ui/primitives/tree/main/packages/react/roving-focus/src
-/** Handles props for `RovingTabIndex` in context with `RovingTabIndexRoot` */
-const useRovingTabindex = (value) => {
-    const { elements, getOrderedItems, setFocusableValue, focusableValue, onShiftTab, } = React.useContext(RovingTabindexRoot.RovingTabindexContext);
-    return {
-        getOrderedItems,
-        isFocusable: focusableValue === value,
-        getRovingProps: (props) => ({
-            ...props,
-            ref: (element) => {
-                if (element) {
-                    elements.current.set(value, element);
-                }
-                else {
-                    elements.current.delete(value);
-                }
-            },
-            onKeyDown: (e) => {
-                props?.onKeyDown?.(e);
-                if (e.shiftKey && e.key === 'Tab') {
-                    onShiftTab();
-                    return;
-                }
-            },
-            onFocus: (e) => {
-                props?.onFocus?.(e);
-                setFocusableValue(value);
-            },
-            ['data-roving-tabindex-item']: true,
-            tabIndex: focusableValue === value ? 0 : -1,
-        }),
-    };
-};
-
-exports.useRovingTabindex = useRovingTabindex;

package/dist/cjs/utilities/useDebounce.js

@@ -1,27 +0,0 @@
-'use client';
-'use strict';
-
-var React = require('react');
-
-function useDebounce(callback, delay = 50) {
-    const timeoutRef = React.useRef(null);
-    React.useEffect(() => {
-        // Cleanup the previous timeout on re-render
-        return () => {
-            if (timeoutRef.current) {
-                clearTimeout(timeoutRef.current);
-            }
-        };
-    }, []);
-    const debouncedCallback = (...args) => {
-        if (timeoutRef.current) {
-            clearTimeout(timeoutRef.current);
-        }
-        timeoutRef.current = setTimeout(() => {
-            callback(...args);
-        }, delay);
-    };
-    return debouncedCallback;
-}
-
-module.exports = useDebounce;

package/dist/esm/components/Accordion/Accordion.js

@@ -1,11 +0,0 @@
-'use client';
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
-import { clsx } from '../../node_modules/clsx/dist/lite.js';
-
-const Accordion = forwardRef(({ border = false, color = 'neutral', className, ...rest }, ref) => {
-    return (jsx("div", { className: clsx('ds-accordion', border && 'ds-accordion--border', color && `ds-accordion--${color}`, className), ref: ref, ...rest }));
-});
-Accordion.displayName = 'Accordion';
-
-export { Accordion };

package/dist/esm/components/Accordion/AccordionContent.js

@@ -1,19 +0,0 @@
-'use client';
-import { jsx } from 'react/jsx-runtime';
-import { clsx } from '../../node_modules/clsx/dist/lite.js';
-import { forwardRef, useContext } from 'react';
-import { AccordionItemContext } from './AccordionItem.js';
-import { AnimateHeight } from '../../utilities/AnimateHeight/AnimateHeight.js';
-import { Paragraph } from '../Typography/Paragraph/Paragraph.js';
-
-const AccordionContent = forwardRef(({ children, className, ...rest }, ref) => {
-    const context = useContext(AccordionItemContext);
-    if (context === null) {
-        console.error('<Accordion.Content> has to be used within an <Accordion.Item>');
-        return null;
-    }
-    return (jsx(AnimateHeight, { id: context.contentId, open: context.open, children: jsx(Paragraph, { asChild: true, size: 'sm', children: jsx("div", { ref: ref, className: clsx('ds-accordion__content', className), ...rest, children: children }) }) }));
-});
-AccordionContent.displayName = 'AccordionContent';
-
-export { AccordionContent };

package/dist/esm/components/Accordion/AccordionHeader.js

@@ -1,24 +0,0 @@
-'use client';
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { ChevronDownIcon } from '@navikt/aksel-icons';
-import { clsx } from '../../node_modules/clsx/dist/lite.js';
-import { forwardRef, useContext } from 'react';
-import { AccordionItemContext } from './AccordionItem.js';
-import { Heading } from '../Typography/Heading/Heading.js';
-import { Paragraph } from '../Typography/Paragraph/Paragraph.js';
-
-const AccordionHeader = forwardRef(({ level = 1, children, className, onHeaderClick, ...rest }, ref) => {
-    const context = useContext(AccordionItemContext);
-    if (context === null) {
-        console.error('<Accordion.Header> has to be used within an <Accordion.Item>');
-        return null;
-    }
-    const handleClick = (e) => {
-        context.toggleOpen();
-        onHeaderClick && onHeaderClick(e);
-    };
-    return (jsx(Heading, { ref: ref, size: 'xs', level: level, className: clsx('ds-accordion__header', className), ...rest, children: jsxs("button", { type: 'button', className: clsx('ds-accordion__button', `ds-focus`), onClick: handleClick, "aria-expanded": context.open, "aria-controls": context.contentId, children: [jsx(ChevronDownIcon, { "aria-hidden": true, className: 'ds-accordion__expand-icon', fontSize: '1.5rem' }), jsx(Paragraph, { asChild: true, size: 'sm', children: jsx("span", { children: children }) })] }) }));
-});
-AccordionHeader.displayName = 'AccordionHeader';
-
-export { AccordionHeader };

package/dist/esm/components/Accordion/AccordionItem.js

@@ -1,22 +0,0 @@
-'use client';
-import { jsx } from 'react/jsx-runtime';
-import { clsx } from '../../node_modules/clsx/dist/lite.js';
-import { createContext, forwardRef, useState, useId } from 'react';
-
-const AccordionItemContext = createContext(null);
-const AccordionItem = forwardRef(({ children, className, open, defaultOpen = false, ...rest }, ref) => {
-    const [internalOpen, setInternalOpen] = useState(defaultOpen);
-    const contentId = useId();
-    return (jsx("div", { className: clsx('ds-accordion__item', (open ?? internalOpen) && 'ds-accordion__item--open', className), ref: ref, ...rest, children: jsx(AccordionItemContext.Provider, { value: {
-                open: open ?? internalOpen,
-                toggleOpen: () => {
-                    if (open === undefined) {
-                        setInternalOpen((iOpen) => !iOpen);
-                    }
-                },
-                contentId: contentId,
-            }, children: children }) }));
-});
-AccordionItem.displayName = 'AccordionItem';
-
-export { AccordionItem, AccordionItemContext };

package/dist/esm/components/Accordion/index.js

@@ -1,15 +0,0 @@
-'use client';
-import { Accordion as Accordion$1 } from './Accordion.js';
-import { AccordionItem } from './AccordionItem.js';
-import { AccordionContent } from './AccordionContent.js';
-import { AccordionHeader } from './AccordionHeader.js';
-
-const Accordion = Accordion$1;
-Accordion.Header = AccordionHeader;
-Accordion.Content = AccordionContent;
-Accordion.Item = AccordionItem;
-Accordion.Header.displayName = 'Accordion.Header';
-Accordion.Content.displayName = 'Accordion.Content';
-Accordion.Item.displayName = 'Accordion.Item';
-
-export { Accordion, AccordionContent, AccordionHeader, AccordionItem };

package/dist/esm/components/Box/Box.js

@@ -1,13 +0,0 @@
-'use client';
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
-import { clsx } from '../../node_modules/clsx/dist/lite.js';
-import { Slot as $5e63c961fc1ce211$export$8c6ed5c666ac1360 } from '../../node_modules/@radix-ui/react-slot/dist/index.js';
-
-const Box = forwardRef(({ shadow, borderColor, borderRadius, background = 'default', children, asChild = false, className, ...rest }, ref) => {
-    const Component = asChild ? $5e63c961fc1ce211$export$8c6ed5c666ac1360 : 'div';
-    return (jsx(Component, { ref: ref, className: clsx(shadow && `ds-box--${shadow}-shadow`, borderColor && `ds-box--${borderColor}-border-color`, borderRadius && `ds-box--${borderRadius}-border-radius`, `ds-box--${background}-background`, className), ...rest, children: children }));
-});
-Box.displayName = 'Box';
-
-export { Box };

package/dist/esm/components/Card/CardContent.js

@@ -1,13 +0,0 @@
-'use client';
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
-import { clsx } from '../../node_modules/clsx/dist/lite.js';
-import { Slot as $5e63c961fc1ce211$export$8c6ed5c666ac1360 } from '../../node_modules/@radix-ui/react-slot/dist/index.js';
-
-const CardContent = forwardRef(({ asChild, className, ...rest }, ref) => {
-    const Component = asChild ? $5e63c961fc1ce211$export$8c6ed5c666ac1360 : 'div';
-    return (jsx(Component, { className: clsx(`ds-card__content`, `ds-paragraph--md`, className), ref: ref, ...rest }));
-});
-CardContent.displayName = 'CardContent';
-
-export { CardContent };

package/dist/esm/components/Card/CardFooter.js

@@ -1,13 +0,0 @@
-'use client';
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
-import { clsx } from '../../node_modules/clsx/dist/lite.js';
-import { Slot as $5e63c961fc1ce211$export$8c6ed5c666ac1360 } from '../../node_modules/@radix-ui/react-slot/dist/index.js';
-
-const CardFooter = forwardRef(({ asChild, className, ...rest }, ref) => {
-    const Component = asChild ? $5e63c961fc1ce211$export$8c6ed5c666ac1360 : 'div';
-    return (jsx(Component, { className: clsx(`ds-card__footer`, `ds-paragraph--md`, className), ref: ref, ...rest }));
-});
-CardFooter.displayName = 'CardFooter';
-
-export { CardFooter };

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

@@ -1,13 +0,0 @@
-'use client';
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
-import { clsx } from '../../node_modules/clsx/dist/lite.js';
-import { Slot as $5e63c961fc1ce211$export$8c6ed5c666ac1360 } from '../../node_modules/@radix-ui/react-slot/dist/index.js';
-
-const CardHeader = forwardRef(({ asChild, className, ...rest }, ref) => {
-    const Component = asChild ? $5e63c961fc1ce211$export$8c6ed5c666ac1360 : 'div';
-    return (jsx(Component, { className: clsx(`ds-card__header`, `ds-heading--md`, className), ref: ref, ...rest }));
-});
-CardHeader.displayName = 'CardHeader';
-
-export { CardHeader };

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

@@ -1,13 +0,0 @@
-'use client';
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
-import { clsx } from '../../node_modules/clsx/dist/lite.js';
-import { Slot as $5e63c961fc1ce211$export$8c6ed5c666ac1360 } from '../../node_modules/@radix-ui/react-slot/dist/index.js';
-
-const CardMedia = forwardRef(({ asChild, className, ...rest }, ref) => {
-    const Component = asChild ? $5e63c961fc1ce211$export$8c6ed5c666ac1360 : 'div';
-    return (jsx(Component, { className: clsx(`ds-card__media`, className), ref: ref, ...rest }));
-});
-CardMedia.displayName = 'CardMedia';
-
-export { CardMedia };

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

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

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

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

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

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

package/dist/esm/components/DropdownMenu/DropdownMenu.js

@@ -1,34 +0,0 @@
-'use client';
-import { jsx } from 'react/jsx-runtime';
-import { useRef, useState, useEffect, createContext } from 'react';
-
-const DropdownMenu = ({ open, onClose, placement = 'bottom-end', portal, size = 'md', children, }) => {
-    const triggerRef = useRef(null);
-    const [internalOpen, setInternalOpen] = useState(open ?? false);
-    const anchorEl = triggerRef.current;
-    const isControlled = typeof open === 'boolean';
-    useEffect(() => {
-        setInternalOpen(open ?? false);
-    }, [open]);
-    return (jsx(DropdownMenuContext.Provider, { value: {
-            anchorEl,
-            triggerRef,
-            size,
-            portal,
-            placement,
-            internalOpen,
-            isControlled,
-            onClose,
-            setInternalOpen,
-        }, children: children }));
-};
-const DropdownMenuContext = createContext({
-    triggerRef: { current: null },
-    size: 'md',
-    anchorEl: null,
-    internalOpen: false,
-    setInternalOpen: () => { },
-});
-DropdownMenu.displayName = 'DropdownMenu';
-
-export { DropdownMenu, DropdownMenuContext };

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

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

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

@@ -1,14 +0,0 @@
-'use client';
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { forwardRef, useContext, useId } from 'react';
-import { DropdownMenuContext } from './DropdownMenu.js';
-import { Paragraph } from '../Typography/Paragraph/Paragraph.js';
-
-const DropdownMenuGroup = forwardRef(({ children, heading, className, style, ...rest }, ref) => {
-    const { size } = useContext(DropdownMenuContext);
-    const headingId = useId();
-    return (jsx("li", { className: className, style: style, children: jsxs("ul", { ...(heading ? { 'aria-labelledby': headingId } : {}), ref: ref, role: 'group', className: 'ds-dropdownmenu__section', ...rest, children: [heading && (jsx(Paragraph, { asChild: true, size: size, children: jsx("h2", { id: headingId, className: 'ds-dropdownmenu__heading', children: heading }) })), children] }) }));
-});
-DropdownMenuGroup.displayName = 'DropdownMenuGroup';
-
-export { DropdownMenuGroup };

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

@@ -1,13 +0,0 @@
-'use client';
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef, useContext } from 'react';
-import { DropdownMenuContext } from './DropdownMenu.js';
-import { Button } from '../Button/Button.js';
-
-const DropdownMenuItem = forwardRef(({ children, className, style, ...rest }, ref) => {
-    const { size } = useContext(DropdownMenuContext);
-    return (jsx("li", { className: className, style: style, children: jsx(Button, { ref: ref, variant: 'tertiary', size: size, fullWidth: true, className: 'ds-dropdownmenu__item', role: 'menuitem', ...rest, children: children }) }));
-});
-DropdownMenuItem.displayName = 'DropdownMenuItem';
-
-export { DropdownMenuItem };

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

@@ -1,20 +0,0 @@
-'use client';
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef, useContext } from 'react';
-import { useMergeRefs } from '../../node_modules/@floating-ui/react/dist/floating-ui.react.js';
-import { Slot as $5e63c961fc1ce211$export$8c6ed5c666ac1360 } from '../../node_modules/@radix-ui/react-slot/dist/index.js';
-import { DropdownMenuContext } from './DropdownMenu.js';
-import { Button } from '../Button/Button.js';
-
-const DropdownMenuTrigger = forwardRef(({ asChild, ...rest }, ref) => {
-    const { triggerRef, internalOpen, setInternalOpen, isControlled } = useContext(DropdownMenuContext);
-    const mergedRefs = useMergeRefs([ref, triggerRef]);
-    const Component = asChild ? $5e63c961fc1ce211$export$8c6ed5c666ac1360 : Button;
-    return (jsx(Component, { ref: mergedRefs, onClick: () => {
-            if (!isControlled)
-                setInternalOpen(!internalOpen);
-        }, "aria-haspopup": 'menu', "aria-expanded": internalOpen, ...rest }));
-});
-DropdownMenuTrigger.displayName = 'DropdownMenuTrigger';
-
-export { DropdownMenuTrigger };

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

@@ -1,18 +0,0 @@
-'use client';
-import { DropdownMenu as DropdownMenu$1 } from './DropdownMenu.js';
-import { DropdownMenuGroup } from './DropdownMenuGroup.js';
-import { DropdownMenuItem } from './DropdownMenuItem.js';
-import { DropdownMenuTrigger } from './DropdownMenuTrigger.js';
-import { DropdownMenuContent } from './DropdownMenuContent.js';
-
-const DropdownMenu = DropdownMenu$1;
-DropdownMenu.Content = DropdownMenuContent;
-DropdownMenu.Group = DropdownMenuGroup;
-DropdownMenu.Item = DropdownMenuItem;
-DropdownMenu.Trigger = DropdownMenuTrigger;
-DropdownMenu.Content.displayName = 'DropdownMenu.Content';
-DropdownMenu.Group.displayName = 'DropdownMenu.Group';
-DropdownMenu.Item.displayName = 'DropdownMenu.Item';
-DropdownMenu.Trigger.displayName = 'DropdownMenu.Trigger';
-
-export { DropdownMenu, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuTrigger };

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

@@ -1,18 +0,0 @@
-'use client';
-import { jsx } from 'react/jsx-runtime';
-import { createContext, forwardRef, useId, useState } from 'react';
-import { Slot as $5e63c961fc1ce211$export$8c6ed5c666ac1360 } from '../../node_modules/@radix-ui/react-slot/dist/index.js';
-import { List } from '../List/index.js';
-
-const ErrorSummaryContext = createContext({
-    headingId: 'heading',
-    setHeadingId: () => { },
-});
-const ErrorSummaryRoot = forwardRef(({ size, role = 'alert', 'aria-live': ariaLive = 'polite', 'aria-relevant': ariaRelevant = 'all', children, ...rest }, ref) => {
-    const randomId = useId();
-    const [headingId, setHeadingId] = useState(randomId);
-    return (jsx(ErrorSummaryContext.Provider, { value: { headingId, setHeadingId }, children: jsx($5e63c961fc1ce211$export$8c6ed5c666ac1360, { className: 'ds-error-summary', ref: ref, role: role, "aria-live": ariaLive, "aria-relevant": ariaRelevant, "aria-labelledby": headingId, ...rest, children: jsx(List.Root, { size: size, children: children }) }) }));
-});
-ErrorSummaryRoot.displayName = 'ErrorSummaryRoot';
-
-export { ErrorSummaryContext, ErrorSummaryRoot };

package/dist/esm/components/HelpText/HelpText.js

@@ -1,14 +0,0 @@
-'use client';
-import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-import { useState } from 'react';
-import { clsx } from '../../node_modules/clsx/dist/lite.js';
-import { Popover } from '../Popover/index.js';
-import { HelpTextIcon } from './HelpTextIcon.js';
-
-const HelpText = ({ title, placement = 'right', portal, size = 'md', className, children, ...rest }) => {
-    const [open, setOpen] = useState(false);
-    return (jsx(Fragment, { children: jsxs(Popover, { variant: 'info', placement: placement, size: size, portal: portal, open: open, onClose: () => setOpen(false), children: [jsx(Popover.Trigger, { asChild: true, variant: 'tertiary', children: jsxs("button", { className: clsx(`ds-helptext--${size}`, 'ds-helptext__button', `ds-focus`, className), "aria-expanded": open, onClick: () => setOpen(!open), ...rest, children: [jsx(HelpTextIcon, { filled: true, className: clsx(`ds-helptext__icon`, `ds-helptext__icon--filled`, className), openState: open }), jsx(HelpTextIcon, { className: clsx(`ds-helptext__icon`, className), openState: open }), jsx("span", { className: `ds-sr-only`, children: title })] }) }), jsx(Popover.Content, { className: clsx('ds-helptext__content', 'ds-paragraph--md'), children: children })] }) }));
-};
-HelpText.displayName = 'HelpText';
-
-export { HelpText };

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

@@ -1,12 +0,0 @@
-'use client';
-import { jsx } from '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 (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: jsx("path", { clipRule: 'evenodd', d: d, fill: 'currentColor', fillRule: 'evenodd' }) }));
-};
-HelpTextIcon.displayName = 'HelpText.Icon';
-
-export { HelpTextIcon };

package/dist/esm/components/List/ListHeading.js

@@ -1,26 +0,0 @@
-'use client';
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef, useContext, useId, useMemo, useEffect } from 'react';
-import { ListContext } from './ListRoot.js';
-import { Heading } from '../Typography/Heading/Heading.js';
-
-const HEADING_SIZE_MAP = {
-    sm: '2xs',
-    md: 'xs',
-    lg: 'sm',
-};
-const ListHeading = forwardRef(({ level = 2, id, ...rest }, ref) => {
-    const { size, headingId, setHeadingId } = useContext(ListContext);
-    const randomId = useId();
-    const headingId_ = id ?? randomId;
-    const headingSize = useMemo(() => HEADING_SIZE_MAP[size], [size]);
-    useEffect(() => {
-        if (headingId !== headingId_) {
-            setHeadingId(headingId_);
-        }
-    }, [headingId, id, setHeadingId, headingId_]);
-    return (jsx(Heading, { ref: ref, size: headingSize, id: headingId, level: level, spacing: true, ...rest }));
-});
-ListHeading.displayName = 'ListHeading';
-
-export { ListHeading };

package/dist/esm/components/List/ListRoot.js

@@ -1,18 +0,0 @@
-'use client';
-import { jsx } from 'react/jsx-runtime';
-import { Slot as $5e63c961fc1ce211$export$8c6ed5c666ac1360 } from '../../node_modules/@radix-ui/react-slot/dist/index.js';
-import { createContext, forwardRef, useState } from 'react';
-
-const ListContext = createContext({
-    size: 'md',
-    headingId: 'heading',
-    setHeadingId: () => { },
-});
-const ListRoot = forwardRef(({ size = 'md', asChild, ...rest }, ref) => {
-    const [headingId, setHeadingId] = useState();
-    const Component = asChild ? $5e63c961fc1ce211$export$8c6ed5c666ac1360 : 'div';
-    return (jsx(ListContext.Provider, { value: { size, headingId, setHeadingId }, children: jsx(Component, { ref: ref, ...rest }) }));
-});
-ListRoot.displayName = 'ListRoot';
-
-export { ListContext, ListRoot };

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

@@ -1,13 +0,0 @@
-'use client';
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
-import { clsx } from '../../node_modules/clsx/dist/lite.js';
-import { Slot as $5e63c961fc1ce211$export$8c6ed5c666ac1360 } from '../../node_modules/@radix-ui/react-slot/dist/index.js';
-
-const ModalContent = forwardRef(({ asChild, className, ...rest }, ref) => {
-    const Component = asChild ? $5e63c961fc1ce211$export$8c6ed5c666ac1360 : 'div';
-    return (jsx(Component, { ref: ref, className: clsx('ds-modal__content', className), ...rest }));
-});
-ModalContent.displayName = 'ModalContent';
-
-export { ModalContent };