@digdir/designsystemet-react 0.0.0-next-20240725083537 → 0.0.0-test-20240725081820

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@digdir/designsystemet-react",
-  "version": "0.0.0-next-20240725083537",
+  "version": "0.0.0-test-20240725081820",
   "description": "React components for Designsystemet",
   "author": "Designsystemet team",
   "repository": "https://github.com/digdir/designsystemet",

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

@@ -1,26 +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 AccordionItem = require('./AccordionItem.js');
-var AnimateHeight = require('../../utilities/AnimateHeight/AnimateHeight.js');
-var Paragraph = require('../Typography/Paragraph/Paragraph.js');
-
-/**
- * Accordion content component, contains the content of the accordion item.
- * @example
- * <AccordionContent>Content</AccordionContent>
- */
-const AccordionContent = React.forwardRef(({ children, className, ...rest }, ref) => {
-    const context = React.useContext(AccordionItem.AccordionItemContext);
-    if (context === null) {
-        console.error('<Accordion.Content> has to be used within an <Accordion.Item>');
-        return null;
-    }
-    return (jsxRuntime.jsx(AnimateHeight.AnimateHeight, { id: context.contentId, open: context.open, children: jsxRuntime.jsx(Paragraph.Paragraph, { asChild: true, size: 'sm', children: jsxRuntime.jsx("div", { ref: ref, className: lite.clsx('ds-accordion__content', className), ...rest, children: children }) }) }));
-});
-AccordionContent.displayName = 'AccordionContent';
-
-exports.AccordionContent = AccordionContent;

package/dist/cjs/components/Accordion/AccordionHeading.js

@@ -1,31 +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 AccordionItem = require('./AccordionItem.js');
-var Heading = require('../Typography/Heading/Heading.js');
-var Paragraph = require('../Typography/Paragraph/Paragraph.js');
-
-/**
- * Accordion header component, contains a button to toggle the content.
- * @example
- * <AccordionHeader>Header</AccordionHeader>
- */
-const AccordionHeading = React.forwardRef(({ level = 1, children, className, onHeaderClick, ...rest }, ref) => {
-    const context = React.useContext(AccordionItem.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 (jsxRuntime.jsx(Heading.Heading, { ref: ref, size: 'xs', level: level, className: lite.clsx('ds-accordion__header', className), ...rest, children: jsxRuntime.jsxs("button", { type: 'button', className: lite.clsx('ds-accordion__button', `ds-focus`), onClick: handleClick, "aria-expanded": context.open, "aria-controls": context.contentId, children: [jsxRuntime.jsx(akselIcons.ChevronDownIcon, { "aria-hidden": true, className: 'ds-accordion__expand-icon', fontSize: '1.5rem' }), jsxRuntime.jsx(Paragraph.Paragraph, { asChild: true, size: 'sm', children: jsxRuntime.jsx("span", { children: children }) })] }) }));
-});
-AccordionHeading.displayName = 'AccordionHeading';
-
-exports.AccordionHeading = AccordionHeading;

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

@@ -1,33 +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 AccordionItemContext = React.createContext(null);
-/**
- * Accordion item component, contains `Accordion.Header` and `Accordion.Content` components.
- * @example
- * <AccordionItem>
- *  <AccordionHeader>Header</AccordionHeader>
- *  <AccordionContent>Content</AccordionContent>
- * </AccordionItem>
- */
-const AccordionItem = React.forwardRef(({ children, className, open, defaultOpen = false, ...rest }, ref) => {
-    const [internalOpen, setInternalOpen] = React.useState(defaultOpen);
-    const contentId = React.useId();
-    return (jsxRuntime.jsx("div", { className: lite.clsx('ds-accordion__item', (open ?? internalOpen) && 'ds-accordion__item--open', className), ref: ref, ...rest, children: jsxRuntime.jsx(AccordionItemContext.Provider, { value: {
-                open: open ?? internalOpen,
-                toggleOpen: () => {
-                    if (open === undefined) {
-                        setInternalOpen((iOpen) => !iOpen);
-                    }
-                },
-                contentId: contentId,
-            }, children: children }) }));
-});
-AccordionItem.displayName = 'AccordionItem';
-
-exports.AccordionItem = AccordionItem;
-exports.AccordionItemContext = AccordionItemContext;

package/dist/cjs/components/Accordion/AccordionRoot.js

@@ -1,16 +0,0 @@
-'use client';
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var lite = require('../../node_modules/clsx/dist/lite.js');
-
-/**
- * Accordion root component, contains `Accordion.Item` components.
- */
-const AccordionRoot = React.forwardRef(({ border = false, color = 'neutral', className, ...rest }, ref) => {
-    return (jsxRuntime.jsx("div", { className: lite.clsx('ds-accordion', border && 'ds-accordion--border', color && `ds-accordion--${color}`, className), ref: ref, ...rest }));
-});
-AccordionRoot.displayName = 'AccordionRoot';
-
-exports.AccordionRoot = AccordionRoot;

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

@@ -1,33 +0,0 @@
-'use client';
-'use strict';
-
-var AccordionRoot = require('./AccordionRoot.js');
-var AccordionItem = require('./AccordionItem.js');
-var AccordionContent = require('./AccordionContent.js');
-var AccordionHeading = require('./AccordionHeading.js');
-
-/**
- * Accordions are used to toggle the visibility of content.
- * @example
- * <Accordion.Root>
- *  <Accordion.Item>
- *   <Accordion.Heading>Heading 1</Accordion.Heading>
- *  <Accordion.Content>Content 1</Accordion.Content>
- * </Accordion.Item>
- * <Accordion.Item>
- */
-const Accordion = {};
-Accordion.Root = AccordionRoot.AccordionRoot;
-Accordion.Heading = AccordionHeading.AccordionHeading;
-Accordion.Content = AccordionContent.AccordionContent;
-Accordion.Item = AccordionItem.AccordionItem;
-Accordion.Root.displayName = 'Accordion.Root';
-Accordion.Heading.displayName = 'Accordion.Heading';
-Accordion.Content.displayName = 'Accordion.Content';
-Accordion.Item.displayName = 'Accordion.Item';
-
-exports.AccordionRoot = AccordionRoot.AccordionRoot;
-exports.AccordionItem = AccordionItem.AccordionItem;
-exports.AccordionContent = AccordionContent.AccordionContent;
-exports.AccordionHeading = AccordionHeading.AccordionHeading;
-exports.Accordion = Accordion;

package/dist/cjs/components/Alert/Alert.js

@@ -1,33 +0,0 @@
-'use client';
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var akselIcons = require('@navikt/aksel-icons');
-var lite = require('../../node_modules/clsx/dist/lite.js');
-var Paragraph = require('../Typography/Paragraph/Paragraph.js');
-
-const icons = {
-    info: {
-        Icon: akselIcons.InformationSquareFillIcon,
-        title: 'Informasjon',
-    },
-    warning: { Icon: akselIcons.ExclamationmarkTriangleFillIcon, title: 'Advarsel' },
-    success: { Icon: akselIcons.CheckmarkCircleFillIcon, title: 'Suksess' },
-    danger: {
-        Icon: akselIcons.XMarkOctagonFillIcon,
-        title: 'Feil',
-    },
-};
-/**
- * Alerts are used to inform users about important information, warnings, errors, or success.
- * @example
- * <Alert severity='info'>Dette er en informasjonsmelding</Alert>
- */
-const Alert = React.forwardRef(({ severity = 'info', iconTitle, children, size = 'md', className, ...rest }, ref) => {
-    const { Icon, title } = icons[severity];
-    return (jsxRuntime.jsx("div", { ref: ref, className: lite.clsx('ds-alert', `ds-alert--${size}`, `ds-alert--${severity}`, className), ...rest, children: jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Icon, { title: iconTitle || title, className: 'ds-alert__icon' }), jsxRuntime.jsx(Paragraph.Paragraph, { asChild: true, size: size, className: 'ds-alert__content', children: jsxRuntime.jsx("span", { children: children }) })] }) }));
-});
-Alert.displayName = 'Alert';
-
-exports.Alert = Alert;

package/dist/cjs/components/Box/Box.js

@@ -1,15 +0,0 @@
-'use client';
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var lite = require('../../node_modules/clsx/dist/lite.js');
-var index = require('../../node_modules/@radix-ui/react-slot/dist/index.js');
-
-const Box = React.forwardRef(({ shadow, borderColor, borderRadius, background = 'default', children, asChild = false, className, ...rest }, ref) => {
-    const Component = asChild ? index.Slot : 'div';
-    return (jsxRuntime.jsx(Component, { ref: ref, className: lite.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';
-
-exports.Box = Box;

package/dist/cjs/components/Button/Button.js

@@ -1,21 +0,0 @@
-'use client';
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var lite = require('../../node_modules/clsx/dist/lite.js');
-var index = require('../../node_modules/@radix-ui/react-slot/dist/index.js');
-var Paragraph = require('../Typography/Paragraph/Paragraph.js');
-
-/**
- * Button used for interaction
- * @example
- * <Button>Click me</Button>
- */
-const Button = React.forwardRef(({ children, variant = 'primary', color = 'accent', fullWidth = false, icon = false, type = 'button', size = 'md', asChild, className, ...rest }, ref) => {
-    const Component = asChild ? index.Slot : 'button';
-    return (jsxRuntime.jsx(Paragraph.Paragraph, { variant: 'short', size: size, asChild: true, children: jsxRuntime.jsx(Component, { ref: ref, type: type, className: lite.clsx('ds-btn', `ds-focus`, `ds-btn--${size}`, `ds-btn--${variant}`, `ds-btn--${color}`, fullWidth && 'ds-btn--full-width', icon && 'ds-btn--icon-only', className), ...rest, children: children }) }));
-});
-Button.displayName = 'Button';
-
-exports.Button = Button;

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

@@ -1,24 +0,0 @@
-'use client';
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var lite = require('../../node_modules/clsx/dist/lite.js');
-var index = require('../../node_modules/@radix-ui/react-slot/dist/index.js');
-
-/**
- * Card component to present content in a structured way.
- * @example
- * <Card>
- *  <Card.Header>Header</Card.Header>
- *  <Card.Content>Content</Card.Content>
- *  <Card.Footer>Footer</Card.Footer>
- * </Card>
- */
-const Card = React.forwardRef(({ isLink = false, asChild = false, color = 'neutral', className, ...rest }, ref) => {
-    const Component = asChild ? index.Slot : 'div';
-    return (jsxRuntime.jsx(Component, { ref: ref, className: lite.clsx(`ds-card`, `ds-card--${color}`, isLink && `ds-card--link`, isLink && `ds-focus`, className), ...rest }));
-});
-Card.displayName = 'Card';
-
-exports.Card = Card;

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

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

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

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

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

@@ -1,16 +0,0 @@
-'use client';
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var lite = require('../../node_modules/clsx/dist/lite.js');
-var index = require('../../node_modules/@radix-ui/react-slot/dist/index.js');
-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 React = require('react');
-var lite = require('../../node_modules/clsx/dist/lite.js');
-var index = require('../../node_modules/@radix-ui/react-slot/dist/index.js');
-
-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/Card/index.js

@@ -1,24 +0,0 @@
-'use client';
-'use strict';
-
-var CardHeader = require('./CardHeader.js');
-var CardContent = require('./CardContent.js');
-var CardFooter = require('./CardFooter.js');
-var Card$1 = require('./Card.js');
-var CardMedia = require('./CardMedia.js');
-
-const Card = Card$1.Card;
-Card.Header = CardHeader.CardHeader;
-Card.Content = CardContent.CardContent;
-Card.Footer = CardFooter.CardFooter;
-Card.Media = CardMedia.CardMedia;
-Card.Header.displayName = 'Card.Header';
-Card.Content.displayName = 'Card.Content';
-Card.Footer.displayName = 'Card.Footer';
-Card.Media.displayName = 'Card.Media';
-
-exports.CardHeader = CardHeader.CardHeader;
-exports.CardContent = CardContent.CardContent;
-exports.CardFooter = CardFooter.CardFooter;
-exports.CardMedia = CardMedia.CardMedia;
-exports.Card = Card;

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

@@ -1,15 +0,0 @@
-'use client';
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var lite = require('../../../node_modules/clsx/dist/lite.js');
-
-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 React = require('react');
-var akselIcons = require('@navikt/aksel-icons');
-var lite = require('../../../node_modules/clsx/dist/lite.js');
-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 React = require('react');
-var akselIcons = require('@navikt/aksel-icons');
-var lite = require('../../../node_modules/clsx/dist/lite.js');
-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/Chip/index.js

@@ -1,20 +0,0 @@
-'use client';
-'use strict';
-
-var Group = require('./Group/Group.js');
-var Removable = require('./Removable/Removable.js');
-var Toggle = require('./Toggle/Toggle.js');
-
-const Chip = {
-    Group: Group.Group,
-    Removable: Removable.RemovableChip,
-    Toggle: Toggle.ToggleChip,
-};
-Chip.Group.displayName = 'Chip.Group';
-Chip.Removable.displayName = 'Chip.Removable';
-Chip.Toggle.displayName = 'Chip.Toggle';
-
-exports.ChipGroup = Group.Group;
-exports.ChipRemovable = Removable.RemovableChip;
-exports.ChipToggle = Toggle.ToggleChip;
-exports.Chip = Chip;

package/dist/cjs/components/Divider/Divider.js

@@ -1,14 +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 Divider = React.forwardRef(({ color = 'default', className, ...rest }, ref) => {
-    return (jsxRuntime.jsx("hr", { className: lite.clsx('ds-divider', `ds-divider--${color}`, className), ref: ref, ...rest }));
-});
-Divider.displayName = 'Divider';
-Divider.displayName = 'Divider';
-
-exports.Divider = Divider;

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

@@ -1,74 +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 lite = require('../../node_modules/clsx/dist/lite.js');
-var DropdownMenuRoot = require('./DropdownMenuRoot.js');
-var floatingUi_dom = require('../../node_modules/@floating-ui/dom/dist/floating-ui.dom.js');
-var floatingUi_core = require('../../node_modules/@floating-ui/core/dist/floating-ui.core.js');
-var useIsomorphicLayoutEffect = require('../../utilities/hooks/useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.js');
-
-function _interopNamespaceDefault(e) {
-    var n = Object.create(null);
-    if (e) {
-        Object.keys(e).forEach(function (k) {
-            if (k !== 'default') {
-                var d = Object.getOwnPropertyDescriptor(e, k);
-                Object.defineProperty(n, k, d.get ? d : {
-                    enumerable: true,
-                    get: function () { return e[k]; }
-                });
-            }
-        });
-    }
-    n.default = e;
-    return Object.freeze(n);
-}
-
-var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
-
-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__namespace.Fragment;
-    const floatingEl = React.useRef(null);
-    const { context, update, refs, placement: flPlacement, floatingStyles, } = floatingUi_react.useFloating({
-        placement,
-        open: internalOpen,
-        onOpenChange: (localOpen) => {
-            if (!localOpen)
-                onClose && onClose();
-            if (!isControlled)
-                setInternalOpen(localOpen);
-        },
-        elements: {
-            reference: anchorEl,
-            floating: floatingEl.current,
-        },
-        whileElementsMounted: floatingUi_dom.autoUpdate,
-        middleware: [floatingUi_core.offset(GAP), floatingUi_dom.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', `ds-dropdownmenu--${size}`, className), ...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__section', ...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, fullWidth: true, 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 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');
-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;