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

package/dist/types/utilities/omit/omit.d.ts

@@ -0,0 +1,11 @@
+type UnknownRecord = Record<string | number | symbol, unknown>;
+/**
+ * Returns a partial copy of an object omitting the keys specified.
+ * @param {Array} names an array of String property names to omit from the new object
+ * @param {Object} obj The object to copy from
+ * @return {Object} A new object with properties from `names` not on it.
+ * @example omit(['a', 'd'], {a: 1, b: 2, c: 3, d: 4}); //=> {b: 2, c: 3}
+ */
+export declare const omit: (names: string[], obj: UnknownRecord) => object;
+export {};
+//# sourceMappingURL=omit.d.ts.map

package/dist/types/utilities/omit/omit.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"omit.d.ts","sourceRoot":"","sources":["../../../src/utilities/omit/omit.ts"],"names":[],"mappings":"AACA,KAAK,aAAa,GAAG,MAAM,CAAC,MAAM,GAAG,MAAM,GAAG,MAAM,EAAE,OAAO,CAAC,CAAC;AAE/D;;;;;;GAMG;AACH,eAAO,MAAM,IAAI,UAAW,MAAM,EAAE,OAAO,aAAa,KAAG,MAiB1D,CAAC"}

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

@@ -0,0 +1,6 @@
+/**
+ * Create a new type with the properties of the first type merged with the properties of the second type.
+ * If a key exists in both types, the property from the *second* type will be used.
+ */
+export type MergeRight<T1, T2> = Omit<T1, keyof T2> & T2;
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/utilities/types.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,MAAM,MAAM,UAAU,CAAC,EAAE,EAAE,EAAE,IAAI,IAAI,CAAC,EAAE,EAAE,MAAM,EAAE,CAAC,GAAG,EAAE,CAAC"}

package/package.json

@@ -1,43 +1,73 @@
 {
   "name": "@digdir/designsystemet-react",
-  "version": "1.0.0-rc.9",
+  "type": "module",
+  "version": "1.0.0",
   "description": "React components for Designsystemet",
   "author": "Designsystemet team",
-  "repository": "https://github.com/digdir/designsystemet",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/digdir/designsystemet.git"
+  },
   "homepage": "https://github.com/digdir/designsystemet/tree/main/packages/react",
   "license": "MIT",
-  "main": "dist/cjs/index.js",
-  "module": "dist/esm/index.js",
   "types": "dist/types/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/types/index.d.ts",
+      "import": "./dist/esm/index.js",
+      "require": "./dist/cjs/index.js"
+    },
+    "./colors": {
+      "types": "./dist/types/colors.d.ts"
+    },
+    "./react-types": {
+      "types": "./dist/react-types.d.ts"
+    }
+  },
   "sideEffects": false,
   "files": [
     "dist/**"
   ],
   "scripts": {
-    "build": "yarn run clean && tsc -p tsconfig.build.json && rollup -c --bundleConfigAsCjs",
-    "clean": "rimraf dist && rimraf tsc-build",
+    "build": "yarn run clean && tsc -b tsconfig.lib.json --emitDeclarationOnly false && rollup -c --bundleConfigAsCjs",
+    "clean": "rimraf dist && rimraf tsc-build && rimraf --glob \"*.tsbuildinfo\"",
     "copy-css-to-build": "copyfiles -u 1 ./src/**/*.css ./tsc-build/",
     "types": "tsc --noEmit"
   },
   "peerDependencies": {
-    "react": ">=18.3.1",
-    "react-dom": ">=18.3.1"
+    "react": ">=18.3.1 || ^19.0.0",
+    "react-dom": ">=18.3.1 || ^19.0.0"
   },
   "publishConfig": {
     "access": "public"
   },
   "dependencies": {
-    "@floating-ui/react": "0.26.12",
-    "@navikt/aksel-icons": "^5.12.2",
-    "@radix-ui/react-slot": "^1.0.2",
-    "@tanstack/react-virtual": "^3.5.1"
+    "@floating-ui/dom": "^1.6.10",
+    "@floating-ui/react": "0.26.23",
+    "@navikt/aksel-icons": "^7.0.0",
+    "@radix-ui/react-slot": "^1.1.1",
+    "@tanstack/react-virtual": "^3.11.2",
+    "@u-elements/u-datalist": "^0.1.3",
+    "@u-elements/u-details": "^0.1.0",
+    "@u-elements/u-tags": "^0.1.2",
+    "clsx": "^2.1.1"
   },
   "devDependencies": {
+    "@rollup/plugin-commonjs": "^28.0.2",
+    "@rollup/plugin-node-resolve": "^16.0.0",
+    "@testing-library/dom": "^10.4.0",
+    "@testing-library/jest-dom": "^6.6.3",
+    "@testing-library/react": "^16.2.0",
+    "@testing-library/user-event": "^14.6.0",
+    "@types/react": "^19.0.8",
+    "@types/react-dom": "^19.0.3",
     "copyfiles": "^2.4.1",
-    "esno": "^4.7.0",
-    "rimraf": "^5.0.5",
-    "rollup": "^4.12.1",
-    "typescript": "^5.4.2"
-  },
-  "gitHead": "be57fec5efe257a06e072ad68713670c9511a119"
+    "jsdom": "^26.0.0",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "rimraf": "^6.0.1",
+    "rollup": "^4.31.0",
+    "rollup-plugin-copy": "^3.5.0",
+    "typescript": "^5.7.3"
+  }
 }

package/LICENSE

@@ -1,7 +0,0 @@
-Copyright 2024 Digitaliseringsdirektoratet (Digdir)
-
-Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

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

@@ -1,13 +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 Accordion = 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 }));
-});
-Accordion.displayName = 'Accordion';
-
-exports.Accordion = Accordion;

package/dist/cjs/components/Accordion/AccordionContent.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');
-var AccordionItem = require('./AccordionItem.js');
-var AnimateHeight = require('../../utilities/AnimateHeight/AnimateHeight.js');
-var Paragraph = require('../Typography/Paragraph/Paragraph.js');
-
-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/AccordionHeader.js

@@ -1,26 +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');
-
-const AccordionHeader = 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 }) })] }) }));
-});
-AccordionHeader.displayName = 'AccordionHeader';
-
-exports.AccordionHeader = AccordionHeader;

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

@@ -1,25 +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);
-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/index.js

@@ -1,20 +0,0 @@
-'use client';
-'use strict';
-
-var Accordion$1 = require('./Accordion.js');
-var AccordionItem = require('./AccordionItem.js');
-var AccordionContent = require('./AccordionContent.js');
-var AccordionHeader = require('./AccordionHeader.js');
-
-const Accordion = Accordion$1.Accordion;
-Accordion.Header = AccordionHeader.AccordionHeader;
-Accordion.Content = AccordionContent.AccordionContent;
-Accordion.Item = AccordionItem.AccordionItem;
-Accordion.Header.displayName = 'Accordion.Header';
-Accordion.Content.displayName = 'Accordion.Content';
-Accordion.Item.displayName = 'Accordion.Item';
-
-exports.AccordionItem = AccordionItem.AccordionItem;
-exports.AccordionContent = AccordionContent.AccordionContent;
-exports.AccordionHeader = AccordionHeader.AccordionHeader;
-exports.Accordion = Accordion;

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/Card/CardContent.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 CardContent = React.forwardRef(({ asChild, className, ...rest }, ref) => {
-    const Component = asChild ? index.Slot : 'div';
-    return (jsxRuntime.jsx(Component, { className: lite.clsx(`ds-card__content`, `ds-paragraph--md`, className), ref: ref, ...rest }));
-});
-CardContent.displayName = 'CardContent';
-
-exports.CardContent = CardContent;

package/dist/cjs/components/Card/CardFooter.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 CardFooter = React.forwardRef(({ asChild, className, ...rest }, ref) => {
-    const Component = asChild ? index.Slot : 'div';
-    return (jsxRuntime.jsx(Component, { className: lite.clsx(`ds-card__footer`, `ds-paragraph--md`, className), ref: ref, ...rest }));
-});
-CardFooter.displayName = 'CardFooter';
-
-exports.CardFooter = CardFooter;

package/dist/cjs/components/Card/CardHeader.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 CardHeader = React.forwardRef(({ asChild, className, ...rest }, ref) => {
-    const Component = asChild ? index.Slot : 'div';
-    return (jsxRuntime.jsx(Component, { className: lite.clsx(`ds-card__header`, `ds-heading--md`, 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/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/DropdownMenu/DropdownMenu.js

@@ -1,37 +0,0 @@
-'use client';
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-
-const DropdownMenu = ({ 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: () => { },
-});
-DropdownMenu.displayName = 'DropdownMenu';
-
-exports.DropdownMenu = DropdownMenu;
-exports.DropdownMenuContext = DropdownMenuContext;

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 DropdownMenu = require('./DropdownMenu.js');
-var floatingUi_dom = require('../../node_modules/@floating-ui/react-dom/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('../../hooks/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(DropdownMenu.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 DropdownMenu = require('./DropdownMenu.js');
-var Paragraph = require('../Typography/Paragraph/Paragraph.js');
-
-const DropdownMenuGroup = React.forwardRef(({ children, heading, className, style, ...rest }, ref) => {
-    const { size } = React.useContext(DropdownMenu.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 DropdownMenu = require('./DropdownMenu.js');
-var Button = require('../Button/Button.js');
-
-const DropdownMenuItem = React.forwardRef(({ children, className, style, ...rest }, ref) => {
-    const { size } = React.useContext(DropdownMenu.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/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 DropdownMenu = require('./DropdownMenu.js');
-var Button = require('../Button/Button.js');
-
-const DropdownMenuTrigger = React.forwardRef(({ asChild, ...rest }, ref) => {
-    const { triggerRef, internalOpen, setInternalOpen, isControlled } = React.useContext(DropdownMenu.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,24 +0,0 @@
-'use client';
-'use strict';
-
-var DropdownMenu$1 = require('./DropdownMenu.js');
-var DropdownMenuGroup = require('./DropdownMenuGroup.js');
-var DropdownMenuItem = require('./DropdownMenuItem.js');
-var DropdownMenuTrigger = require('./DropdownMenuTrigger.js');
-var DropdownMenuContent = require('./DropdownMenuContent.js');
-
-const DropdownMenu = DropdownMenu$1.DropdownMenu;
-DropdownMenu.Content = DropdownMenuContent.DropdownMenuContent;
-DropdownMenu.Group = DropdownMenuGroup.DropdownMenuGroup;
-DropdownMenu.Item = DropdownMenuItem.DropdownMenuItem;
-DropdownMenu.Trigger = DropdownMenuTrigger.DropdownMenuTrigger;
-DropdownMenu.Content.displayName = 'DropdownMenu.Content';
-DropdownMenu.Group.displayName = 'DropdownMenu.Group';
-DropdownMenu.Item.displayName = 'DropdownMenu.Item';
-DropdownMenu.Trigger.displayName = 'DropdownMenu.Trigger';
-
-exports.DropdownMenuGroup = DropdownMenuGroup.DropdownMenuGroup;
-exports.DropdownMenuItem = DropdownMenuItem.DropdownMenuItem;
-exports.DropdownMenuTrigger = DropdownMenuTrigger.DropdownMenuTrigger;
-exports.DropdownMenuContent = DropdownMenuContent.DropdownMenuContent;
-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 React = require('react');
-var index = require('../../node_modules/@radix-ui/react-slot/dist/index.js');
-var index$1 = require('../List/index.js');
-
-const ErrorSummaryContext = React.createContext({
-    headingId: 'heading',
-    setHeadingId: () => { },
-});
-const ErrorSummaryRoot = React.forwardRef(({ size, role = 'alert', 'aria-live': ariaLive = 'polite', 'aria-relevant': ariaRelevant = 'all', children, ...rest }, ref) => {
-    const randomId = React.useId();
-    const [headingId, setHeadingId] = React.useState(randomId);
-    return (jsxRuntime.jsx(ErrorSummaryContext.Provider, { value: { headingId, setHeadingId }, children: jsxRuntime.jsx(index.Slot, { className: 'ds-error-summary', ref: ref, role: role, "aria-live": ariaLive, "aria-relevant": ariaRelevant, "aria-labelledby": headingId, ...rest, children: jsxRuntime.jsx(index$1.List.Root, { size: size, children: children }) }) }));
-});
-ErrorSummaryRoot.displayName = 'ErrorSummaryRoot';
-
-exports.ErrorSummaryContext = ErrorSummaryContext;
-exports.ErrorSummaryRoot = ErrorSummaryRoot;

package/dist/cjs/components/HelpText/HelpText.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('../Popover/index.js');
-var HelpTextIcon = require('./HelpTextIcon.js');
-
-const HelpText = ({ title, placement = 'right', portal, size = 'md', className, children, ...rest }) => {
-    const [open, setOpen] = React.useState(false);
-    return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsxs(index.Popover, { variant: 'info', placement: placement, size: size, portal: portal, open: open, onClose: () => setOpen(false), children: [jsxRuntime.jsx(index.Popover.Trigger, { asChild: true, variant: 'tertiary', children: jsxRuntime.jsxs("button", { className: lite.clsx(`ds-helptext--${size}`, 'ds-helptext__button', `ds-focus`, className), "aria-expanded": open, onClick: () => setOpen(!open), ...rest, children: [jsxRuntime.jsx(HelpTextIcon.HelpTextIcon, { filled: true, className: lite.clsx(`ds-helptext__icon`, `ds-helptext__icon--filled`, className), openState: open }), jsxRuntime.jsx(HelpTextIcon.HelpTextIcon, { className: lite.clsx(`ds-helptext__icon`, className), openState: open }), jsxRuntime.jsx("span", { className: `ds-sr-only`, children: title })] }) }), jsxRuntime.jsx(index.Popover.Content, { className: lite.clsx('ds-helptext__content', 'ds-paragraph--md'), children: children })] }) }));
-};
-HelpText.displayName = 'HelpText';
-
-exports.HelpText = HelpText;

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;