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

package/dist/esm/components/form/Search/Search.js

@@ -1,11 +1,11 @@
 'use client';
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { useMergeRefs } from '../../../node_modules/@floating-ui/react/dist/floating-ui.react.js';
+import { useMergeRefs } from '@floating-ui/react';
 import { MagnifyingGlassIcon, XMarkIcon } from '@navikt/aksel-icons';
-import { clsx } from '../../../node_modules/clsx/dist/lite.js';
+import cl from 'clsx/lite';
 import { forwardRef, useRef, useState, useCallback } from 'react';
-import { useSearch } from './useSearch.js';
 import { Button } from '../../Button/Button.js';
+import { useSearch } from './useSearch.js';
 import { Paragraph } from '../../Typography/Paragraph/Paragraph.js';
 import { Label } from '../../Typography/Label/Label.js';
 import { omit } from '../../../utilities/omit/omit.js';
@@ -38,9 +38,9 @@ const Search = forwardRef((props, ref) => {
     };
     const isSimple = variant === 'simple';
     const showClearButton = Boolean(value ?? internalValue) && !disabled;
-    return (jsx(Paragraph, { asChild: true, size: size, children: jsxs("div", { style: style, className: clsx('ds-search', inputProps.disabled && 'ds-search--disabled', `ds-search--${size}`, className), children: [label && (jsx(Label, { size: size, weight: 'medium', htmlFor: inputProps.id, className: clsx('ds-search__label', hideLabel && 'ds-sr-only'), children: jsx("span", { children: label }) })), jsxs("div", { className: 'ds-search__field', children: [jsxs("div", { className: clsx('ds-search__field', `ds-search--${size}`), children: [isSimple && (jsx(MagnifyingGlassIcon, { className: 'ds-search__icon', "aria-hidden": true })), jsx("input", { ref: mergedRef, size: htmlSize, value: value ?? internalValue, disabled: disabled, className: clsx('ds-search__input', `ds-focus`, isSimple
+    return (jsx(Paragraph, { asChild: true, size: size, children: jsxs("div", { style: style, className: cl('ds-search', inputProps.disabled && 'ds-search--disabled', `ds-search--${size}`, className), children: [label && (jsx(Label, { size: size, weight: 'medium', htmlFor: inputProps.id, className: cl('ds-search__label', hideLabel && 'ds-sr-only'), children: jsx("span", { children: label }) })), jsxs("div", { className: 'ds-search__field', children: [jsxs("div", { className: cl('ds-search__field', `ds-search--${size}`), children: [isSimple && (jsx(MagnifyingGlassIcon, { className: 'ds-search__icon', "aria-hidden": true })), jsx("input", { ref: mergedRef, size: htmlSize, value: value ?? internalValue, disabled: disabled, className: cl('ds-search__input', `ds-focus`, isSimple
                                         ? 'ds-search__input--simple'
-                                        : 'ds-search__input--with-search-button'), ...omit(['size', 'error', 'errorId', 'readOnly'], rest), ...inputProps, onChange: handleChange }), showClearButton && (jsxs("button", { className: clsx('ds-search__clear-button', `ds-focus`), type: 'button', onClick: handleClear, disabled: disabled, children: [jsx("span", { className: `ds-sr-only`, children: clearButtonLabel }), jsx(XMarkIcon, { "aria-hidden": true })] }))] }), !isSimple && (jsx(Button, { className: 'ds-search__search-button', size: size, variant: variant, type: 'submit', onClick: handleSearchClick, disabled: disabled, children: searchButtonLabel }))] })] }) }));
+                                        : 'ds-search__input--with-search-button'), ...omit(['size', 'error', 'errorId', 'readOnly'], rest), ...inputProps, onChange: handleChange }), showClearButton && (jsxs("button", { className: cl('ds-search__clear-button', `ds-focus`), type: 'button', onClick: handleClear, disabled: disabled, children: [jsx("span", { className: `ds-sr-only`, children: clearButtonLabel }), jsx(XMarkIcon, { "aria-hidden": true })] }))] }), !isSimple && (jsx(Button, { className: 'ds-search__search-button', size: size, variant: variant, type: 'submit', onClick: handleSearchClick, disabled: disabled, children: searchButtonLabel }))] })] }) }));
 });
 Search.displayName = 'Search';
 

package/dist/esm/components/form/Select/Select.js

@@ -1,18 +1,18 @@
 'use client';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { PadlockLockedFillIcon } from '@navikt/aksel-icons';
-import { clsx } from '../../../node_modules/clsx/dist/lite.js';
+import cl from 'clsx/lite';
 import { forwardRef } from 'react';
 import { useSelect } from './useSelect.js';
 import { Label } from '../../Typography/Label/Label.js';
 import { omit } from '../../../utilities/omit/omit.js';
-import { ErrorMessage } from '../../Typography/ErrorMessage/ErrorMessage.js';
+import { ValidationMessage } from '../../Typography/ValidationMessage/ValidationMessage.js';
 import { Paragraph } from '../../Typography/Paragraph/Paragraph.js';
 
 const Select = forwardRef(function Select(props, ref) {
     const { children, disabled = false, label, description, hideLabel = false, error, className, htmlSize = 0, ...rest } = props;
     const { selectProps, descriptionId, errorId, readOnly, size = 'md', } = useSelect(props);
-    return (jsx(Paragraph, { asChild: true, size: size, children: jsxs("div", { className: clsx('ds-select--container', readOnly && 'ds-select--readonly', error && 'ds-select--error'), children: [label && (jsxs(Label, { weight: 'medium', size: size, htmlFor: selectProps.id, className: clsx('ds-select__label', hideLabel && 'ds-sr-only'), children: [readOnly && (jsx(PadlockLockedFillIcon, { "aria-hidden": true, className: 'ds-select__readonly__icon' })), label] })), description && (jsx(Paragraph, { asChild: true, size: size, children: jsx("div", { id: descriptionId, className: clsx(`ds-select__description`, hideLabel && `ds-sr-only`), children: description }) })), jsx("div", { className: 'ds-select__wrapper', children: jsx("select", { disabled: disabled, ref: ref, size: htmlSize, className: clsx('ds-select', `ds-select--${size}`, `ds-focus`, props.multiple && 'ds-select--multiple', className), ...omit(['size', 'error', 'errorId'], rest), ...omit(['readOnly', 'disabled'], selectProps), children: children }) }), error && (jsx("div", { id: errorId, className: 'ds-select__error-message', "aria-live": 'polite', "aria-relevant": 'additions removals', children: jsx(ErrorMessage, { size: size, children: error }) }))] }) }));
+    return (jsx(Paragraph, { asChild: true, size: size, children: jsxs("div", { className: cl('ds-select--container', readOnly && 'ds-select--readonly', error && 'ds-select--error'), children: [label && (jsxs(Label, { weight: 'medium', size: size, htmlFor: selectProps.id, className: cl('ds-select__label', hideLabel && 'ds-sr-only'), children: [readOnly && (jsx(PadlockLockedFillIcon, { "aria-hidden": true, className: 'ds-select__readonly__icon' })), label] })), description && (jsx(Paragraph, { asChild: true, size: size, children: jsx("div", { id: descriptionId, className: cl(`ds-select__description`, hideLabel && `ds-sr-only`), children: description }) })), jsx("div", { className: 'ds-select__wrapper', children: jsx("select", { disabled: disabled, ref: ref, size: htmlSize, className: cl('ds-select', `ds-select--${size}`, `ds-focus`, props.multiple && 'ds-select--multiple', className), ...omit(['size', 'error', 'errorId'], rest), ...omit(['readOnly', 'disabled'], selectProps), children: children }) }), error && (jsx("div", { id: errorId, className: 'ds-select__error-message', "aria-live": 'polite', "aria-relevant": 'additions removals', children: jsx(ValidationMessage, { size: size, children: error }) }))] }) }));
 });
 
 export { Select };

package/dist/esm/components/form/Select/SelectOptgroup.js

@@ -1,6 +1,6 @@
 'use client';
 import { jsx } from 'react/jsx-runtime';
-import { Slot } from '../../../node_modules/@radix-ui/react-slot/dist/index.js';
+import { Slot } from '@radix-ui/react-slot';
 import { forwardRef } from 'react';
 
 const SelectOptgroup = forwardRef(function SelectOptgroup({ asChild, ...rest }, ref) {

package/dist/esm/components/form/Select/SelectOption.js

@@ -1,6 +1,6 @@
 'use client';
 import { jsx } from 'react/jsx-runtime';
-import { Slot } from '../../../node_modules/@radix-ui/react-slot/dist/index.js';
+import { Slot } from '@radix-ui/react-slot';
 import { forwardRef } from 'react';
 
 const SelectOption = forwardRef(function SelectOption({ asChild, ...rest }, ref) {

package/dist/esm/components/form/Switch/Switch.js

@@ -1,7 +1,7 @@
 'use client';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { PadlockLockedFillIcon } from '@navikt/aksel-icons';
-import { clsx } from '../../../node_modules/clsx/dist/lite.js';
+import cl from 'clsx/lite';
 import { forwardRef } from 'react';
 import { useSwitch } from './useSwitch.js';
 import { Paragraph } from '../../Typography/Paragraph/Paragraph.js';
@@ -11,7 +11,7 @@ import { Label } from '../../Typography/Label/Label.js';
 const Switch = forwardRef((props, ref) => {
     const { children, description, position = 'left', className, ...rest } = props;
     const { inputProps, descriptionId, size = 'md', readOnly, } = useSwitch(props);
-    return (jsx(Paragraph, { asChild: true, size: size, children: jsxs("div", { className: clsx(`ds-switch`, `ds-switch--${size}`, inputProps.disabled && `ds-switch--disabled`, readOnly && `ds-switch--readonly`, className), children: [jsx("input", { className: `ds-switch__input`, disabled: inputProps.disabled, ref: ref, ...omit(['size', 'error'], rest), ...inputProps }), jsxs(Label, { className: clsx(`ds-switch__label`, position === 'right' && `ds-switch__label--right`), htmlFor: inputProps.id, size: size, weight: 'regular', children: [jsx("span", { className: `ds-switch__track`, children: jsx("span", { className: `ds-switch__thumb` }) }), readOnly && (jsx(PadlockLockedFillIcon, { "aria-hidden": true, className: `ds-switch__readonly__icon` })), children && jsx("span", { children: children })] }), description && (jsx(Paragraph, { asChild: true, size: size, children: jsx("div", { id: descriptionId, className: `ds-switch__description`, children: description }) }))] }) }));
+    return (jsx(Paragraph, { asChild: true, size: size, children: jsxs("div", { className: cl(`ds-switch`, `ds-switch--${size}`, inputProps.disabled && `ds-switch--disabled`, readOnly && `ds-switch--readonly`, className), children: [jsx("input", { className: `ds-switch__input`, disabled: inputProps.disabled, ref: ref, ...omit(['size', 'error'], rest), ...inputProps }), jsxs(Label, { className: cl(`ds-switch__label`, position === 'right' && `ds-switch__label--right`), htmlFor: inputProps.id, size: size, weight: 'regular', children: [jsx("span", { className: `ds-switch__track`, children: jsx("span", { className: `ds-switch__thumb` }) }), readOnly && (jsx(PadlockLockedFillIcon, { "aria-hidden": true, className: `ds-switch__readonly__icon` })), children && jsx("span", { children: children })] }), description && (jsx(Paragraph, { asChild: true, size: size, children: jsx("div", { id: descriptionId, className: `ds-switch__description`, children: description }) }))] }) }));
 });
 Switch.displayName = 'Switch';
 

package/dist/esm/components/form/Textarea/Textarea.js

@@ -1,14 +1,14 @@
 'use client';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { PadlockLockedFillIcon } from '@navikt/aksel-icons';
-import { clsx } from '../../../node_modules/clsx/dist/lite.js';
+import cl from 'clsx/lite';
 import { forwardRef, useState } from 'react';
 import { CharacterCounter } from '../CharacterCounter.js';
 import { useTextarea } from './useTextarea.js';
 import { Paragraph } from '../../Typography/Paragraph/Paragraph.js';
 import { Label } from '../../Typography/Label/Label.js';
 import { omit } from '../../../utilities/omit/omit.js';
-import { ErrorMessage } from '../../Typography/ErrorMessage/ErrorMessage.js';
+import { ValidationMessage } from '../../Typography/ValidationMessage/ValidationMessage.js';
 
 /** Textarea field
  *
@@ -23,11 +23,11 @@ const Textarea = forwardRef((props, ref) => {
     const [value, setValue] = useState(props.defaultValue);
     const characterLimitId = `${textareaProps.id}-charactercount}`;
     const hasCharacterLimit = characterLimit != null;
-    const describedBy = clsx(textareaProps['aria-describedby'], hasCharacterLimit && characterLimitId) || undefined;
-    return (jsx(Paragraph, { asChild: true, size: size, children: jsxs("div", { style: style, className: clsx('ds-textarea', `ds-textarea--${size}`, hasError && `ds-textarea--error`, className), children: [label && (jsxs(Label, { size: size, weight: 'medium', htmlFor: textareaProps.id, className: clsx('ds-textarea__label', hideLabel && `ds-sr-only`), children: [readOnly && (jsx(PadlockLockedFillIcon, { "aria-hidden": true, className: 'ds-textarea__readonly-icon' })), jsx("span", { children: label })] })), description && (jsx(Paragraph, { asChild: true, size: size, children: jsx("div", { id: descriptionId, className: clsx('ds-textarea__description', hideLabel && `ds-sr-only`), children: description }) })), jsx("textarea", { className: clsx('ds-textarea__input', `ds-focus`), ref: ref, "aria-describedby": describedBy, disabled: textareaProps.disabled, readOnly: readOnly, ...omit(['size', 'error', 'errorId'], rest), ...textareaProps, onChange: (e) => {
+    const describedBy = cl(textareaProps['aria-describedby'], hasCharacterLimit && characterLimitId) || undefined;
+    return (jsx(Paragraph, { asChild: true, size: size, children: jsxs("div", { style: style, className: cl('ds-textarea', `ds-textarea--${size}`, hasError && `ds-textarea--error`, className), children: [label && (jsxs(Label, { size: size, weight: 'medium', htmlFor: textareaProps.id, className: cl('ds-textarea__label', hideLabel && `ds-sr-only`), children: [readOnly && (jsx(PadlockLockedFillIcon, { "aria-hidden": true, className: 'ds-textarea__readonly-icon' })), jsx("span", { children: label })] })), description && (jsx(Paragraph, { asChild: true, size: size, children: jsx("div", { id: descriptionId, className: cl('ds-textarea__description', hideLabel && `ds-sr-only`), children: description }) })), jsx("textarea", { className: cl('ds-textarea__input', `ds-focus`), ref: ref, "aria-describedby": describedBy, disabled: textareaProps.disabled, readOnly: readOnly, ...omit(['size', 'error', 'errorId'], rest), ...textareaProps, onChange: (e) => {
                         textareaProps?.onChange?.(e);
                         setValue(e.target.value);
-                    } }), hasCharacterLimit && (jsx(CharacterCounter, { size: size, value: value ? value.toString() : '', id: characterLimitId, ...characterLimit })), jsx("div", { className: 'ds-textarea__error-message', id: errorId, "aria-live": 'polite', "aria-relevant": 'additions removals', children: hasError && jsx(ErrorMessage, { size: size, children: props.error }) })] }) }));
+                    } }), hasCharacterLimit && (jsx(CharacterCounter, { size: size, value: value ? value.toString() : '', id: characterLimitId, ...characterLimit })), jsx("div", { className: 'ds-textarea__error-message', id: errorId, "aria-live": 'polite', "aria-relevant": 'additions removals', children: hasError && (jsx(ValidationMessage, { size: size, children: props.error })) })] }) }));
 });
 Textarea.displayName = 'Textarea';
 

package/dist/esm/components/form/Textfield/Textfield.js

@@ -1,14 +1,14 @@
 'use client';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { PadlockLockedFillIcon } from '@navikt/aksel-icons';
-import { clsx } from '../../../node_modules/clsx/dist/lite.js';
+import cl from 'clsx/lite';
 import { forwardRef, useState, useId } from 'react';
 import { CharacterCounter } from '../CharacterCounter.js';
 import { useTextfield } from './useTextfield.js';
 import { Paragraph } from '../../Typography/Paragraph/Paragraph.js';
 import { Label } from '../../Typography/Label/Label.js';
 import { omit } from '../../../utilities/omit/omit.js';
-import { ErrorMessage } from '../../Typography/ErrorMessage/ErrorMessage.js';
+import { ValidationMessage } from '../../Typography/ValidationMessage/ValidationMessage.js';
 
 /** Text input field
  *
@@ -23,11 +23,11 @@ const Textfield = forwardRef((props, ref) => {
     const [inputValue, setInputValue] = useState(props.value || props.defaultValue);
     const characterLimitId = `textfield-charactercount-${useId()}`;
     const hasCharacterLimit = characterLimit != null;
-    const describedBy = clsx(inputProps['aria-describedby'], hasCharacterLimit && characterLimitId) || undefined;
-    return (jsx(Paragraph, { asChild: true, size: size, children: jsxs("div", { style: style, className: clsx(`ds-textfield`, `ds-textfield--${size}`, readOnly && `ds-textfield--readonly`, hasError && `ds-textfield--error`, className), children: [label && (jsxs(Label, { size: size, weight: 'medium', htmlFor: inputProps.id, className: clsx(`ds-textfield__label`, hideLabel && `ds-sr-only`), children: [readOnly && (jsx(PadlockLockedFillIcon, { "aria-hidden": true, className: 'ds-textfield__readonly__icon' })), jsx("span", { children: label })] })), description && (jsx(Paragraph, { asChild: true, size: size, children: jsx("div", { id: descriptionId, className: clsx(`ds-textfield__description`, hideLabel && `ds-sr-only`), children: description }) })), jsxs("div", { className: 'ds-textfield__field', children: [prefix && (jsx(Paragraph, { asChild: true, size: size, variant: 'short', children: jsx("div", { className: clsx(`ds-textfield__adornment`, `ds-textfield__prefix`), "aria-hidden": 'true', children: prefix }) })), jsx("input", { className: clsx(`ds-textfield__input`, `ds-focus`, prefix && `ds-textfield__input--with-prefix`, suffix && `ds-textfield__input--with-suffix`), ref: ref, type: type, disabled: inputProps.disabled, "aria-describedby": describedBy, size: htmlSize, ...omit(['size', 'error', 'errorId'], rest), ...inputProps, onChange: (e) => {
+    const describedBy = cl(inputProps['aria-describedby'], hasCharacterLimit && characterLimitId) || undefined;
+    return (jsx(Paragraph, { asChild: true, size: size, children: jsxs("div", { style: style, className: cl(`ds-textfield`, `ds-textfield--${size}`, readOnly && `ds-textfield--readonly`, hasError && `ds-textfield--error`, className), children: [label && (jsxs(Label, { size: size, weight: 'medium', htmlFor: inputProps.id, className: cl(`ds-textfield__label`, hideLabel && `ds-sr-only`), children: [readOnly && (jsx(PadlockLockedFillIcon, { "aria-hidden": true, className: 'ds-textfield__readonly__icon' })), jsx("span", { children: label })] })), description && (jsx(Paragraph, { asChild: true, size: size, children: jsx("div", { id: descriptionId, className: cl(`ds-textfield__description`, hideLabel && `ds-sr-only`), children: description }) })), jsxs("div", { className: 'ds-textfield__field', children: [prefix && (jsx(Paragraph, { asChild: true, size: size, variant: 'short', children: jsx("div", { className: cl(`ds-textfield__adornment`, `ds-textfield__prefix`), "aria-hidden": 'true', children: prefix }) })), jsx("input", { className: cl(`ds-textfield__input`, `ds-focus`, prefix && `ds-textfield__input--with-prefix`, suffix && `ds-textfield__input--with-suffix`), ref: ref, type: type, disabled: inputProps.disabled, "aria-describedby": describedBy, size: htmlSize, ...omit(['size', 'error', 'errorId'], rest), ...inputProps, onChange: (e) => {
                                 inputProps?.onChange?.(e);
                                 setInputValue(e.target.value);
-                            } }), suffix && (jsx(Paragraph, { asChild: true, size: size, variant: 'short', children: jsx("div", { className: clsx(`ds-textfield__adornment`, `ds-textfield__suffix`), "aria-hidden": 'true', children: suffix }) }))] }), hasCharacterLimit && (jsx(CharacterCounter, { size: size, value: inputValue ? inputValue.toString() : '', id: characterLimitId, ...characterLimit })), jsx("div", { className: 'ds-textfield__error-message', id: errorId, "aria-live": 'polite', "aria-relevant": 'additions removals', children: hasError && jsx(ErrorMessage, { size: size, children: props.error }) })] }) }));
+                            } }), suffix && (jsx(Paragraph, { asChild: true, size: size, variant: 'short', children: jsx("div", { className: cl(`ds-textfield__adornment`, `ds-textfield__suffix`), "aria-hidden": 'true', children: suffix }) }))] }), hasCharacterLimit && (jsx(CharacterCounter, { size: size, value: inputValue ? inputValue.toString() : '', id: characterLimitId, ...characterLimit })), jsx("div", { className: 'ds-textfield__error-message', id: errorId, "aria-live": 'polite', "aria-relevant": 'additions removals', children: hasError && (jsx(ValidationMessage, { size: size, children: props.error })) })] }) }));
 });
 Textfield.displayName = 'Textfield';
 

package/dist/esm/components/form/useFormField.js

@@ -1,5 +1,5 @@
 'use client';
-import { clsx } from '../../node_modules/clsx/dist/lite.js';
+import cl from 'clsx/lite';
 import { useContext, useId } from 'react';
 import { FieldsetContext } from './Fieldset/FieldsetContext.js';
 
@@ -26,7 +26,7 @@ const useFormField = (props, prefix) => {
             id,
             disabled,
             'aria-invalid': hasError ? true : undefined,
-            'aria-describedby': clsx(props['aria-describedby'], !!props?.description &&
+            'aria-describedby': cl(props['aria-describedby'], !!props?.description &&
                 typeof props?.description === 'string' &&
                 descriptionId, hasError && !fieldset?.error && errorId, hasError && !!fieldset?.error && fieldset?.errorId) || undefined,
         },

package/dist/esm/components/loaders/Skeleton/Skeleton.js

@@ -0,0 +1,16 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { useMergeRefs } from '@floating-ui/react';
+import { Slot } from '@radix-ui/react-slot';
+import cl from 'clsx/lite';
+import { forwardRef } from 'react';
+import { useSynchronizedAnimation } from '../../../utilities/hooks/useSynchronizedAnimation/useSynchronizedAnimation.js';
+
+const Skeleton = forwardRef(function Skeleton({ asChild, className, height, style, variant = 'rectangle', width, ...rest }, ref) {
+    const Component = asChild ? Slot : 'span';
+    const animationRef = useSynchronizedAnimation('ds-skeleton-opacity-fade');
+    const mergedRefs = useMergeRefs([animationRef, ref]);
+    return (jsx(Component, { "aria-hidden": 'true', className: cl('ds-skeleton', className), "data-variant": variant, ref: mergedRefs, style: { width, height, ...style }, ...rest }));
+});
+
+export { Skeleton };

package/dist/esm/components/loaders/Spinner/Spinner.js

@@ -1,13 +1,13 @@
 'use client';
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { clsx } from '../../../node_modules/clsx/dist/lite.js';
+import cl from 'clsx/lite';
 import { useSynchronizedAnimation } from '../../../utilities/hooks/useSynchronizedAnimation/useSynchronizedAnimation.js';
 
 /**  Spinner component used for indicating busy or indeterminate loading */
 const Spinner = ({ title, color = 'neutral', size = 'md', className, ...rest }) => {
     const svgRef = useSynchronizedAnimation('ds-spinner-rotate-animation');
     const strokeRef = useSynchronizedAnimation('ds-spinner-stroke-animation');
-    return (jsxs("svg", { className: clsx('ds-spinner', className), viewBox: '0 0 50 50', ref: svgRef, "data-color": color, "data-size": size, ...rest, children: [jsx("title", { children: title }), jsx("circle", { className: clsx('ds-spinner__background'), cx: '25', cy: '25', r: '20', fill: 'none', strokeWidth: '5' }), jsx("circle", { className: clsx(`ds-spinner__circle`), cx: '25', cy: '25', r: '20', fill: 'none', strokeWidth: '5', ref: strokeRef })] }));
+    return (jsxs("svg", { className: cl('ds-spinner', className), viewBox: '0 0 50 50', ref: svgRef, "data-color": color, "data-size": size, ...rest, children: [jsx("title", { children: title }), jsx("circle", { className: cl('ds-spinner__background'), cx: '25', cy: '25', r: '20', fill: 'none', strokeWidth: '5' }), jsx("circle", { className: cl(`ds-spinner__circle`), cx: '25', cy: '25', r: '20', fill: 'none', strokeWidth: '5', ref: strokeRef })] }));
 };
 Spinner.displayName = 'Spinner';
 

package/dist/esm/index.js

@@ -9,17 +9,12 @@ export { Avatar } from './components/Avatar/Avatar.js';
 export { Button } from './components/Button/Button.js';
 export { Badge } from './components/Badge/Badge.js';
 export { Breadcrumbs } from './components/Breadcrumbs/index.js';
-export { BreadcrumbsRoot } from './components/Breadcrumbs/BreadcrumbsRoot.js';
-export { BreadcrumbsNav } from './components/Breadcrumbs/BreadcrumbsNav.js';
 export { BreadcrumbsList } from './components/Breadcrumbs/BreadcrumbsList.js';
 export { BreadcrumbsItem } from './components/Breadcrumbs/BreadcrumbsItem.js';
 export { BreadcrumbsLink } from './components/Breadcrumbs/BreadcrumbsLink.js';
 export { HelpText } from './components/HelpText/HelpText.js';
 export { Spinner } from './components/loaders/Spinner/Spinner.js';
-export { Skeleton } from './components/loaders/Skeleton/index.js';
-export { Circle as SkeletonCircle } from './components/loaders/Skeleton/Circle/Circle.js';
-export { Rectangle as SkeletonRectangle } from './components/loaders/Skeleton/Rectangle/Rectangle.js';
-export { Text as SkeletonText } from './components/loaders/Skeleton/Text/Text.js';
+export { Skeleton } from './components/loaders/Skeleton/Skeleton.js';
 export { Link } from './components/Link/Link.js';
 export { List } from './components/List/index.js';
 export { ListOrdered, ListUnordered } from './components/List/Lists.js';
@@ -28,7 +23,7 @@ export { Paragraph } from './components/Typography/Paragraph/Paragraph.js';
 export { Heading } from './components/Typography/Heading/Heading.js';
 export { Ingress } from './components/Typography/Ingress/Ingress.js';
 export { Label } from './components/Typography/Label/Label.js';
-export { ErrorMessage } from './components/Typography/ErrorMessage/ErrorMessage.js';
+export { ValidationMessage } from './components/Typography/ValidationMessage/ValidationMessage.js';
 export { Accordion } from './components/Accordion/index.js';
 export { AccordionItem } from './components/Accordion/AccordionItem.js';
 export { AccordionContent } from './components/Accordion/AccordionContent.js';
@@ -61,13 +56,11 @@ export { Switch } from './components/form/Switch/Switch.js';
 export { Textfield } from './components/form/Textfield/Textfield.js';
 export { Textarea } from './components/form/Textarea/Textarea.js';
 export { Tabs } from './components/Tabs/index.js';
-export { TabsRoot } from './components/Tabs/TabsRoot.js';
-export { Tab } from './components/Tabs/Tab.js';
-export { TabList } from './components/Tabs/TabList.js';
-export { TabContent } from './components/Tabs/TabContent.js';
+export { TabsTab } from './components/Tabs/TabsTab.js';
+export { TabsList } from './components/Tabs/TabsList.js';
+export { TabsPanel } from './components/Tabs/TabsPanel.js';
 export { ToggleGroup } from './components/ToggleGroup/index.js';
-export { ToggleGroupRoot } from './components/ToggleGroup/ToggleGroupRoot.js';
-export { ToggleGroupItem } from './components/ToggleGroup/ToggleGroupItem/ToggleGroupItem.js';
+export { ToggleGroupItem } from './components/ToggleGroup/ToggleGroupItem.js';
 export { Popover } from './components/Popover/index.js';
 export { PopoverContext } from './components/Popover/PopoverContext.js';
 export { PopoverTrigger } from './components/Popover/PopoverTrigger.js';
@@ -79,12 +72,12 @@ export { ModalFooter } from './components/Modal/ModalFooter.js';
 export { ModalHeader } from './components/Modal/ModalHeader.js';
 export { ModalTrigger } from './components/Modal/ModalTrigger.js';
 export { ModalDialog } from './components/Modal/ModalDialog.js';
-export { DropdownMenu } from './components/DropdownMenu/index.js';
-export { DropdownMenuRoot } from './components/DropdownMenu/DropdownMenuRoot.js';
-export { DropdownMenuContent } from './components/DropdownMenu/DropdownMenuContent.js';
-export { DropdownMenuGroup } from './components/DropdownMenu/DropdownMenuGroup.js';
-export { DropdownMenuItem } from './components/DropdownMenu/DropdownMenuItem.js';
-export { DropdownMenuTrigger } from './components/DropdownMenu/DropdownMenuTrigger.js';
+export { Dropdown } from './components/Dropdown/index.js';
+export { DropdownContext } from './components/Dropdown/DropdownContext.js';
+export { DropdownList } from './components/Dropdown/DropdownList.js';
+export { DropdownHeading } from './components/Dropdown/DropdownHeading.js';
+export { DropdownItem } from './components/Dropdown/DropdownItem.js';
+export { DropdownTrigger } from './components/Dropdown/DropdownTrigger.js';
 export { Search } from './components/form/Search/Search.js';
 export { Card } from './components/Card/index.js';
 export { CardHeader } from './components/Card/CardHeader.js';
@@ -101,7 +94,6 @@ export { TableRow } from './components/Table/TableRow.js';
 export { TableCell } from './components/Table/TableCell.js';
 export { TableHeaderCell } from './components/Table/TableHeaderCell.js';
 export { ErrorSummary } from './components/ErrorSummary/index.js';
-export { ErrorSummaryRoot } from './components/ErrorSummary/ErrorSummaryRoot.js';
 export { ErrorSummaryItem } from './components/ErrorSummary/ErrorSummaryItem.js';
 export { ErrorSummaryHeading } from './components/ErrorSummary/ErrorSummaryHeading.js';
 export { ErrorSummaryList } from './components/ErrorSummary/ErrorSummaryList.js';

package/dist/esm/utilities/RovingFocus/RovingFocusItem.js

@@ -1,7 +1,7 @@
 'use client';
 import { jsx } from 'react/jsx-runtime';
-import { useMergeRefs } from '../../node_modules/@floating-ui/react/dist/floating-ui.react.js';
-import { Slot } from '../../node_modules/@radix-ui/react-slot/dist/index.js';
+import { useMergeRefs } from '@floating-ui/react';
+import { Slot } from '@radix-ui/react-slot';
 import { forwardRef } from 'react';
 import { useRovingFocus } from './useRovingFocus.js';
 

package/dist/esm/utilities/RovingFocus/RovingFocusRoot.js

@@ -1,7 +1,7 @@
 'use client';
 import { jsx } from 'react/jsx-runtime';
-import { useMergeRefs } from '../../node_modules/@floating-ui/react/dist/floating-ui.react.js';
-import { Slot } from '../../node_modules/@radix-ui/react-slot/dist/index.js';
+import { useMergeRefs } from '@floating-ui/react';
+import { Slot } from '@radix-ui/react-slot';
 import { createContext, forwardRef, useState, useRef, useEffect } from 'react';
 
 const RovingFocusContext = createContext({

package/dist/types/components/Badge/Badge.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../../src/components/Badge/Badge.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,SAAS,EAAc,MAAM,OAAO,CAAC;AAGxE,MAAM,MAAM,UAAU,GAAG;IACvB;;;;OAIG;IACH,KAAK,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,CAAC;IACzE;;;;OAIG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;;OAIG;IACH,SAAS,CAAC,EAAE,WAAW,GAAG,UAAU,GAAG,cAAc,GAAG,aAAa,CAAC;IACtE;;;;OAIG;IACH,OAAO,CAAC,EAAE,QAAQ,GAAG,WAAW,CAAC;IACjC;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,GAAG,cAAc,CAAC,eAAe,CAAC,CAAC;AAUpC;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,KAAK;IA7DhB;;;;OAIG;YACK,QAAQ,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS;IACxE;;;;OAIG;WACI,IAAI,GAAG,IAAI,GAAG,IAAI;IACzB;;OAEG;YACK,MAAM;IACd;;OAEG;eACQ,MAAM;IACjB;;;;OAIG;gBACS,WAAW,GAAG,UAAU,GAAG,cAAc,GAAG,aAAa;IACrE;;;;OAIG;cACO,QAAQ,GAAG,WAAW;IAChC;;OAEG;eACQ,SAAS;2EAgErB,CAAC"}
+{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../../src/components/Badge/Badge.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,SAAS,EAAc,MAAM,OAAO,CAAC;AAGxE,MAAM,MAAM,UAAU,GAAG;IACvB;;;;OAIG;IACH,KAAK,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,CAAC;IACzE;;;;OAIG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;;OAIG;IACH,SAAS,CAAC,EAAE,WAAW,GAAG,UAAU,GAAG,cAAc,GAAG,aAAa,CAAC;IACtE;;;;OAIG;IACH,OAAO,CAAC,EAAE,QAAQ,GAAG,WAAW,CAAC;IACjC;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,GAAG,cAAc,CAAC,eAAe,CAAC,CAAC;AAUpC;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,KAAK;IA7DhB;;;;OAIG;YACK,QAAQ,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS;IACxE;;;;OAIG;WACI,IAAI,GAAG,IAAI,GAAG,IAAI;IACzB;;OAEG;YACK,MAAM;IACd;;OAEG;eACQ,MAAM;IACjB;;;;OAIG;gBACS,WAAW,GAAG,UAAU,GAAG,cAAc,GAAG,aAAa;IACrE;;;;OAIG;cACO,QAAQ,GAAG,WAAW;IAChC;;OAEG;eACQ,SAAS;2EAuDpB,CAAC"}

package/dist/types/components/Breadcrumbs/{BreadcrumbsNav.d.ts → Breadcrumbs.d.ts}

@@ -1,16 +1,26 @@
 import { type HTMLAttributes } from 'react';
-export type BreadcrumbsNavProps = {
+export type BreadcrumbsProps = {
     /**
      * Sets the screen reader label for the Breadcrumbs area
      * @default 'Du er her'
      */
     'aria-label'?: string;
+    /**
+     * Sets the size of the component
+     * @default md
+     */
+    size?: 'sm' | 'md' | 'lg';
 } & HTMLAttributes<HTMLElement>;
-export declare const BreadcrumbsNav: React.ForwardRefExoticComponent<{
+export declare const Breadcrumbs: React.ForwardRefExoticComponent<{
     /**
      * Sets the screen reader label for the Breadcrumbs area
      * @default 'Du er her'
      */
     'aria-label'?: string;
+    /**
+     * Sets the size of the component
+     * @default md
+     */
+    size?: "sm" | "md" | "lg";
 } & HTMLAttributes<HTMLElement> & React.RefAttributes<HTMLElement>>;
-//# sourceMappingURL=BreadcrumbsNav.d.ts.map
+//# sourceMappingURL=Breadcrumbs.d.ts.map

package/dist/types/components/Breadcrumbs/Breadcrumbs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumbs.d.ts","sourceRoot":"","sources":["../../../../src/components/Breadcrumbs/Breadcrumbs.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAc,MAAM,OAAO,CAAC;AAGxD,MAAM,MAAM,gBAAgB,GAAG;IAC7B;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAC3B,GAAG,cAAc,CAAC,WAAW,CAAC,CAAC;AAEhC,eAAO,MAAM,WAAW;IAZtB;;;OAGG;mBACY,MAAM;IACrB;;;OAGG;WACI,IAAI,GAAG,IAAI,GAAG,IAAI;mEAkB1B,CAAC"}

package/dist/types/components/Breadcrumbs/BreadcrumbsItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BreadcrumbsItem.d.ts","sourceRoot":"","sources":["../../../../src/components/Breadcrumbs/BreadcrumbsItem.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAc,MAAM,OAAO,CAAC;AAExD,MAAM,MAAM,oBAAoB,GAAG,cAAc,CAAC,aAAa,CAAC,CAAC;AAEjE,eAAO,MAAM,eAAe,4FAI3B,CAAC"}
+{"version":3,"file":"BreadcrumbsItem.d.ts","sourceRoot":"","sources":["../../../../src/components/Breadcrumbs/BreadcrumbsItem.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAc,MAAM,OAAO,CAAC;AAExD,MAAM,MAAM,oBAAoB,GAAG,cAAc,CAAC,aAAa,CAAC,CAAC;AAEjE,eAAO,MAAM,eAAe,4FAI3B,CAAC"}

package/dist/types/components/Breadcrumbs/BreadcrumbsLink.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BreadcrumbsLink.d.ts","sourceRoot":"","sources":["../../../../src/components/Breadcrumbs/BreadcrumbsLink.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEzC,MAAM,MAAM,oBAAoB,GAAG,SAAS,CAAC;AAE7C,eAAO,MAAM,eAAe;;;;;;2FAK1B,CAAC"}
+{"version":3,"file":"BreadcrumbsLink.d.ts","sourceRoot":"","sources":["../../../../src/components/Breadcrumbs/BreadcrumbsLink.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEzC,MAAM,MAAM,oBAAoB,GAAG,SAAS,CAAC;AAE7C,eAAO,MAAM,eAAe;;;;;;2FAK1B,CAAC"}

package/dist/types/components/Breadcrumbs/BreadcrumbsList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BreadcrumbsList.d.ts","sourceRoot":"","sources":["../../../../src/components/Breadcrumbs/BreadcrumbsList.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,cAAc,EAAiC,MAAM,OAAO,CAAC;AAE3E,MAAM,MAAM,oBAAoB,GAAG,cAAc,CAAC,gBAAgB,CAAC,CAAC;AAEpE,eAAO,MAAM,eAAe,+FAuB1B,CAAC"}
+{"version":3,"file":"BreadcrumbsList.d.ts","sourceRoot":"","sources":["../../../../src/components/Breadcrumbs/BreadcrumbsList.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAiC,MAAM,OAAO,CAAC;AAE3E,MAAM,MAAM,oBAAoB,GAAG,cAAc,CAAC,gBAAgB,CAAC,CAAC;AAEpE,eAAO,MAAM,eAAe,+FAiB1B,CAAC"}

package/dist/types/components/Breadcrumbs/index.d.ts

@@ -1,35 +1,23 @@
 import { BreadcrumbsItem } from './BreadcrumbsItem';
 import { BreadcrumbsLink } from './BreadcrumbsLink';
 import { BreadcrumbsList } from './BreadcrumbsList';
-import { BreadcrumbsNav } from './BreadcrumbsNav';
-import { BreadcrumbsRoot } from './BreadcrumbsRoot';
-export type { BreadcrumbsRootProps } from './BreadcrumbsRoot';
-export type { BreadcrumbsNavProps } from './BreadcrumbsNav';
-export type { BreadcrumbsListProps } from './BreadcrumbsList';
-export type { BreadcrumbsItemProps } from './BreadcrumbsItem';
-export type { BreadcrumbsLinkProps } from './BreadcrumbsLink';
 /**
  * Breadcrumbs are used to visualize the current page path.
  * @example
- * <Breadcrumbs.Root>
+ * <Breadcrumbs aria-label="You are here:">
  *  <Breadcrumbs.Link aria-label="Go back to level 2">Level 2</Breadcrumbs.Link>
- *  <Breadcrumbs.Nav aria-label="You are here:">
- *   <Breadcrumbs.List>
- *    <Breadcrumbs.Item><Breadcrumbs.Link>Level 1</Breadcrumbs.Link></Breadcrumbs.Item>
- *    <Breadcrumbs.Item><Breadcrumbs.Link>Level 2</Breadcrumbs.Link></Breadcrumbs.Item>
- *    <Breadcrumbs.Item><Breadcrumbs.Link>Level 3</Breadcrumbs.Link></Breadcrumbs.Item>
- *    <Breadcrumbs.Item><Breadcrumbs.Link>Level 4</Breadcrumbs.Link></Breadcrumbs.Item>
- *   </Breadcrumbs.List>
- *  </Breadcrumbs.Nav>
- * <Breadcrumbs.Root>
+ *  <Breadcrumbs.List>
+ *   <Breadcrumbs.Item><Breadcrumbs.Link>Level 1</Breadcrumbs.Link></Breadcrumbs.Item>
+ *   <Breadcrumbs.Item><Breadcrumbs.Link>Level 2</Breadcrumbs.Link></Breadcrumbs.Item>
+ *   <Breadcrumbs.Item><Breadcrumbs.Link>Level 3</Breadcrumbs.Link></Breadcrumbs.Item>
+ *   <Breadcrumbs.Item><Breadcrumbs.Link>Level 4</Breadcrumbs.Link></Breadcrumbs.Item>
+ *  </Breadcrumbs.List>
+ * <Breadcrumbs>
  */
-declare const Breadcrumbs: {
-    Root: React.ForwardRefExoticComponent<{
-        size?: "sm" | "md" | "lg";
-    } & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-    Nav: React.ForwardRefExoticComponent<{
-        'aria-label'?: string;
-    } & React.HTMLAttributes<HTMLElement> & React.RefAttributes<HTMLElement>>;
+export declare const Breadcrumbs: React.ForwardRefExoticComponent<{
+    'aria-label'?: string;
+    size?: "sm" | "md" | "lg";
+} & React.HTMLAttributes<HTMLElement> & React.RefAttributes<HTMLElement>> & {
     List: React.ForwardRefExoticComponent<import("./BreadcrumbsList").BreadcrumbsListProps & React.RefAttributes<HTMLOListElement>>;
     Item: React.ForwardRefExoticComponent<import("./BreadcrumbsItem").BreadcrumbsItemProps & React.RefAttributes<HTMLLIElement>>;
     Link: React.ForwardRefExoticComponent<{
@@ -40,5 +28,9 @@ declare const Breadcrumbs: {
         asChild?: boolean;
     } & React.AnchorHTMLAttributes<HTMLAnchorElement> & React.RefAttributes<HTMLAnchorElement>>;
 };
-export { Breadcrumbs, BreadcrumbsRoot, BreadcrumbsNav, BreadcrumbsList, BreadcrumbsItem, BreadcrumbsLink, };
+export type { BreadcrumbsProps } from './Breadcrumbs';
+export type { BreadcrumbsListProps } from './BreadcrumbsList';
+export type { BreadcrumbsItemProps } from './BreadcrumbsItem';
+export type { BreadcrumbsLinkProps } from './BreadcrumbsLink';
+export { BreadcrumbsList, BreadcrumbsItem, BreadcrumbsLink };
 //# sourceMappingURL=index.d.ts.map

package/dist/types/components/Breadcrumbs/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Breadcrumbs/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD,YAAY,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAC9D,YAAY,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAC5D,YAAY,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAC9D,YAAY,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAC9D,YAAY,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAE9D;;;;;;;;;;;;;;GAcG;AACH,QAAA,MAAM,WAAW;;;;;;;;;;;;;;;;CAMhB,CAAC;AAQF,OAAO,EACL,WAAW,EACX,eAAe,EACf,cAAc,EACd,eAAe,EACf,eAAe,EACf,eAAe,GAChB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Breadcrumbs/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,WAAW;;;;;;;;;;;;;CAItB,CAAC;AAMH,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACtD,YAAY,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAC9D,YAAY,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAC9D,YAAY,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAC9D,OAAO,EAAE,eAAe,EAAE,eAAe,EAAE,eAAe,EAAE,CAAC"}

package/dist/types/components/Button/Button.d.ts

@@ -27,7 +27,12 @@ export type ButtonProps = {
      * @default false
      */
     asChild?: boolean;
-} & ButtonHTMLAttributes<HTMLButtonElement>;
+    /**
+     * Specify the type of button. Unset when `asChild` is true
+     * @default 'button'
+     */
+    type?: ButtonHTMLAttributes<HTMLButtonElement>['type'];
+} & Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'type'>;
 /**
  * Button used for interaction
  * @example
@@ -61,5 +66,10 @@ export declare const Button: React.ForwardRefExoticComponent<{
      * @default false
      */
     asChild?: boolean;
-} & ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>;
+    /**
+     * Specify the type of button. Unset when `asChild` is true
+     * @default 'button'
+     */
+    type?: ButtonHTMLAttributes<HTMLButtonElement>["type"];
+} & Omit<ButtonHTMLAttributes<HTMLButtonElement>, "type"> & React.RefAttributes<HTMLButtonElement>>;
 //# sourceMappingURL=Button.d.ts.map

package/dist/types/components/Button/Button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAGlD,MAAM,MAAM,WAAW,GAAG;IACxB;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,CAAC;IAC/C;;OAEG;IACH,KAAK,CAAC,EAAE,QAAQ,GAAG,SAAS,GAAG,QAAQ,CAAC;IACxC;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;AAE5C;;;;GAIG;AACH,eAAO,MAAM,MAAM;IAlCjB;;;OAGG;cACO,SAAS,GAAG,WAAW,GAAG,UAAU;IAC9C;;OAEG;YACK,QAAQ,GAAG,SAAS,GAAG,QAAQ;IACvC;;;OAGG;WACI,IAAI,GAAG,IAAI,GAAG,IAAI;IACzB;;OAEG;WACI,OAAO;IACd;;OAEG;cACO,OAAO;IACjB;;;OAGG;cACO,OAAO;qFAwDlB,CAAC"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAIlD,MAAM,MAAM,WAAW,GAAG;IACxB;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,CAAC;IAC/C;;OAEG;IACH,KAAK,CAAC,EAAE,QAAQ,GAAG,SAAS,GAAG,QAAQ,CAAC;IACxC;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,IAAI,CAAC,EAAE,oBAAoB,CAAC,iBAAiB,CAAC,CAAC,MAAM,CAAC,CAAC;CACxD,GAAG,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,MAAM,CAAC,CAAC;AAE1D;;;;GAIG;AACH,eAAO,MAAM,MAAM;IAvCjB;;;OAGG;cACO,SAAS,GAAG,WAAW,GAAG,UAAU;IAC9C;;OAEG;YACK,QAAQ,GAAG,SAAS,GAAG,QAAQ;IACvC;;;OAGG;WACI,IAAI,GAAG,IAAI,GAAG,IAAI;IACzB;;OAEG;WACI,OAAO;IACd;;OAEG;cACO,OAAO;IACjB;;;OAGG;cACO,OAAO;IACjB;;;OAGG;WACI,oBAAoB,CAAC,iBAAiB,CAAC,CAAC,MAAM,CAAC;mGAyDvD,CAAC"}

package/dist/types/components/Dropdown/Dropdown.d.ts

@@ -0,0 +1,23 @@
+import type { ReactNode } from 'react';
+import type { Placement } from '@floating-ui/react';
+import type { PopoverProps } from '../Popover';
+export type DropdownProps = {
+    /** The placement of the dropdown
+     * @default bottom-end
+     */
+    placement?: Placement;
+    children: ReactNode;
+} & Omit<PopoverProps, 'variant' | 'placement'>;
+export declare const Dropdown: React.ForwardRefExoticComponent<{
+    /** The placement of the dropdown
+     * @default bottom-end
+     */
+    placement?: Placement;
+    children: ReactNode;
+} & Omit<PopoverProps, "variant" | "placement"> & React.RefAttributes<HTMLDivElement>>;
+type DropdownMenuCtxType = {
+    size: NonNullable<DropdownProps['size']>;
+};
+export declare const DropdownCtx: React.Context<DropdownMenuCtxType>;
+export {};
+//# sourceMappingURL=Dropdown.d.ts.map

package/dist/types/components/Dropdown/Dropdown.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../../../src/components/Dropdown/Dropdown.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAEpD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAE/C,MAAM,MAAM,aAAa,GAAG;IAC1B;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,QAAQ,EAAE,SAAS,CAAC;CACrB,GAAG,IAAI,CAAC,YAAY,EAAE,SAAS,GAAG,WAAW,CAAC,CAAC;AAEhD,eAAO,MAAM,QAAQ;IAPnB;;OAEG;gBACS,SAAS;cACX,SAAS;sFAgCpB,CAAC;AAEF,KAAK,mBAAmB,GAAG;IACzB,IAAI,EAAE,WAAW,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,CAAC;CAC1C,CAAC;AAEF,eAAO,MAAM,WAAW,oCAEtB,CAAC"}

package/dist/types/components/Dropdown/DropdownContext.d.ts

@@ -0,0 +1,22 @@
+import type { ReactNode } from 'react';
+export type DropdownContextProps = {
+    children: ReactNode;
+};
+/**
+ * DropdownContext is the root component for the DropdownMenu component.
+ * @example
+ * <DropdownMenu.Context>
+ *  <DropdownMenu.Trigger>Dropdown</DropdownMenu.Trigger>
+ *  <DropdownMenu>
+ *   <DropdownMenu.Heading>Heading</DropdownMenu.Heading>
+ *    <DropdownMenu.List>
+ *      <DropdownMenu.Item>Button 1</DropdownMenu.Item>
+ *    </DropdownMenu.List>
+ *  </DropdownMenu>
+ * </DropdownMenu.Context>
+ */
+export declare const DropdownContext: {
+    ({ children }: DropdownContextProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+//# sourceMappingURL=DropdownContext.d.ts.map

package/dist/types/components/Dropdown/DropdownContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownContext.d.ts","sourceRoot":"","sources":["../../../../src/components/Dropdown/DropdownContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,MAAM,MAAM,oBAAoB,GAAG;IACjC,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,eAAe;mBAAkB,oBAAoB;;CAEjE,CAAC"}

package/dist/types/components/Dropdown/DropdownHeading.d.ts

@@ -0,0 +1,4 @@
+import { type HTMLAttributes } from 'react';
+export type DropdownHeadingProps = HTMLAttributes<HTMLHeadingElement>;
+export declare const DropdownHeading: React.ForwardRefExoticComponent<DropdownHeadingProps & React.RefAttributes<HTMLHeadingElement>>;
+//# sourceMappingURL=DropdownHeading.d.ts.map

package/dist/types/components/Dropdown/DropdownHeading.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownHeading.d.ts","sourceRoot":"","sources":["../../../../src/components/Dropdown/DropdownHeading.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAA0B,MAAM,OAAO,CAAC;AAIpE,MAAM,MAAM,oBAAoB,GAAG,cAAc,CAAC,kBAAkB,CAAC,CAAC;AAEtE,eAAO,MAAM,eAAe,iGAa1B,CAAC"}

package/dist/types/components/Dropdown/DropdownItem.d.ts

@@ -0,0 +1,4 @@
+import type { ButtonProps } from '../Button';
+export type DropdownItemProps = Omit<ButtonProps, 'variant' | 'size' | 'color'>;
+export declare const DropdownItem: React.ForwardRefExoticComponent<DropdownItemProps & React.RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=DropdownItem.d.ts.map

package/dist/types/components/Dropdown/DropdownItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownItem.d.ts","sourceRoot":"","sources":["../../../../src/components/Dropdown/DropdownItem.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAK7C,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAAC,WAAW,EAAE,SAAS,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC;AAEhF,eAAO,MAAM,YAAY,6FAgBxB,CAAC"}

package/dist/types/components/Dropdown/DropdownList.d.ts

@@ -0,0 +1,4 @@
+import type { HTMLAttributes } from 'react';
+export type DropdownListProps = HTMLAttributes<HTMLUListElement>;
+export declare const DropdownList: React.ForwardRefExoticComponent<DropdownListProps & React.RefAttributes<HTMLUListElement>>;
+//# sourceMappingURL=DropdownList.d.ts.map

package/dist/types/components/Dropdown/DropdownList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownList.d.ts","sourceRoot":"","sources":["../../../../src/components/Dropdown/DropdownList.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,MAAM,MAAM,iBAAiB,GAAG,cAAc,CAAC,gBAAgB,CAAC,CAAC;AAEjE,eAAO,MAAM,YAAY,4FAMxB,CAAC"}

package/dist/types/components/Dropdown/DropdownTrigger.d.ts

@@ -0,0 +1,17 @@
+import type { ComponentPropsWithRef } from 'react';
+import { PopoverTrigger } from '../Popover';
+export type DropdownTriggerProps = ComponentPropsWithRef<typeof PopoverTrigger>;
+export declare const DropdownTrigger: React.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<{
+    variant?: "primary" | "secondary" | "tertiary";
+    color?: "accent" | "neutral" | "danger";
+    size?: "sm" | "md" | "lg";
+    icon?: boolean;
+    loading?: boolean;
+    asChild?: boolean;
+    type?: React.ButtonHTMLAttributes<HTMLButtonElement>["type"];
+} & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "type"> & React.RefAttributes<HTMLButtonElement>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React.RefObject<HTMLButtonElement> | null | undefined;
+}, "ref"> & React.RefAttributes<HTMLButtonElement>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React.RefObject<HTMLButtonElement> | null | undefined;
+}, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=DropdownTrigger.d.ts.map