@digdir/designsystemet-react 1.15.0 → 1.16.1

package/dist/cjs/components/button/button.js

@@ -13,7 +13,7 @@ var spinner = require('../spinner/spinner.js');
  * @example
  * <Button>Click me</Button>
  */
-const Button = react.forwardRef(function Button({ asChild, className, children, icon = false, loading = false, variant = 'primary', popoverTarget, popovertarget, commandfor, commandFor, ...rest }, ref) {
+const Button = react.forwardRef(function Button({ asChild, className, children, icon = false, loading = false, variant, popoverTarget, popovertarget, commandfor, commandFor, ...rest }, ref) {
     const Component = asChild ? reactSlot.Slot : 'button';
     const popoverVal = popoverTarget ?? popovertarget;
     const popoverKey = react.version.startsWith('19')

package/dist/cjs/components/checkbox/checkbox.js

@@ -14,8 +14,8 @@ var validationMessage = require('../validation-message/validation-message.js');
  * @example
  * <Checkbox label="I agree" value="agree" />
  */
-const Checkbox = react.forwardRef(function Checkbox({ 'data-size': size, className, style, children, label: label$1, description, error, variant, ...rest }, ref) {
-    return (jsxRuntime.jsxs(index.Field, { "data-size": size, "data-variant": variant, className: className, style: style, children: [jsxRuntime.jsx(input.Input, { type: 'checkbox', ref: ref, ...rest }), !!label$1 && jsxRuntime.jsx(label.Label, { weight: 'regular', children: label$1 }), !!description && jsxRuntime.jsx("div", { "data-field": 'description', children: description }), !!error && jsxRuntime.jsx(validationMessage.ValidationMessage, { children: error })] }));
+const Checkbox = react.forwardRef(function Checkbox({ 'data-size': size, children, className, description, error, label: label$1, position, style, variant, ...rest }, ref) {
+    return (jsxRuntime.jsxs(index.Field, { "data-size": size, "data-variant": variant, "data-position": position, className: className, style: style, children: [jsxRuntime.jsx(input.Input, { type: 'checkbox', ref: ref, ...rest }), !!label$1 && jsxRuntime.jsx(label.Label, { weight: 'regular', children: label$1 }), !!description && jsxRuntime.jsx("div", { "data-field": 'description', children: description }), !!error && jsxRuntime.jsx(validationMessage.ValidationMessage, { children: error })] }));
 });
 
 exports.Checkbox = Checkbox;

package/dist/cjs/components/dialog/dialog.js

@@ -38,11 +38,20 @@ const Dialog = react.forwardRef(function Dialog({ asChild, children, className,
     const dialogRef = react.useRef(null); // This local ref is used to make sure the dialog works without a DialogTriggerContext
     const Component = asChild ? reactSlot.Slot : 'dialog';
     const mergedRefs = useMergeRefs.useMergeRefs([contextRef, ref, dialogRef]);
-    const showProp = modal ? 'showModal' : 'show';
     const autoId = react.useId();
     const usedId = id ?? autoId;
     // Toggle open based on prop
-    react.useEffect(() => dialogRef.current?.[open ? showProp : 'close'](), [open]);
+    react.useEffect(() => {
+        if (open === undefined)
+            return; // Uncontrolled if open prop is not provided
+        const dialog = dialogRef.current;
+        if (dialog) {
+            if (open && !dialog.open)
+                dialog[modal ? 'showModal' : 'show']();
+            else
+                dialog.open = !!open; // Close with prop to prevent close event from firing
+        }
+    }, [open, modal]);
     return (jsxRuntime.jsxs(Component, { className: cl('ds-dialog', className), "data-placement": placement, "data-modal": modal, id: usedId, onClose: (event) => {
             if (event.target !== event.currentTarget)
                 return; // Ignore close events from nested dialogs
@@ -57,11 +66,12 @@ const Dialog = react.forwardRef(function Dialog({ asChild, children, className,
                     console.log('Designsystemet: data-command="close" is deprecated. Use command="close" and commandfor="DIALOG-ID" instead.');
             }
         }, onAnimationEnd: (event) => {
-            const { currentTarget: dialog } = event;
-            const autofocus = dialog.querySelector('[autofocus]');
+            onAnimationEnd?.(event);
+            if (event.currentTarget !== event.target)
+                return; // Only run if event is from the dialog itself
+            const autofocus = event.currentTarget.querySelector('[autofocus]');
             if (document.activeElement !== autofocus)
                 autofocus?.focus(); // Handle autofocus on open
-            onAnimationEnd?.(event);
         }, ref: mergedRefs, ...rest, children: [closeButton !== false && (jsxRuntime.jsx(button.Button, { "aria-label": closeButton, "data-color": 'neutral', icon: true, variant: 'tertiary', command: 'close', commandfor: usedId })), children] }));
 });
 

package/dist/cjs/components/label/label.js

@@ -12,7 +12,7 @@ var react = require('react');
  * @example
  * <Label data-size='lg' weight='medium'>Label</Label>
  */
-const Label = react.forwardRef(function Label({ className, weight = 'medium', asChild, ...rest }, ref) {
+const Label = react.forwardRef(function Label({ className, weight, asChild, ...rest }, ref) {
     const Component = asChild ? reactSlot.Slot : 'label';
     return (jsxRuntime.jsx(Component, { ref: ref, className: cl('ds-label', className), suppressHydrationWarning // Since <ds-field> will add for attribute dynamically
         : true, "data-weight": weight, ...rest }));

package/dist/cjs/components/pagination/pagination-button.js

@@ -14,7 +14,7 @@ var button = require('../button/button.js');
  * </PaginationItem>
  */
 const PaginationButton = react.forwardRef(function PaginationButton(rest, ref) {
-    return jsxRuntime.jsx(button.Button, { "data-variant": 'tertiary', ref: ref, ...rest });
+    return jsxRuntime.jsx(button.Button, { ref: ref, ...rest });
 });
 
 exports.PaginationButton = PaginationButton;

package/dist/cjs/components/radio/radio.js

@@ -14,8 +14,8 @@ var validationMessage = require('../validation-message/validation-message.js');
  * @example
  * <Radio label="I agree" value="agree" />
  */
-const Radio = react.forwardRef(function Radio({ 'data-size': size, className, style, children, label: label$1, description, error, variant, ...rest }, ref) {
-    return (jsxRuntime.jsxs(index.Field, { "data-size": size, "data-variant": variant, className: className, style: style, children: [jsxRuntime.jsx(input.Input, { type: 'radio', ref: ref, ...rest }), !!label$1 && jsxRuntime.jsx(label.Label, { weight: 'regular', children: label$1 }), !!description && jsxRuntime.jsx("div", { "data-field": 'description', children: description }), !!error && jsxRuntime.jsx(validationMessage.ValidationMessage, { children: error })] }));
+const Radio = react.forwardRef(function Radio({ 'data-size': size, children, className, description, error, label: label$1, position, style, variant, ...rest }, ref) {
+    return (jsxRuntime.jsxs(index.Field, { "data-size": size, "data-variant": variant, "data-position": position, className: className, style: style, children: [jsxRuntime.jsx(input.Input, { type: 'radio', ref: ref, ...rest }), !!label$1 && jsxRuntime.jsx(label.Label, { weight: 'regular', children: label$1 }), !!description && jsxRuntime.jsx("div", { "data-field": 'description', children: description }), !!error && jsxRuntime.jsx(validationMessage.ValidationMessage, { children: error })] }));
 });
 
 exports.Radio = Radio;

package/dist/cjs/components/tabs/tabs-tab.js

@@ -14,9 +14,7 @@ var tabs = require('./tabs.js');
  */
 const TabsTab = react.forwardRef(function TabsTab({ value, className, onClick, onClickCapture, ...rest }, ref) {
     const { onChange, getPrefixedValue, isControlled, currentValue } = react.useContext(tabs.Context);
-    return (
-    // biome-ignore lint/a11y/noStaticElementInteractions: ds-tabs IS interactive
-    jsxRuntime.jsx("ds-tab", { "aria-controls": rest['aria-controls'] ?? getPrefixedValue?.(value), "data-value": value, ref: ref, suppressHydrationWarning // Since <ds-tablist> adds attributes
+    return (jsxRuntime.jsx("ds-tab", { "aria-controls": rest['aria-controls'] ?? getPrefixedValue?.(value), "data-value": value, ref: ref, suppressHydrationWarning // Since <ds-tablist> adds attributes
         : true, onClickCapture: (e) => {
             onClickCapture?.(e);
             if (isControlled && currentValue !== value)

package/dist/cjs/components/toggle-group/toggle-group.js

@@ -16,7 +16,7 @@ const ToggleGroupContext = react.createContext({});
  *   <ToggleGroup.Item value='3'>Toggle 3</ToggleGroup.Item>
  * </ToggleGroup>
  */
-const ToggleGroup = react.forwardRef(function ToggleGroup({ children, className, defaultValue, name, onChange, value, variant = 'primary', ...rest }, ref) {
+const ToggleGroup = react.forwardRef(function ToggleGroup({ children, className, defaultValue, name, onChange, value, variant, ...rest }, ref) {
     const nameId = react.useId();
     const isControlled = value !== undefined;
     const [uncontrolledValue, setUncontrolledValue] = react.useState(defaultValue);

package/dist/cjs/utilities/hooks/use-pagination/use-pagination.js

@@ -63,17 +63,15 @@ const usePagination = ({ currentPage: current = 1, setCurrentPage, onChange, tot
                 }
                 : null),
         })),
-        /** Properties to spread on Pagination.Button used for previous naviagation */
+        /** Properties to spread on Pagination.Button used for previous navigation */
         prevButtonProps: {
             'aria-hidden': !prev, // Using aria-hidden to support all HTML elements because of potential asChild
             onClick: handleClick(prev),
-            variant: 'tertiary',
         },
-        /** Properties to spread on Pagination.Button used for next naviagation */
+        /** Properties to spread on Pagination.Button used for next navigation */
         nextButtonProps: {
             'aria-hidden': !next, // Using aria-hidden to support all HTML elements because of potential asChild
             onClick: handleClick(next),
-            variant: 'tertiary',
         },
         /** Indication if previous page action should be shown or not */
         hasPrev: !!prev,

package/dist/esm/components/button/button.js

@@ -11,7 +11,7 @@ import { Spinner } from '../spinner/spinner.js';
  * @example
  * <Button>Click me</Button>
  */
-const Button = forwardRef(function Button({ asChild, className, children, icon = false, loading = false, variant = 'primary', popoverTarget, popovertarget, commandfor, commandFor, ...rest }, ref) {
+const Button = forwardRef(function Button({ asChild, className, children, icon = false, loading = false, variant, popoverTarget, popovertarget, commandfor, commandFor, ...rest }, ref) {
     const Component = asChild ? Slot : 'button';
     const popoverVal = popoverTarget ?? popovertarget;
     const popoverKey = version.startsWith('19')

package/dist/esm/components/checkbox/checkbox.js

@@ -12,8 +12,8 @@ import { ValidationMessage } from '../validation-message/validation-message.js';
  * @example
  * <Checkbox label="I agree" value="agree" />
  */
-const Checkbox = forwardRef(function Checkbox({ 'data-size': size, className, style, children, label, description, error, variant, ...rest }, ref) {
-    return (jsxs(FieldComponent, { "data-size": size, "data-variant": variant, className: className, style: style, children: [jsx(Input, { type: 'checkbox', ref: ref, ...rest }), !!label && jsx(Label, { weight: 'regular', children: label }), !!description && jsx("div", { "data-field": 'description', children: description }), !!error && jsx(ValidationMessage, { children: error })] }));
+const Checkbox = forwardRef(function Checkbox({ 'data-size': size, children, className, description, error, label, position, style, variant, ...rest }, ref) {
+    return (jsxs(FieldComponent, { "data-size": size, "data-variant": variant, "data-position": position, className: className, style: style, children: [jsx(Input, { type: 'checkbox', ref: ref, ...rest }), !!label && jsx(Label, { weight: 'regular', children: label }), !!description && jsx("div", { "data-field": 'description', children: description }), !!error && jsx(ValidationMessage, { children: error })] }));
 });
 
 export { Checkbox };

package/dist/esm/components/dialog/dialog.js

@@ -36,11 +36,20 @@ const Dialog = forwardRef(function Dialog({ asChild, children, className, closeB
     const dialogRef = useRef(null); // This local ref is used to make sure the dialog works without a DialogTriggerContext
     const Component = asChild ? Slot : 'dialog';
     const mergedRefs = useMergeRefs([contextRef, ref, dialogRef]);
-    const showProp = modal ? 'showModal' : 'show';
     const autoId = useId();
     const usedId = id ?? autoId;
     // Toggle open based on prop
-    useEffect(() => dialogRef.current?.[open ? showProp : 'close'](), [open]);
+    useEffect(() => {
+        if (open === undefined)
+            return; // Uncontrolled if open prop is not provided
+        const dialog = dialogRef.current;
+        if (dialog) {
+            if (open && !dialog.open)
+                dialog[modal ? 'showModal' : 'show']();
+            else
+                dialog.open = !!open; // Close with prop to prevent close event from firing
+        }
+    }, [open, modal]);
     return (jsxs(Component, { className: cl('ds-dialog', className), "data-placement": placement, "data-modal": modal, id: usedId, onClose: (event) => {
             if (event.target !== event.currentTarget)
                 return; // Ignore close events from nested dialogs
@@ -55,11 +64,12 @@ const Dialog = forwardRef(function Dialog({ asChild, children, className, closeB
                     console.log('Designsystemet: data-command="close" is deprecated. Use command="close" and commandfor="DIALOG-ID" instead.');
             }
         }, onAnimationEnd: (event) => {
-            const { currentTarget: dialog } = event;
-            const autofocus = dialog.querySelector('[autofocus]');
+            onAnimationEnd?.(event);
+            if (event.currentTarget !== event.target)
+                return; // Only run if event is from the dialog itself
+            const autofocus = event.currentTarget.querySelector('[autofocus]');
             if (document.activeElement !== autofocus)
                 autofocus?.focus(); // Handle autofocus on open
-            onAnimationEnd?.(event);
         }, ref: mergedRefs, ...rest, children: [closeButton !== false && (jsx(Button, { "aria-label": closeButton, "data-color": 'neutral', icon: true, variant: 'tertiary', command: 'close', commandfor: usedId })), children] }));
 });
 

package/dist/esm/components/label/label.js

@@ -10,7 +10,7 @@ import { forwardRef } from 'react';
  * @example
  * <Label data-size='lg' weight='medium'>Label</Label>
  */
-const Label = forwardRef(function Label({ className, weight = 'medium', asChild, ...rest }, ref) {
+const Label = forwardRef(function Label({ className, weight, asChild, ...rest }, ref) {
     const Component = asChild ? Slot : 'label';
     return (jsx(Component, { ref: ref, className: cl('ds-label', className), suppressHydrationWarning // Since <ds-field> will add for attribute dynamically
         : true, "data-weight": weight, ...rest }));

package/dist/esm/components/pagination/pagination-button.js

@@ -12,7 +12,7 @@ import { Button } from '../button/button.js';
  * </PaginationItem>
  */
 const PaginationButton = forwardRef(function PaginationButton(rest, ref) {
-    return jsx(Button, { "data-variant": 'tertiary', ref: ref, ...rest });
+    return jsx(Button, { ref: ref, ...rest });
 });
 
 export { PaginationButton };

package/dist/esm/components/radio/radio.js

@@ -12,8 +12,8 @@ import { ValidationMessage } from '../validation-message/validation-message.js';
  * @example
  * <Radio label="I agree" value="agree" />
  */
-const Radio = forwardRef(function Radio({ 'data-size': size, className, style, children, label, description, error, variant, ...rest }, ref) {
-    return (jsxs(FieldComponent, { "data-size": size, "data-variant": variant, className: className, style: style, children: [jsx(Input, { type: 'radio', ref: ref, ...rest }), !!label && jsx(Label, { weight: 'regular', children: label }), !!description && jsx("div", { "data-field": 'description', children: description }), !!error && jsx(ValidationMessage, { children: error })] }));
+const Radio = forwardRef(function Radio({ 'data-size': size, children, className, description, error, label, position, style, variant, ...rest }, ref) {
+    return (jsxs(FieldComponent, { "data-size": size, "data-variant": variant, "data-position": position, className: className, style: style, children: [jsx(Input, { type: 'radio', ref: ref, ...rest }), !!label && jsx(Label, { weight: 'regular', children: label }), !!description && jsx("div", { "data-field": 'description', children: description }), !!error && jsx(ValidationMessage, { children: error })] }));
 });
 
 export { Radio };

package/dist/esm/components/tabs/tabs-tab.js

@@ -12,9 +12,7 @@ import { Context } from './tabs.js';
  */
 const TabsTab = forwardRef(function TabsTab({ value, className, onClick, onClickCapture, ...rest }, ref) {
     const { onChange, getPrefixedValue, isControlled, currentValue } = useContext(Context);
-    return (
-    // biome-ignore lint/a11y/noStaticElementInteractions: ds-tabs IS interactive
-    jsx("ds-tab", { "aria-controls": rest['aria-controls'] ?? getPrefixedValue?.(value), "data-value": value, ref: ref, suppressHydrationWarning // Since <ds-tablist> adds attributes
+    return (jsx("ds-tab", { "aria-controls": rest['aria-controls'] ?? getPrefixedValue?.(value), "data-value": value, ref: ref, suppressHydrationWarning // Since <ds-tablist> adds attributes
         : true, onClickCapture: (e) => {
             onClickCapture?.(e);
             if (isControlled && currentValue !== value)

package/dist/esm/components/toggle-group/toggle-group.js

@@ -14,7 +14,7 @@ const ToggleGroupContext = createContext({});
  *   <ToggleGroup.Item value='3'>Toggle 3</ToggleGroup.Item>
  * </ToggleGroup>
  */
-const ToggleGroup = forwardRef(function ToggleGroup({ children, className, defaultValue, name, onChange, value, variant = 'primary', ...rest }, ref) {
+const ToggleGroup = forwardRef(function ToggleGroup({ children, className, defaultValue, name, onChange, value, variant, ...rest }, ref) {
     const nameId = useId();
     const isControlled = value !== undefined;
     const [uncontrolledValue, setUncontrolledValue] = useState(defaultValue);

package/dist/esm/utilities/hooks/use-pagination/use-pagination.js

@@ -61,17 +61,15 @@ const usePagination = ({ currentPage: current = 1, setCurrentPage, onChange, tot
                 }
                 : null),
         })),
-        /** Properties to spread on Pagination.Button used for previous naviagation */
+        /** Properties to spread on Pagination.Button used for previous navigation */
         prevButtonProps: {
             'aria-hidden': !prev, // Using aria-hidden to support all HTML elements because of potential asChild
             onClick: handleClick(prev),
-            variant: 'tertiary',
         },
-        /** Properties to spread on Pagination.Button used for next naviagation */
+        /** Properties to spread on Pagination.Button used for next navigation */
         nextButtonProps: {
             'aria-hidden': !next, // Using aria-hidden to support all HTML elements because of potential asChild
             onClick: handleClick(next),
-            variant: 'tertiary',
         },
         /** Indication if previous page action should be shown or not */
         hasPrev: !!prev,

package/dist/types/components/Combobox/ComboboxIdContext.d.ts

@@ -12,7 +12,7 @@ export declare const ComboboxIdReducer: (state: ComboboxIdContextType, action: C
 export declare const ComboboxIdDispatch: import("react").Context<Dispatch<SetActiveIndexAction>>;
 export declare const ComboboxIdProvider: ({ children }: {
     children: ReactNode;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => import("react").JSX.Element;
 export declare function useComboboxIdDispatch(): Dispatch<SetActiveIndexAction>;
 export declare function useComboboxId(): ComboboxIdContextType;
 export {};

package/dist/types/components/Combobox/ComboboxIdContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ComboboxIdContext.d.ts","sourceRoot":"","sources":["../../../src/components/Combobox/ComboboxIdContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGjD,KAAK,qBAAqB,GAAG;IAC3B,WAAW,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,iBAAiB,gDAE5B,CAAC;AAEH,KAAK,oBAAoB,GAAG;IAC1B,IAAI,EAAE,kBAAkB,CAAC;IACzB,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,KAAK,uBAAuB,GAAG,oBAAoB,CAAC;AAEpD,eAAO,MAAM,iBAAiB,GAC5B,OAAO,qBAAqB,EAC5B,QAAQ,uBAAuB,0BAWhC,CAAC;AAEF,eAAO,MAAM,kBAAkB,yDAI7B,CAAC;AAEH,eAAO,MAAM,kBAAkB,GAAI,cAAc;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,4CAYvE,CAAC;AAEF,wBAAgB,qBAAqB,mCAEpC;AAED,wBAAgB,aAAa,0BAE5B"}
+{"version":3,"file":"ComboboxIdContext.d.ts","sourceRoot":"","sources":["../../../src/components/Combobox/ComboboxIdContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGjD,KAAK,qBAAqB,GAAG;IAC3B,WAAW,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,iBAAiB,gDAE5B,CAAC;AAEH,KAAK,oBAAoB,GAAG;IAC1B,IAAI,EAAE,kBAAkB,CAAC;IACzB,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,KAAK,uBAAuB,GAAG,oBAAoB,CAAC;AAEpD,eAAO,MAAM,iBAAiB,GAC5B,OAAO,qBAAqB,EAC5B,QAAQ,uBAAuB,0BAWhC,CAAC;AAEF,eAAO,MAAM,kBAAkB,yDAI7B,CAAC;AAEH,eAAO,MAAM,kBAAkB,GAAI,cAAc;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,gCAYvE,CAAC;AAEF,wBAAgB,qBAAqB,mCAEpC;AAED,wBAAgB,aAAa,0BAE5B"}

package/dist/types/components/Combobox/Option/SelectedIcon.d.ts

@@ -3,7 +3,7 @@ type SelectedIconProps = {
     selected: boolean;
 };
 declare const SelectedIcon: {
-    ({ multiple, selected }: SelectedIconProps): import("react/jsx-runtime").JSX.Element;
+    ({ multiple, selected }: SelectedIconProps): import("react").JSX.Element;
     displayName: string;
 };
 export { SelectedIcon };

package/dist/types/components/Combobox/internal/ComboboxChips.d.ts

@@ -1,5 +1,5 @@
 declare const ComboboxChips: {
-    (): import("react/jsx-runtime").JSX.Element;
+    (): import("react").JSX.Element;
     displayName: string;
 };
 export default ComboboxChips;

package/dist/types/components/Combobox/internal/ComboboxError.d.ts

@@ -6,7 +6,7 @@ type ComboboxErrorProps = {
     formFieldProps: ReturnType<typeof useFormField>;
 };
 declare const ComboboxError: {
-    ({ size, error, formFieldProps }: ComboboxErrorProps): import("react/jsx-runtime").JSX.Element;
+    ({ size, error, formFieldProps }: ComboboxErrorProps): import("react").JSX.Element;
     displayName: string;
 };
 export default ComboboxError;

package/dist/types/components/Combobox/internal/ComboboxInput.d.ts

@@ -8,7 +8,7 @@ type ComboboxInputProps = {
     handleKeyDown: (event: KeyboardEvent) => void;
 } & Omit<InputHTMLAttributes<HTMLInputElement>, 'size'>;
 declare const ComboboxInput: {
-    ({ hideClearButton, listId, error, hideChips, handleKeyDown, ...rest }: ComboboxInputProps): import("react/jsx-runtime").JSX.Element;
+    ({ hideClearButton, listId, error, hideChips, handleKeyDown, ...rest }: ComboboxInputProps): import("react").JSX.Element;
     displayName: string;
 };
 export default ComboboxInput;

package/dist/types/components/Combobox/internal/ComboboxLabel.d.ts

@@ -9,7 +9,7 @@ type ComboboxLabelProps = {
     formFieldProps: ReturnType<typeof useFormField>;
 };
 declare const ComboboxLabel: {
-    ({ label, description, hideLabel, size, readOnly, formFieldProps, }: ComboboxLabelProps): import("react/jsx-runtime").JSX.Element;
+    ({ label, description, hideLabel, size, readOnly, formFieldProps, }: ComboboxLabelProps): import("react").JSX.Element;
     displayName: string;
 };
 export default ComboboxLabel;

package/dist/types/components/Combobox/internal/ComboboxNative.d.ts

@@ -8,7 +8,7 @@ type ComboboxNativeProps = {
     name: ComboboxProps['name'];
 };
 declare const ComboboxNative: {
-    ({ selectedOptions, multiple, name, }: ComboboxNativeProps): import("react/jsx-runtime").JSX.Element;
+    ({ selectedOptions, multiple, name, }: ComboboxNativeProps): import("react").JSX.Element;
     displayName: string;
 };
 export default ComboboxNative;

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

@@ -5,14 +5,14 @@ import { BadgePosition } from './badge-position';
  * @example without children
  * <Badge count={5} maxCount={10} />
  */
-declare const Badge: import("react").ForwardRefExoticComponent<Omit<import("../../types").DefaultProps & import("react").HTMLAttributes<HTMLSpanElement>, "data-color" | "children" | "variant" | "count" | "maxCount"> & {
+declare const Badge: import("react").ForwardRefExoticComponent<Omit<import("../..").DefaultProps & import("react").HTMLAttributes<HTMLSpanElement>, "data-color" | "children" | "variant" | "count" | "maxCount"> & {
     count?: number;
     maxCount?: number;
     variant?: "base" | "tinted";
     'data-color'?: import("packages/types/dist/types").Color | import("packages/types/dist/types").SeverityColors;
     children?: never;
 } & import("react").RefAttributes<HTMLSpanElement>> & {
-    Position: import("react").ForwardRefExoticComponent<Omit<import("../../types").DefaultProps & import("react").HTMLAttributes<HTMLSpanElement>, "overlap" | "placement"> & {
+    Position: import("react").ForwardRefExoticComponent<Omit<import("../..").DefaultProps & import("react").HTMLAttributes<HTMLSpanElement>, "overlap" | "placement"> & {
         placement?: "top-right" | "top-left" | "bottom-right" | "bottom-left";
         overlap?: "circle" | "rectangle";
     } & import("react").RefAttributes<HTMLSpanElement>>;

package/dist/types/components/breadcrumbs/breadcrumbs-link.d.ts

@@ -1,6 +1,6 @@
 import { type LinkProps } from '../link/link';
 export type BreadcrumbsLinkProps = LinkProps;
-export declare const BreadcrumbsLink: import("react").ForwardRefExoticComponent<Omit<import("../../types").DefaultProps & import("react").AnchorHTMLAttributes<HTMLAnchorElement>, "children" | "asChild"> & {
+export declare const BreadcrumbsLink: import("react").ForwardRefExoticComponent<Omit<import("../..").DefaultProps & import("react").AnchorHTMLAttributes<HTMLAnchorElement>, "children" | "asChild"> & {
     children: import("react").ReactNode;
     asChild?: boolean;
 } & import("react").RefAttributes<HTMLAnchorElement>>;

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

@@ -1,6 +1,7 @@
 import type { ReactNode } from 'react';
 import type { DefaultProps, LabelRequired } from '../../types';
 import type { MergeRight } from '../../utilities';
+import { type FieldProps } from '../field';
 import { type InputProps } from '../input/input';
 export type CheckboxProps = MergeRight<DefaultProps & Omit<InputProps, 'type' | 'role' | 'size'>, {
     /**
@@ -27,6 +28,11 @@ export type CheckboxProps = MergeRight<DefaultProps & Omit<InputProps, 'type' |
      * If outline, the checkbox will have a border.
      */
     variant?: 'outline';
+    /**
+     * Position of checkbox
+     * @default start
+     */
+    position?: FieldProps['position'];
 } & LabelRequired>;
 /**
  * Checkbox used to select multiple options.

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

@@ -1 +1 @@
-{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/checkbox/checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAC/D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAElD,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAIxD,MAAM,MAAM,aAAa,GAAG,UAAU,CACpC,YAAY,GAAG,IAAI,CAAC,UAAU,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC,EACzD;IACE;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;OAEG;IACH,KAAK,CAAC,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC;IAC5B;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;CACrB,GAAG,aAAa,CAClB,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,QAAQ,4GA6BpB,CAAC"}
+{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/checkbox/checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAC/D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,UAAU,CAAC;AAClD,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAIxD,MAAM,MAAM,aAAa,GAAG,UAAU,CACpC,YAAY,GAAG,IAAI,CAAC,UAAU,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC,EACzD;IACE;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;OAEG;IACH,KAAK,CAAC,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC;IAC5B;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB;;;OAGG;IACH,QAAQ,CAAC,EAAE,UAAU,CAAC,UAAU,CAAC,CAAC;CACnC,GAAG,aAAa,CAClB,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,QAAQ,4GA+BpB,CAAC"}

package/dist/types/components/dialog/dialog-trigger-context.d.ts

@@ -15,7 +15,7 @@ export type DialogTriggerContextProps = {
  * </Dialog.TriggerContext>
  */
 export declare const DialogTriggerContext: {
-    (rest: DialogTriggerContextProps): import("react/jsx-runtime").JSX.Element;
+    (rest: DialogTriggerContextProps): import("react").JSX.Element;
     displayName: string;
 };
 //# sourceMappingURL=dialog-trigger-context.d.ts.map

package/dist/types/components/dialog/dialog-trigger.d.ts

@@ -12,7 +12,7 @@ export type DialogTriggerProps = ComponentPropsWithRef<typeof Button>;
  *   </Dialog>
  * </Dialog.TriggerContext>
  */
-export declare const DialogTrigger: import("react").ForwardRefExoticComponent<Omit<Omit<import("../../types").DefaultProps & Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "command" | "commandfor" | "commandFor">, "type" | "data-color" | "variant" | "command" | "commandfor" | "commandFor" | "icon" | "loading" | "asChild"> & {
+export declare const DialogTrigger: import("react").ForwardRefExoticComponent<Omit<Omit<import("../..").DefaultProps & Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "command" | "commandfor" | "commandFor">, "type" | "data-color" | "variant" | "command" | "commandfor" | "commandFor" | "icon" | "loading" | "asChild"> & {
     variant?: "primary" | "secondary" | "tertiary";
     'data-color'?: import("packages/types/dist/types").Color | Extract<import("packages/types/dist/types").SeverityColors, "danger">;
     icon?: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../../src/components/dialog/dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAkB,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAElE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAKlD,MAAM,MAAM,WAAW,GAAG,UAAU,CAClC,YAAY,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,EACtD;IACE;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;IAC7B;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,cAAc,GAAG,KAAK,CAAC;IAC3C;;;;OAIG;IACH,SAAS,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAC;IAC3D;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACjC;;;;;OAKG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CACF,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,eAAO,MAAM,MAAM;IApEf;;;OAGG;kBACW,MAAM,GAAG,KAAK;IAC5B;;;;;;OAMG;eACQ,MAAM,GAAG,cAAc,GAAG,KAAK;IAC1C;;;;OAIG;gBACS,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ;IAC1D;;;;;;OAMG;YACK,OAAO;IACf;;OAEG;WACI,OAAO;IACd;;OAEG;cACO,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI;IAChC;;;;;OAKG;cACO,OAAO;qDAsGpB,CAAC"}
+{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../../src/components/dialog/dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAkB,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAElE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAKlD,MAAM,MAAM,WAAW,GAAG,UAAU,CAClC,YAAY,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,EACtD;IACE;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;IAC7B;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,cAAc,GAAG,KAAK,CAAC;IAC3C;;;;OAIG;IACH,SAAS,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAC;IAC3D;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACjC;;;;;OAKG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CACF,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,eAAO,MAAM,MAAM;IApEf;;;OAGG;kBACW,MAAM,GAAG,KAAK;IAC5B;;;;;;OAMG;eACQ,MAAM,GAAG,cAAc,GAAG,KAAK;IAC1C;;;;OAIG;gBACS,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ;IAC1D;;;;;;OAMG;YACK,OAAO;IACf;;OAEG;WACI,OAAO;IACd;;OAEG;cACO,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI;IAChC;;;;;OAKG;cACO,OAAO;qDA8GpB,CAAC"}

package/dist/types/components/dropdown/dropdown-trigger-context.d.ts

@@ -19,7 +19,7 @@ export type DropdownTriggerContextProps = {
  * </DropdownTriggerContext>
  */
 export declare const DropdownTriggerContext: {
-    ({ children, }: DropdownTriggerContextProps): import("react/jsx-runtime").JSX.Element;
+    ({ children, }: DropdownTriggerContextProps): import("react").JSX.Element;
     displayName: string;
 };
 //# sourceMappingURL=dropdown-trigger-context.d.ts.map

package/dist/types/components/error-summary/error-summary-link.d.ts

@@ -10,7 +10,7 @@ export type ErrorSummaryLinkProps = LinkProps;
  *   </ErrorSummaryItem>
  * </ErrorSummary>
  */
-export declare const ErrorSummaryLink: import("react").ForwardRefExoticComponent<Omit<import("../../types").DefaultProps & import("react").AnchorHTMLAttributes<HTMLAnchorElement>, "children" | "asChild"> & {
+export declare const ErrorSummaryLink: import("react").ForwardRefExoticComponent<Omit<import("../..").DefaultProps & import("react").AnchorHTMLAttributes<HTMLAnchorElement>, "children" | "asChild"> & {
     children: import("react").ReactNode;
     asChild?: boolean;
 } & import("react").RefAttributes<HTMLAnchorElement>>;

package/dist/types/components/error-summary/error-summary-list.d.ts

@@ -17,5 +17,5 @@ export type ErrorSummaryListProps = ListUnorderedProps;
  */
 export declare const ErrorSummaryList: import("react").ForwardRefExoticComponent<{
     asChild?: boolean;
-} & import("../../types").DefaultProps & Omit<import("react").HTMLAttributes<HTMLUListElement>, "size"> & import("react").RefAttributes<HTMLOListElement>>;
+} & import("../..").DefaultProps & Omit<import("react").HTMLAttributes<HTMLUListElement>, "size"> & import("react").RefAttributes<HTMLOListElement>>;
 //# sourceMappingURL=error-summary-list.d.ts.map

package/dist/types/components/error-summary/error-summary-list.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"error-summary-list.d.ts","sourceRoot":"","sources":["../../../src/components/error-summary/error-summary-list.tsx"],"names":[],"mappings":"AACA,OAAO,EAAQ,KAAK,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAExD,MAAM,MAAM,qBAAqB,GAAG,kBAAkB,CAAC;AAEvD;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,gBAAgB;;0JAK3B,CAAC"}
+{"version":3,"file":"error-summary-list.d.ts","sourceRoot":"","sources":["../../../src/components/error-summary/error-summary-list.tsx"],"names":[],"mappings":"AACA,OAAO,EAAQ,KAAK,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAExD,MAAM,MAAM,qBAAqB,GAAG,kBAAkB,CAAC;AAEvD;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,gBAAgB;;oJAK3B,CAAC"}

package/dist/types/components/field/field-counter.d.ts

@@ -59,7 +59,7 @@ export declare const FieldCounter: import("react").ForwardRefExoticComponent<{
      * @default undefined
      **/
     limit: number;
-} & Omit<Omit<import("../../types").DefaultProps, "data-color"> & import("react").HTMLAttributes<HTMLParagraphElement>, "data-color" | "asChild"> & {
+} & Omit<Omit<import("../..").DefaultProps, "data-color"> & import("react").HTMLAttributes<HTMLParagraphElement>, "data-color" | "asChild"> & {
     'data-color'?: import("packages/types/dist/types").SeverityColors;
     asChild?: boolean;
 } & import("react").RefAttributes<HTMLParagraphElement>>;

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

@@ -3,7 +3,6 @@ import type { DefaultProps } from '../../types';
 export type LabelProps = {
     /**
      * Adjusts font weight. Use this when you have a label hierarchy, such as checkboxes/radios in a fieldset
-     * @default 'medium'
      */
     weight?: 'regular' | 'medium' | 'semibold';
     /**
@@ -21,7 +20,6 @@ export type LabelProps = {
 export declare const Label: import("react").ForwardRefExoticComponent<{
     /**
      * Adjusts font weight. Use this when you have a label hierarchy, such as checkboxes/radios in a fieldset
-     * @default 'medium'
      */
     weight?: "regular" | "medium" | "semibold";
     /**

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

@@ -1 +1 @@
-{"version":3,"file":"label.d.ts","sourceRoot":"","sources":["../../../src/components/label/label.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAEjD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAEhD,MAAM,MAAM,UAAU,GAAG;IACvB;;;OAGG;IACH,MAAM,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,UAAU,CAAC;IAC3C;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,mBAAmB,CAAC,gBAAgB,CAAC,GACvC,YAAY,CAAC;AAEf;;;;;GAKG;AACH,eAAO,MAAM,KAAK;IAnBhB;;;OAGG;aACM,SAAS,GAAG,QAAQ,GAAG,UAAU;IAC1C;;;OAGG;cACO,OAAO;2GAyBjB,CAAC"}
+{"version":3,"file":"label.d.ts","sourceRoot":"","sources":["../../../src/components/label/label.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAEjD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAEhD,MAAM,MAAM,UAAU,GAAG;IACvB;;OAEG;IACH,MAAM,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,UAAU,CAAC;IAC3C;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,mBAAmB,CAAC,gBAAgB,CAAC,GACvC,YAAY,CAAC;AAEf;;;;;GAKG;AACH,eAAO,MAAM,KAAK;IAlBhB;;OAEG;aACM,SAAS,GAAG,QAAQ,GAAG,UAAU;IAC1C;;;OAGG;cACO,OAAO;2GAyBjB,CAAC"}

package/dist/types/components/popover/popover-trigger-context.d.ts

@@ -14,7 +14,7 @@ export type PopoverTriggerContextProps = {
  * </PopoverTriggerContext>
  */
 export declare const PopoverTriggerContext: {
-    ({ children, }: PopoverTriggerContextProps): import("react/jsx-runtime").JSX.Element;
+    ({ children, }: PopoverTriggerContextProps): import("react").JSX.Element;
     displayName: string;
 };
 export declare const Context: import("react").Context<{

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

@@ -1,6 +1,7 @@
 import type { ReactNode } from 'react';
 import type { DefaultProps, LabelRequired } from '../../types';
 import type { MergeRight } from '../../utilities';
+import { type FieldProps } from '../field';
 import { type InputProps } from '../input/input';
 export type RadioProps = MergeRight<DefaultProps & Omit<InputProps, 'type' | 'role' | 'size'>, {
     /**
@@ -27,6 +28,11 @@ export type RadioProps = MergeRight<DefaultProps & Omit<InputProps, 'type' | 'ro
      * If outline, the radio will have a border.
      */
     variant?: 'outline';
+    /**
+     * Position of radio
+     * @default start
+     */
+    position?: FieldProps['position'];
 } & LabelRequired>;
 /**
  * Radio used to select multiple options.

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

@@ -1 +1 @@
-{"version":3,"file":"radio.d.ts","sourceRoot":"","sources":["../../../src/components/radio/radio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAC/D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAElD,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAIxD,MAAM,MAAM,UAAU,GAAG,UAAU,CACjC,YAAY,GAAG,IAAI,CAAC,UAAU,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC,EACzD;IACE;;QAEI;IACJ,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;OAEG;IACH,KAAK,CAAC,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC;IAC5B;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;CACrB,GAAG,aAAa,CAClB,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,KAAK,yGA2BhB,CAAC"}
+{"version":3,"file":"radio.d.ts","sourceRoot":"","sources":["../../../src/components/radio/radio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAC/D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,UAAU,CAAC;AAClD,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAIxD,MAAM,MAAM,UAAU,GAAG,UAAU,CACjC,YAAY,GAAG,IAAI,CAAC,UAAU,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC,EACzD;IACE;;QAEI;IACJ,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;OAEG;IACH,KAAK,CAAC,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC;IAC5B;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB;;;OAGG;IACH,QAAQ,CAAC,EAAE,UAAU,CAAC,UAAU,CAAC,CAAC;CACnC,GAAG,aAAa,CAClB,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,KAAK,yGA6BhB,CAAC"}

package/dist/types/components/search/search-button.d.ts

@@ -22,7 +22,7 @@ export type SearchButtonProps = MergeRight<ButtonProps, {
  *   <SearchButton>Søk</SearchButton>
  * </Search>
  */
-export declare const SearchButton: import("react").ForwardRefExoticComponent<Omit<import("../../types").DefaultProps & Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "command" | "commandfor" | "commandFor">, "type" | "data-color" | "variant" | "command" | "commandfor" | "commandFor" | "icon" | "loading" | "asChild"> & {
+export declare const SearchButton: import("react").ForwardRefExoticComponent<Omit<import("../..").DefaultProps & Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "command" | "commandfor" | "commandFor">, "type" | "data-color" | "variant" | "command" | "commandfor" | "commandFor" | "icon" | "loading" | "asChild"> & {
     variant?: "primary" | "secondary" | "tertiary";
     'data-color'?: import("packages/types/dist/types").Color | Extract<import("packages/types/dist/types").SeverityColors, "danger">;
     icon?: boolean;

package/dist/types/components/tabs/tabs-tab.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tabs-tab.d.ts","sourceRoot":"","sources":["../../../src/components/tabs/tabs-tab.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,KAAK,EAAE,cAAc,EAAc,MAAM,OAAO,CAAC;AACxD,OAAO,4BAA4B,CAAC;AAIpC,MAAM,MAAM,YAAY,GAAG;IACzB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;CACf,GAAG,IAAI,CAAC,cAAc,CAAC,YAAY,CAAC,EAAE,OAAO,CAAC,CAAC;AAEhD;;;;;GAKG;AACH,eAAO,MAAM,OAAO;IAZlB;;OAEG;WACI,MAAM;8FAqCb,CAAC"}
+{"version":3,"file":"tabs-tab.d.ts","sourceRoot":"","sources":["../../../src/components/tabs/tabs-tab.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,KAAK,EAAE,cAAc,EAAc,MAAM,OAAO,CAAC;AACxD,OAAO,4BAA4B,CAAC;AAIpC,MAAM,MAAM,YAAY,GAAG;IACzB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;CACf,GAAG,IAAI,CAAC,cAAc,CAAC,YAAY,CAAC,EAAE,OAAO,CAAC,CAAC;AAEhD;;;;;GAKG;AACH,eAAO,MAAM,OAAO;IAZlB;;OAEG;WACI,MAAM;8FAoCb,CAAC"}

package/dist/types/index.d.ts

@@ -3,7 +3,7 @@ export type {
 Size, } from '@digdir/designsystemet-types';
 export * from './components';
 export { omit } from './components/Combobox/omit/omit';
-export type { LabelRequired } from './types';
+export type { DefaultProps, LabelRequired, Placement } from './types';
 export type { 
 /** @deprecated This export is deprecated. */
 MergeRight, UseCheckboxGroupProps, UsePaginationProps, UseRadioGroupProps, } from './utilities';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,YAAY;AACV,4FAA4F;AAC5F,IAAI,GACL,MAAM,8BAA8B,CAAC;AACtC,cAAc,cAAc,CAAC;AAC7B,OAAO,EAAE,IAAI,EAAE,MAAM,iCAAiC,CAAC;AACvD,YAAY,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAC7C,YAAY;AACV,6CAA6C;AAC7C,UAAU,EACV,qBAAqB,EACrB,kBAAkB,EAClB,kBAAkB,GACnB,MAAM,aAAa,CAAC;AACrB,OAAO,EACL,eAAe,EACf,eAAe,EACf,gBAAgB;AAChB,wGAAwG;AACxG,mBAAmB;AACnB,wGAAwG;AACxG,yBAAyB;AACzB,wGAAwG;AACxG,aAAa,EACb,aAAa,EACb,aAAa,EACb,wBAAwB,GACzB,MAAM,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,YAAY;AACV,4FAA4F;AAC5F,IAAI,GACL,MAAM,8BAA8B,CAAC;AACtC,cAAc,cAAc,CAAC;AAC7B,OAAO,EAAE,IAAI,EAAE,MAAM,iCAAiC,CAAC;AACvD,YAAY,EAAE,YAAY,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AACtE,YAAY;AACV,6CAA6C;AAC7C,UAAU,EACV,qBAAqB,EACrB,kBAAkB,EAClB,kBAAkB,GACnB,MAAM,aAAa,CAAC;AACrB,OAAO,EACL,eAAe,EACf,eAAe,EACf,gBAAgB;AAChB,wGAAwG;AACxG,mBAAmB;AACnB,wGAAwG;AACxG,yBAAyB;AACzB,wGAAwG;AACxG,aAAa,EACb,aAAa,EACb,aAAa,EACb,wBAAwB,GACzB,MAAM,aAAa,CAAC"}

package/dist/types/utilities/hooks/use-pagination/use-pagination.d.ts

@@ -70,9 +70,9 @@ export declare const usePagination: ({ currentPage: current, setCurrentPage, onC
          */
         buttonProps: PaginationButtonProps | null;
     }[];
-    /** Properties to spread on Pagination.Button used for previous naviagation */
+    /** Properties to spread on Pagination.Button used for previous navigation */
     prevButtonProps: PaginationButtonProps;
-    /** Properties to spread on Pagination.Button used for next naviagation */
+    /** Properties to spread on Pagination.Button used for next navigation */
     nextButtonProps: PaginationButtonProps;
     /** Indication if previous page action should be shown or not */
     hasPrev: boolean;

package/dist/types/utilities/hooks/use-pagination/use-pagination.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-pagination.d.ts","sourceRoot":"","sources":["../../../../src/utilities/hooks/use-pagination/use-pagination.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAExC,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AAEjE,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,GAAI,yFAM3B,kBAAkB;IAUf,sBAAsB;;QAEpB;;WAEG;;QAEH;;WAEG;;QAEH;;WAEG;qBAMU,qBAAqB,GAAG,IAAI;;IAE3C,8EAA8E;qBAKzE,qBAAqB;IAC1B,0EAA0E;qBAKrE,qBAAqB;IAC1B,gEAAgE;;IAEhE,4DAA4D;;CAGtC,CAAC"}
+{"version":3,"file":"use-pagination.d.ts","sourceRoot":"","sources":["../../../../src/utilities/hooks/use-pagination/use-pagination.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAExC,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AAEjE,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,GAAI,yFAM3B,kBAAkB;IAUf,sBAAsB;;QAEpB;;WAEG;;QAEH;;WAEG;;QAEH;;WAEG;qBAMU,qBAAqB,GAAG,IAAI;;IAE3C,6EAA6E;qBAIxE,qBAAqB;IAC1B,yEAAyE;qBAIpE,qBAAqB;IAC1B,gEAAgE;;IAEhE,4DAA4D;;CAGtC,CAAC"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@digdir/designsystemet-react",
   "type": "module",
-  "version": "1.15.0",
+  "version": "1.16.1",
   "description": "React components for Designsystemet",
   "author": "Designsystemet team",
   "repository": {
@@ -37,33 +37,33 @@
   "dependencies": {
     "@floating-ui/dom": "^1.7.6",
     "@floating-ui/react": "0.26.23",
-    "@navikt/aksel-icons": "^8.10.5",
-    "@radix-ui/react-slot": "^1.2.4",
-    "@tanstack/react-virtual": "^3.13.24",
+    "@navikt/aksel-icons": "^8.12.1",
+    "@radix-ui/react-slot": "^1.2.5",
+    "@tanstack/react-virtual": "^3.14.2",
     "clsx": "^2.1.1",
-    "@digdir/designsystemet-types": "1.15.0",
-    "@digdir/designsystemet-web": "1.15.0"
+    "@digdir/designsystemet-types": "1.16.1",
+    "@digdir/designsystemet-web": "1.16.1"
   },
   "devDependencies": {
-    "@rollup/plugin-commonjs": "29.0.2",
+    "@rollup/plugin-commonjs": "29.0.3",
     "@rollup/plugin-node-resolve": "16.0.3",
-    "@storybook/addon-docs": "10.4.0",
-    "@storybook/addon-vitest": "10.4.0",
-    "@storybook/react-vite": "10.4.0",
+    "@storybook/addon-docs": "10.4.4",
+    "@storybook/addon-vitest": "10.4.4",
+    "@storybook/react-vite": "10.4.4",
     "@testing-library/jest-dom": "6.9.1",
     "@testing-library/react": "16.3.2",
     "@testing-library/user-event": "14.6.1",
-    "@types/react": "19.2.14",
+    "@types/react": "19.2.17",
     "@types/react-dom": "19.2.3",
-    "react": "19.2.6",
-    "react-dom": "19.2.6",
+    "react": "19.2.7",
+    "react-dom": "19.2.7",
     "rimraf": "6.1.3",
-    "rollup": "4.60.4",
+    "rollup": "4.62.0",
     "rollup-plugin-copy": "3.5.0",
-    "storybook": "10.4.0",
-    "tsx": "4.22.1",
+    "storybook": "10.4.4",
+    "tsx": "4.22.4",
     "typescript": "5.9.3",
-    "@digdir/designsystemet-css": "^1.15.0"
+    "@digdir/designsystemet-css": "^1.16.1"
   },
   "scripts": {
     "build": "pnpm run clean && tsc -b tsconfig.lib.json --emitDeclarationOnly false && rollup -c --bundleConfigAsCjs",