@digdir/designsystemet-react 0.63.0 → 0.100.51-next.51

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

@@ -0,0 +1,82 @@
+import type { MouseEvent } from 'react';
+import type { PaginationButtonProps } from '../../../components';
+export type UsePaginationProps = {
+    /**
+     * The current page number
+     * @default 1
+     */
+    currentPage: number;
+    /**
+     * The total number of pages
+     * @default 1
+     */
+    totalPages: number;
+    /**
+     * The maximum number of pages to show
+     * @default 7
+     */
+    showPages?: number;
+    /**
+     * Callback to set the current page
+     */
+    setCurrentPage?: (page: number) => void;
+    /**
+     * Callback when the page changes
+     */
+    onChange?: (event: MouseEvent<HTMLElement>, page: number) => void;
+};
+/**
+ * Hook to help manage pagination state
+ *
+ * @example
+ * const { pages, nextButtonProps, prevButtonProps } = usePagination({
+ *   currentPage: page,
+ *   totalPages: 10,
+ *   showPages: 7,
+ *   setCurrentPage,
+ * })
+ *
+ * <Pagination>
+ *   <Pagination.Item>
+ *     <Pagination.Button {...prevButtonProps}>Forrige</Pagination.Button>
+ *   </Pagination.Item>
+ *   {pages.map(({ page, itemKey, buttonProps }) => (
+ *     <Pagination.Item key={itemKey}>
+ *       {typeof page === 'number' && (
+ *         <Pagination.Button {...buttonProps} aria-label={`Side ${page}`}>
+ *           {page}
+ *         </Pagination.Button>
+ *       )}
+ *     </Pagination.Item>
+ *   ))}
+ *   <Pagination.Item>
+ *     <Pagination.Button {...nextButtonProps}>Neste</Pagination.Button>
+ *   </Pagination.Item>
+ * </Pagination>
+ **/
+export declare const usePagination: ({ currentPage, setCurrentPage, onChange, totalPages, showPages, }: UsePaginationProps) => {
+    /** Number of steps */
+    pages: {
+        /**
+         * Page number or "ellipsis" for the ellipsis item
+         */
+        page: string | number;
+        /**
+         * Unique key for the item
+         */
+        itemKey: string;
+        /**
+         * Properties to spread on Pagination.Button
+         */
+        buttonProps: PaginationButtonProps | null;
+    }[];
+    /** Properties to spread on Pagination.Button used for previous naviagation */
+    prevButtonProps: PaginationButtonProps;
+    /** Properties to spread on Pagination.Button used for next naviagation */
+    nextButtonProps: PaginationButtonProps;
+    /** Indication if previous page action should be shown or not */
+    hasPrev: boolean;
+    /** Indication if next page action should be shown or not */
+    hasNext: boolean;
+};
+//# sourceMappingURL=usePagination.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"usePagination.d.ts","sourceRoot":"","sources":["../../../../src/utilities/hooks/usePagination/usePagination.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AAcjE,MAAM,MAAM,kBAAkB,GAAG;IAC/B;;;OAGG;IACH,WAAW,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,UAAU,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,WAAW,CAAC,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACnE,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA4BI;AACJ,eAAO,MAAM,aAAa,sEAMvB,kBAAkB;IAWf,sBAAsB;;QAGlB;;WAEG;;QAEH;;WAEG;;QAEH;;WAEG;qBAOU,qBAAqB,GAAG,IAAI;;IAG7C,8EAA8E;qBAKzE,qBAAqB;IAC1B,0EAA0E;qBAKrE,qBAAqB;IAC1B,gEAAgE;;IAEhE,4DAA4D;;CAGxB,CAAC"}

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

@@ -0,0 +1,56 @@
+import type { ReactNode } from 'react';
+import type { RadioProps } from '../../../components';
+export type UseRadioGroupProps = {
+    /** Set disabled state of all radios */
+    disabled?: boolean;
+    /** Shared error message for all radios */
+    error?: ReactNode;
+    /** Name of all radios.
+     * @default string of auto-generated name
+     */
+    name?: string;
+    /** Set read only state of all radios */
+    readOnly?: boolean;
+    /** Set required state of all radios */
+    required?: boolean;
+    /**
+     * Initial value of the group
+     */
+    value?: string;
+    /** Callback when selected radios changes */
+    onChange?: (nextValue: string, prevValue: string) => void;
+};
+/**
+ * Get anything that is set on a radio, but
+ * remove anything that comes from the group itself.
+ */
+export type GetRadioProps = Omit<RadioProps, 'prefix' | 'role' | 'type' | 'size' | 'aria-label' | 'aria-labelledby' | 'label' | 'name' | 'checked' | 'value'> & {
+    ref?: React.ForwardedRef<HTMLInputElement>;
+    value?: string;
+};
+type useRadioGroupReturn = {
+    value: string;
+    setValue: React.Dispatch<React.SetStateAction<string>>;
+    getRadioProps: (propsOrValue: string | GetRadioProps) => GetRadioProps;
+    validationMessageProps: {
+        children: ReactNode;
+        hidden: boolean;
+        id: string;
+    };
+};
+/**
+ * useRadioGroup is used to group multiple <Radio> components
+ * @example
+ * const { getRadioProps, validationMessageProps, value, setValue } = useRadioGroup({
+ *   disabled: false,
+ *   error: 'Validation message text',
+ *   name: 'group-name',
+ *   onChange: (nextValue, prevValue) => {},
+ *   readOnly: false,
+ *   required: true,
+ *   value: '',
+ * });
+ */
+export declare function useRadioGroup({ error, readOnly, required, disabled, name, onChange, value: initalValue, }?: UseRadioGroupProps): useRadioGroupReturn;
+export {};
+//# sourceMappingURL=useRadioGroup.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useRadioGroup.d.ts","sourceRoot":"","sources":["../../../../src/utilities/hooks/useRadioGroup/useRadioGroup.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAEtD,MAAM,MAAM,kBAAkB,GAAG;IAC/B,uCAAuC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,0CAA0C;IAC1C,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,wCAAwC;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uCAAuC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;CAC3D,CAAC;AAEF;;;GAGG;AACH,MAAM,MAAM,aAAa,GAAG,IAAI,CAC9B,UAAU,EACR,QAAQ,GACR,MAAM,GACN,MAAM,GACN,MAAM,GACN,YAAY,GACZ,iBAAiB,GACjB,OAAO,GACP,MAAM,GACN,SAAS,GACT,OAAO,CACV,GAAG;IACF,GAAG,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,gBAAgB,CAAC,CAAC;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,KAAK,mBAAmB,GAAG;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;IACvD,aAAa,EAAE,CAAC,YAAY,EAAE,MAAM,GAAG,aAAa,KAAK,aAAa,CAAC;IACvE,sBAAsB,EAAE;QACtB,QAAQ,EAAE,SAAS,CAAC;QACpB,MAAM,EAAE,OAAO,CAAC;QAChB,EAAE,EAAE,MAAM,CAAC;KACZ,CAAC;CACH,CAAC;AAEF;;;;;;;;;;;;GAYG;AACH,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,IAAI,EACJ,QAAQ,EACR,KAAK,EAAE,WAAgB,GACxB,GAAE,kBAAuB,GAAG,mBAAmB,CAkF/C"}

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

@@ -0,0 +1,14 @@
+/**
+ * Synchronizes the css animation of multiple elements with the same `animationName`.
+ *
+ * @example
+ * ```tsx
+ *  const ref = useSynchronizedAnimation<HTMLDivElement>('spin');
+ *
+ *  <div
+ *   ref={ref}
+ *  />
+ * ```
+ */
+export declare function useSynchronizedAnimation<T>(animationName: string): React.RefObject<T | null>;
+//# sourceMappingURL=useSynchronizedAnimation.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useSynchronizedAnimation.d.ts","sourceRoot":"","sources":["../../../../src/utilities/hooks/useSynchronizedAnimation/useSynchronizedAnimation.ts"],"names":[],"mappings":"AAOA;;;;;;;;;;;GAWG;AACH,wBAAgB,wBAAwB,CAAC,CAAC,EAAE,aAAa,EAAE,MAAM,6BA2ChE"}

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

@@ -1,2 +1,5 @@
-export * from './objectUtils';
+export * from './omit/omit';
+export * from './hooks';
+export * from './RovingFocus';
+export type * from './types';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/utilities/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utilities/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,mBAAmB,SAAS,CAAC"}

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,21 +1,36 @@
 {
   "name": "@digdir/designsystemet-react",
-  "version": "0.63.0",
+  "type": "module",
+  "version": "0.100.51-next.51",
   "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"
   },
@@ -27,17 +42,31 @@
     "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.2.0"
+    "@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",
+    "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": "245eb9f42ec347248133be61b1e690679cb96000"
+    "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,11 +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) => (jsxRuntime.jsx("div", { className: lite.clsx('fds-accordion', border && 'fds-accordion--border', color && `fds-accordion--${color}`, className), ref: ref, ...rest })));
-Accordion.displayName = 'Accordion';
-
-exports.Accordion = Accordion;

package/dist/cjs/components/Accordion/AccordionContent/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/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('fds-accordion__content', className), ...rest, children: children }) }) }));
-});
-AccordionContent.displayName = 'AccordionContent';
-
-exports.AccordionContent = AccordionContent;

package/dist/cjs/components/Accordion/AccordionHeader/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/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('fds-accordion__header', className), ...rest, children: jsxRuntime.jsxs("button", { type: 'button', className: lite.clsx('fds-accordion__button', `fds-focus`), onClick: handleClick, "aria-expanded": context.open, "aria-controls": context.contentId, children: [jsxRuntime.jsx(akselIcons.ChevronDownIcon, { "aria-hidden": true, className: 'fds-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/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('fds-accordion__item', (open ?? internalOpen) && 'fds-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 AccordionHeader = require('./AccordionHeader/AccordionHeader.js');
-var AccordionContent = require('./AccordionContent/AccordionContent.js');
-var AccordionItem = require('./AccordionItem/AccordionItem.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.AccordionHeader = AccordionHeader.AccordionHeader;
-exports.AccordionContent = AccordionContent.AccordionContent;
-exports.AccordionItem = AccordionItem.AccordionItem;
-exports.Accordion = Accordion;

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

@@ -1,18 +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 getSize = require('../../utilities/getSize.js');
-
-const Box = React.forwardRef(({ shadow, borderColor, borderRadius, background = 'default', children, asChild = false, className, ...rest }, ref) => {
-    const Component = asChild ? index.Slot : 'div';
-    const shadowSize = shadow && getSize.getSize(shadow);
-    const borderRadiusSize = borderRadius && getSize.getSize(borderRadius);
-    return (jsxRuntime.jsx(Component, { ref: ref, className: lite.clsx(shadowSize && `fds-box--${shadowSize}-shadow`, borderColor && `fds-box--${borderColor}-border-color`, borderRadiusSize && `fds-box--${borderRadiusSize}-border-radius`, `fds-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(`fds-card__content`, 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(`fds-card__footer`, 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(`fds-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(`fds-card__media`, className), ref: ref, ...rest }));
-});
-CardMedia.displayName = 'CardMedia';
-
-exports.CardMedia = CardMedia;

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

@@ -1,17 +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 getSize = require('../../../utilities/getSize.js');
-
-const ChipGroupContext = React.createContext(null);
-const Group = React.forwardRef(({ children, className, ...rest }, ref) => {
-    const size = getSize.getSize(rest.size || 'md');
-    return (jsxRuntime.jsx("ul", { ref: ref, className: lite.clsx(`fds-chip--group-container`, `fds-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,19 +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 getSize = require('../../../utilities/getSize.js');
-var Paragraph = require('../../Typography/Paragraph/Paragraph.js');
-
-const RemovableChip = React.forwardRef(({ children, className, ...rest }, ref) => {
-    const group = React.useContext(Group.ChipGroupContext);
-    const size = getSize.getSize(rest.size || 'md');
-    return (jsxRuntime.jsx("button", { type: 'button', ref: ref, className: lite.clsx(`fds-focus`, `fds-chip--button`, `fds-chip--removable`, `fds-chip--${group?.size || size}`, className), ...rest, children: jsxRuntime.jsx(Paragraph.Paragraph, { asChild: true, size: group?.size || size, variant: 'short', children: jsxRuntime.jsxs("span", { className: `fds-chip__label`, children: [jsxRuntime.jsx("span", { children: children }), jsxRuntime.jsx("span", { className: `fds-chip__x-mark`, "aria-hidden": true, children: jsxRuntime.jsx(akselIcons.XMarkIcon, { className: `fds-chip__icon` }) })] }) }) }));
-});
-RemovableChip.displayName = 'ChipRemovable';
-
-exports.RemovableChip = RemovableChip;

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

@@ -1,20 +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 getSize = require('../../../utilities/getSize.js');
-var Paragraph = require('../../Typography/Paragraph/Paragraph.js');
-
-const ToggleChip = React.forwardRef(({ children, selected = false, checkmark = true, className, ...rest }, ref) => {
-    const shouldDisplayCheckmark = checkmark && selected;
-    const group = React.useContext(Group.ChipGroupContext);
-    const size = getSize.getSize(rest.size || 'md');
-    return (jsxRuntime.jsx("button", { ref: ref, type: 'button', "aria-pressed": selected, className: lite.clsx(`fds-focus`, `fds-chip--button`, `fds-chip--${group?.size || size}`, shouldDisplayCheckmark && `fds-chip--spacing`, className), ...rest, children: jsxRuntime.jsx(Paragraph.Paragraph, { asChild: true, size: group?.size || size, variant: 'short', children: jsxRuntime.jsxs("span", { className: `fds-chip__label`, children: [shouldDisplayCheckmark && (jsxRuntime.jsx(akselIcons.CheckmarkIcon, { className: `fds-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,39 +0,0 @@
-'use client';
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var getSize = require('../../utilities/getSize.js');
-
-const DropdownMenu = ({ open, onClose, placement = 'bottom-end', portal, children, ...rest }) => {
-    const size = getSize.getSize(rest.size || 'md');
-    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;