@holmdigital/components 1.2.1 → 1.2.3

package/dist/Button/Button.d.mts

@@ -0,0 +1,10 @@
+import React__default from 'react';
+
+interface ButtonProps extends React__default.ButtonHTMLAttributes<HTMLButtonElement> {
+    variant?: 'primary' | 'secondary' | 'danger' | 'ghost';
+    size?: 'small' | 'medium' | 'large';
+    isLoading?: boolean;
+}
+declare const Button: React__default.ForwardRefExoticComponent<ButtonProps & React__default.RefAttributes<HTMLButtonElement>>;
+
+export { Button, type ButtonProps };

package/dist/Button/Button.d.ts

@@ -0,0 +1,10 @@
+import React__default from 'react';
+
+interface ButtonProps extends React__default.ButtonHTMLAttributes<HTMLButtonElement> {
+    variant?: 'primary' | 'secondary' | 'danger' | 'ghost';
+    size?: 'small' | 'medium' | 'large';
+    isLoading?: boolean;
+}
+declare const Button: React__default.ForwardRefExoticComponent<ButtonProps & React__default.RefAttributes<HTMLButtonElement>>;
+
+export { Button, type ButtonProps };

package/dist/Button/Button.js

@@ -70,10 +70,10 @@ var Button = (0, import_react.forwardRef)(
     };
     const sizes = {
       small: {
-        padding: "0.25rem 0.5rem",
+        padding: "0.5rem 0.75rem",
         fontSize: "0.875rem",
-        minHeight: "32px"
-        // OBS: Kan bryta mot 44px om inte hanteras med margin
+        minHeight: "44px"
+        // Touch target safe (EN 301 549 9.2.5.5)
       },
       medium: {
         padding: "0.5rem 1rem",

package/dist/Button/Button.mjs

@@ -1,6 +1,6 @@
 import {
   Button
-} from "../chunk-NDYRGXQ6.mjs";
+} from "../chunk-7V2LETZ6.mjs";
 export {
   Button
 };

package/dist/Checkbox/Checkbox.d.mts

@@ -0,0 +1,9 @@
+import React__default from 'react';
+
+interface CheckboxProps extends React__default.InputHTMLAttributes<HTMLInputElement> {
+    label: string;
+    onCheckedChange?: (checked: boolean) => void;
+}
+declare const Checkbox: React__default.ForwardRefExoticComponent<CheckboxProps & React__default.RefAttributes<HTMLInputElement>>;
+
+export { Checkbox, type CheckboxProps };

package/dist/Checkbox/Checkbox.d.ts

@@ -0,0 +1,9 @@
+import React__default from 'react';
+
+interface CheckboxProps extends React__default.InputHTMLAttributes<HTMLInputElement> {
+    label: string;
+    onCheckedChange?: (checked: boolean) => void;
+}
+declare const Checkbox: React__default.ForwardRefExoticComponent<CheckboxProps & React__default.RefAttributes<HTMLInputElement>>;
+
+export { Checkbox, type CheckboxProps };

package/dist/Dialog/Dialog.d.mts

@@ -0,0 +1,13 @@
+import React__default from 'react';
+
+interface DialogProps extends React__default.DialogHTMLAttributes<HTMLDialogElement> {
+    isOpen: boolean;
+    onClose: () => void;
+    title: string;
+    children: React__default.ReactNode;
+    variant?: 'default' | 'alert';
+    description?: string;
+}
+declare const Dialog: React__default.ForwardRefExoticComponent<DialogProps & React__default.RefAttributes<HTMLDialogElement>>;
+
+export { Dialog, type DialogProps };

package/dist/Dialog/Dialog.d.ts

@@ -0,0 +1,13 @@
+import React__default from 'react';
+
+interface DialogProps extends React__default.DialogHTMLAttributes<HTMLDialogElement> {
+    isOpen: boolean;
+    onClose: () => void;
+    title: string;
+    children: React__default.ReactNode;
+    variant?: 'default' | 'alert';
+    description?: string;
+}
+declare const Dialog: React__default.ForwardRefExoticComponent<DialogProps & React__default.RefAttributes<HTMLDialogElement>>;
+
+export { Dialog, type DialogProps };

package/dist/Dialog/Dialog.js

@@ -47,6 +47,7 @@ var CloseIcon = () => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
 var Dialog = (0, import_react.forwardRef)(
   ({ isOpen, onClose, title, children, variant = "default", description, className, ...props }, ref) => {
     const dialogRef = (0, import_react.useRef)(null);
+    const scrollLockRef = (0, import_react.useRef)(false);
     (0, import_react.useImperativeHandle)(ref, () => dialogRef.current);
     (0, import_react.useEffect)(() => {
       const dialog = dialogRef.current;
@@ -54,14 +55,26 @@ var Dialog = (0, import_react.forwardRef)(
       if (isOpen) {
         if (!dialog.open) {
           dialog.showModal();
-          document.body.style.overflow = "hidden";
+          if (!scrollLockRef.current) {
+            document.body.style.overflow = "hidden";
+            scrollLockRef.current = true;
+          }
         }
       } else {
         if (dialog.open) {
           dialog.close();
+        }
+        if (scrollLockRef.current) {
           document.body.style.overflow = "";
+          scrollLockRef.current = false;
         }
       }
+      return () => {
+        if (scrollLockRef.current) {
+          document.body.style.overflow = "";
+          scrollLockRef.current = false;
+        }
+      };
     }, [isOpen]);
     (0, import_react.useEffect)(() => {
       const dialog = dialogRef.current;

package/dist/Dialog/Dialog.mjs

@@ -1,6 +1,6 @@
 import {
   Dialog
-} from "../chunk-LZ42XDDI.mjs";
+} from "../chunk-HIGQ6URZ.mjs";
 export {
   Dialog
 };

package/dist/FormField/FormField.d.mts

@@ -0,0 +1,11 @@
+import React__default from 'react';
+
+interface FormFieldProps extends React__default.InputHTMLAttributes<HTMLInputElement> {
+    label: string;
+    error?: string;
+    helpText?: string;
+    required?: boolean;
+}
+declare const FormField: React__default.ForwardRefExoticComponent<FormFieldProps & React__default.RefAttributes<HTMLInputElement>>;
+
+export { FormField, type FormFieldProps };

package/dist/FormField/FormField.d.ts

@@ -0,0 +1,11 @@
+import React__default from 'react';
+
+interface FormFieldProps extends React__default.InputHTMLAttributes<HTMLInputElement> {
+    label: string;
+    error?: string;
+    helpText?: string;
+    required?: boolean;
+}
+declare const FormField: React__default.ForwardRefExoticComponent<FormFieldProps & React__default.RefAttributes<HTMLInputElement>>;
+
+export { FormField, type FormFieldProps };

package/dist/Heading/Heading.d.mts

@@ -0,0 +1,8 @@
+import React__default from 'react';
+
+interface HeadingProps extends React__default.HTMLAttributes<HTMLHeadingElement> {
+    level: 1 | 2 | 3 | 4 | 5 | 6;
+}
+declare const Heading: React__default.ForwardRefExoticComponent<HeadingProps & React__default.RefAttributes<HTMLHeadingElement>>;
+
+export { Heading, type HeadingProps };

package/dist/Heading/Heading.d.ts

@@ -0,0 +1,8 @@
+import React__default from 'react';
+
+interface HeadingProps extends React__default.HTMLAttributes<HTMLHeadingElement> {
+    level: 1 | 2 | 3 | 4 | 5 | 6;
+}
+declare const Heading: React__default.ForwardRefExoticComponent<HeadingProps & React__default.RefAttributes<HTMLHeadingElement>>;
+
+export { Heading, type HeadingProps };

package/dist/Heading/Heading.js

@@ -34,11 +34,10 @@ __export(Heading_exports, {
 });
 module.exports = __toCommonJS(Heading_exports);
 var import_react = __toESM(require("react"));
-var import_jsx_runtime = require("react/jsx-runtime");
 var Heading = import_react.default.forwardRef(
   ({ level, children, className, ...props }, ref) => {
     const Tag = `h${level}`;
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Tag, { ref, className, ...props, children });
+    return import_react.default.createElement(Tag, { ref, className, ...props }, children);
   }
 );
 Heading.displayName = "Heading";

package/dist/Heading/Heading.mjs

@@ -1,6 +1,6 @@
 import {
   Heading
-} from "../chunk-W4ZHBRFT.mjs";
+} from "../chunk-2RP6SWY7.mjs";
 export {
   Heading
 };

package/dist/Modal/Modal.d.mts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import { DialogProps } from '../Dialog/Dialog.mjs';
+
+interface ModalProps extends Omit<DialogProps, 'variant'> {
+}
+declare const Modal: React.ForwardRefExoticComponent<ModalProps & React.RefAttributes<HTMLDialogElement>>;
+
+export { Modal, type ModalProps };

package/dist/Modal/Modal.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import { DialogProps } from '../Dialog/Dialog.js';
+
+interface ModalProps extends Omit<DialogProps, 'variant'> {
+}
+declare const Modal: React.ForwardRefExoticComponent<ModalProps & React.RefAttributes<HTMLDialogElement>>;
+
+export { Modal, type ModalProps };

package/dist/Modal/Modal.js

@@ -50,6 +50,7 @@ var CloseIcon = () => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
 var Dialog = (0, import_react.forwardRef)(
   ({ isOpen, onClose, title, children, variant = "default", description, className, ...props }, ref) => {
     const dialogRef = (0, import_react.useRef)(null);
+    const scrollLockRef = (0, import_react.useRef)(false);
     (0, import_react.useImperativeHandle)(ref, () => dialogRef.current);
     (0, import_react.useEffect)(() => {
       const dialog = dialogRef.current;
@@ -57,14 +58,26 @@ var Dialog = (0, import_react.forwardRef)(
       if (isOpen) {
         if (!dialog.open) {
           dialog.showModal();
-          document.body.style.overflow = "hidden";
+          if (!scrollLockRef.current) {
+            document.body.style.overflow = "hidden";
+            scrollLockRef.current = true;
+          }
         }
       } else {
         if (dialog.open) {
           dialog.close();
+        }
+        if (scrollLockRef.current) {
           document.body.style.overflow = "";
+          scrollLockRef.current = false;
         }
       }
+      return () => {
+        if (scrollLockRef.current) {
+          document.body.style.overflow = "";
+          scrollLockRef.current = false;
+        }
+      };
     }, [isOpen]);
     (0, import_react.useEffect)(() => {
       const dialog = dialogRef.current;

package/dist/Modal/Modal.mjs

@@ -1,7 +1,7 @@
 import {
   Modal
-} from "../chunk-HALLFO25.mjs";
-import "../chunk-LZ42XDDI.mjs";
+} from "../chunk-Z4AIS75A.mjs";
+import "../chunk-HIGQ6URZ.mjs";
 export {
   Modal
 };

package/dist/NavigationMenu/NavigationMenu.d.mts

@@ -0,0 +1,15 @@
+import React__default from 'react';
+
+interface NavItem {
+    label: string;
+    href?: string;
+    children?: NavItem[];
+}
+interface NavigationMenuProps {
+    items: NavItem[];
+    className?: string;
+    'aria-label'?: string;
+}
+declare const NavigationMenu: React__default.ForwardRefExoticComponent<NavigationMenuProps & React__default.RefAttributes<HTMLElement>>;
+
+export { type NavItem, NavigationMenu, type NavigationMenuProps };

package/dist/NavigationMenu/NavigationMenu.d.ts

@@ -0,0 +1,15 @@
+import React__default from 'react';
+
+interface NavItem {
+    label: string;
+    href?: string;
+    children?: NavItem[];
+}
+interface NavigationMenuProps {
+    items: NavItem[];
+    className?: string;
+    'aria-label'?: string;
+}
+declare const NavigationMenu: React__default.ForwardRefExoticComponent<NavigationMenuProps & React__default.RefAttributes<HTMLElement>>;
+
+export { type NavItem, NavigationMenu, type NavigationMenuProps };

package/dist/RadioGroup/RadioGroup.d.mts

@@ -0,0 +1,19 @@
+import * as React from 'react';
+
+interface RadioOption {
+    label: string;
+    value: string;
+    disabled?: boolean;
+}
+interface RadioGroupProps {
+    name: string;
+    options: RadioOption[];
+    value?: string;
+    onChange?: (value: string) => void;
+    orientation?: 'horizontal' | 'vertical';
+    className?: string;
+    label?: string;
+}
+declare const RadioGroup: React.ForwardRefExoticComponent<RadioGroupProps & React.RefAttributes<HTMLDivElement>>;
+
+export { RadioGroup, type RadioGroupProps, type RadioOption };

package/dist/RadioGroup/RadioGroup.d.ts

@@ -0,0 +1,19 @@
+import * as React from 'react';
+
+interface RadioOption {
+    label: string;
+    value: string;
+    disabled?: boolean;
+}
+interface RadioGroupProps {
+    name: string;
+    options: RadioOption[];
+    value?: string;
+    onChange?: (value: string) => void;
+    orientation?: 'horizontal' | 'vertical';
+    className?: string;
+    label?: string;
+}
+declare const RadioGroup: React.ForwardRefExoticComponent<RadioGroupProps & React.RefAttributes<HTMLDivElement>>;
+
+export { RadioGroup, type RadioGroupProps, type RadioOption };

package/dist/Select/Select.d.mts

@@ -0,0 +1,23 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React__default from 'react';
+
+interface SelectProps {
+    value: string;
+    onChange: (value: string) => void;
+    children: React__default.ReactNode;
+}
+declare const Select: ({ value, onChange, children }: SelectProps) => react_jsx_runtime.JSX.Element;
+declare const SelectTrigger: ({ children, className, placeholder }: {
+    children?: React__default.ReactNode;
+    className?: string;
+    placeholder?: string;
+}) => react_jsx_runtime.JSX.Element;
+declare const SelectContent: ({ children }: {
+    children: React__default.ReactNode;
+}) => react_jsx_runtime.JSX.Element | null;
+declare const SelectItem: ({ value, children }: {
+    value: string;
+    children: React__default.ReactNode;
+}) => react_jsx_runtime.JSX.Element;
+
+export { Select, SelectContent, SelectItem, SelectTrigger };

package/dist/Select/Select.d.ts

@@ -0,0 +1,23 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React__default from 'react';
+
+interface SelectProps {
+    value: string;
+    onChange: (value: string) => void;
+    children: React__default.ReactNode;
+}
+declare const Select: ({ value, onChange, children }: SelectProps) => react_jsx_runtime.JSX.Element;
+declare const SelectTrigger: ({ children, className, placeholder }: {
+    children?: React__default.ReactNode;
+    className?: string;
+    placeholder?: string;
+}) => react_jsx_runtime.JSX.Element;
+declare const SelectContent: ({ children }: {
+    children: React__default.ReactNode;
+}) => react_jsx_runtime.JSX.Element | null;
+declare const SelectItem: ({ value, children }: {
+    value: string;
+    children: React__default.ReactNode;
+}) => react_jsx_runtime.JSX.Element;
+
+export { Select, SelectContent, SelectItem, SelectTrigger };

package/dist/Select/Select.js

@@ -109,10 +109,10 @@ var SelectTrigger = ({ children, className = "", placeholder = "Select..." }) =>
 var SelectContent = ({ children }) => {
   const context = (0, import_react.useContext)(SelectContext);
   (0, import_react.useEffect)(() => {
-    if (context && context.isOpen) {
+    if (context) {
       context.optionsRef.current = [];
     }
-  }, [context?.isOpen]);
+  }, [context?.isOpen, children]);
   if (!context || !context.isOpen) return null;
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     "div",

package/dist/Select/Select.mjs

@@ -3,7 +3,7 @@ import {
   SelectContent,
   SelectItem,
   SelectTrigger
-} from "../chunk-V2JYAFB7.mjs";
+} from "../chunk-ZWBZ6YD3.mjs";
 export {
   Select,
   SelectContent,

package/dist/SkipLink/SkipLink.d.mts

@@ -0,0 +1,8 @@
+import React__default from 'react';
+
+interface SkipLinkProps extends React__default.AnchorHTMLAttributes<HTMLAnchorElement> {
+    targetId?: string;
+}
+declare const SkipLink: React__default.ForwardRefExoticComponent<SkipLinkProps & React__default.RefAttributes<HTMLAnchorElement>>;
+
+export { SkipLink, type SkipLinkProps };

package/dist/SkipLink/SkipLink.d.ts

@@ -0,0 +1,8 @@
+import React__default from 'react';
+
+interface SkipLinkProps extends React__default.AnchorHTMLAttributes<HTMLAnchorElement> {
+    targetId?: string;
+}
+declare const SkipLink: React__default.ForwardRefExoticComponent<SkipLinkProps & React__default.RefAttributes<HTMLAnchorElement>>;
+
+export { SkipLink, type SkipLinkProps };

package/dist/Switch/Switch.d.mts

@@ -0,0 +1,12 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface SwitchProps {
+    checked: boolean;
+    onCheckedChange: (checked: boolean) => void;
+    disabled?: boolean;
+    label?: string;
+    id?: string;
+}
+declare const Switch: ({ checked, onCheckedChange, disabled, label, id }: SwitchProps) => react_jsx_runtime.JSX.Element;
+
+export { Switch };

package/dist/Switch/Switch.d.ts

@@ -0,0 +1,12 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface SwitchProps {
+    checked: boolean;
+    onCheckedChange: (checked: boolean) => void;
+    disabled?: boolean;
+    label?: string;
+    id?: string;
+}
+declare const Switch: ({ checked, onCheckedChange, disabled, label, id }: SwitchProps) => react_jsx_runtime.JSX.Element;
+
+export { Switch };

package/dist/Toast/Toast.d.mts

@@ -0,0 +1,26 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React__default from 'react';
+
+type ToastType = 'info' | 'success' | 'warning' | 'error';
+interface Toast {
+    id: string;
+    title: string;
+    description?: string;
+    type?: ToastType;
+    duration?: number;
+    action?: {
+        label: string;
+        onClick: () => void;
+    };
+}
+interface ToastContextType {
+    toasts: Toast[];
+    addToast: (toast: Omit<Toast, 'id'>) => void;
+    removeToast: (id: string) => void;
+}
+declare const ToastProvider: ({ children }: {
+    children: React__default.ReactNode;
+}) => react_jsx_runtime.JSX.Element;
+declare const useToast: () => ToastContextType;
+
+export { type Toast, ToastProvider, type ToastType, useToast };

package/dist/Toast/Toast.d.ts

@@ -0,0 +1,26 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React__default from 'react';
+
+type ToastType = 'info' | 'success' | 'warning' | 'error';
+interface Toast {
+    id: string;
+    title: string;
+    description?: string;
+    type?: ToastType;
+    duration?: number;
+    action?: {
+        label: string;
+        onClick: () => void;
+    };
+}
+interface ToastContextType {
+    toasts: Toast[];
+    addToast: (toast: Omit<Toast, 'id'>) => void;
+    removeToast: (id: string) => void;
+}
+declare const ToastProvider: ({ children }: {
+    children: React__default.ReactNode;
+}) => react_jsx_runtime.JSX.Element;
+declare const useToast: () => ToastContextType;
+
+export { type Toast, ToastProvider, type ToastType, useToast };

package/dist/Tooltip/Tooltip.d.mts

@@ -0,0 +1,19 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React__default from 'react';
+
+declare const TooltipProvider: ({ children }: {
+    children: React__default.ReactNode;
+}) => react_jsx_runtime.JSX.Element;
+interface TooltipProps {
+    children: React__default.ReactNode;
+}
+declare const Tooltip: ({ children }: TooltipProps) => react_jsx_runtime.JSX.Element;
+declare const TooltipTrigger: ({ children, asChild, ...props }: React__default.HTMLAttributes<HTMLElement> & {
+    asChild?: boolean;
+}) => react_jsx_runtime.JSX.Element;
+declare const TooltipContent: ({ children, className }: {
+    children: React__default.ReactNode;
+    className?: string;
+}) => react_jsx_runtime.JSX.Element | null;
+
+export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };

package/dist/Tooltip/Tooltip.d.ts

@@ -0,0 +1,19 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React__default from 'react';
+
+declare const TooltipProvider: ({ children }: {
+    children: React__default.ReactNode;
+}) => react_jsx_runtime.JSX.Element;
+interface TooltipProps {
+    children: React__default.ReactNode;
+}
+declare const Tooltip: ({ children }: TooltipProps) => react_jsx_runtime.JSX.Element;
+declare const TooltipTrigger: ({ children, asChild, ...props }: React__default.HTMLAttributes<HTMLElement> & {
+    asChild?: boolean;
+}) => react_jsx_runtime.JSX.Element;
+declare const TooltipContent: ({ children, className }: {
+    children: React__default.ReactNode;
+    className?: string;
+}) => react_jsx_runtime.JSX.Element | null;
+
+export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };

package/dist/{chunk-W4ZHBRFT.mjs → chunk-2RP6SWY7.mjs}

@@ -1,10 +1,9 @@
 // src/Heading/Heading.tsx
 import React from "react";
-import { jsx } from "react/jsx-runtime";
 var Heading = React.forwardRef(
   ({ level, children, className, ...props }, ref) => {
     const Tag = `h${level}`;
-    return /* @__PURE__ */ jsx(Tag, { ref, className, ...props, children });
+    return React.createElement(Tag, { ref, className, ...props }, children);
   }
 );
 Heading.displayName = "Heading";

package/dist/{chunk-NDYRGXQ6.mjs → chunk-7V2LETZ6.mjs}

@@ -46,10 +46,10 @@ var Button = forwardRef(
     };
     const sizes = {
       small: {
-        padding: "0.25rem 0.5rem",
+        padding: "0.5rem 0.75rem",
         fontSize: "0.875rem",
-        minHeight: "32px"
-        // OBS: Kan bryta mot 44px om inte hanteras med margin
+        minHeight: "44px"
+        // Touch target safe (EN 301 549 9.2.5.5)
       },
       medium: {
         padding: "0.5rem 1rem",

package/dist/{chunk-LZ42XDDI.mjs → chunk-HIGQ6URZ.mjs}

@@ -23,6 +23,7 @@ var CloseIcon = () => /* @__PURE__ */ jsxs(
 var Dialog = forwardRef(
   ({ isOpen, onClose, title, children, variant = "default", description, className, ...props }, ref) => {
     const dialogRef = useRef(null);
+    const scrollLockRef = useRef(false);
     useImperativeHandle(ref, () => dialogRef.current);
     useEffect(() => {
       const dialog = dialogRef.current;
@@ -30,14 +31,26 @@ var Dialog = forwardRef(
       if (isOpen) {
         if (!dialog.open) {
           dialog.showModal();
-          document.body.style.overflow = "hidden";
+          if (!scrollLockRef.current) {
+            document.body.style.overflow = "hidden";
+            scrollLockRef.current = true;
+          }
         }
       } else {
         if (dialog.open) {
           dialog.close();
+        }
+        if (scrollLockRef.current) {
           document.body.style.overflow = "";
+          scrollLockRef.current = false;
         }
       }
+      return () => {
+        if (scrollLockRef.current) {
+          document.body.style.overflow = "";
+          scrollLockRef.current = false;
+        }
+      };
     }, [isOpen]);
     useEffect(() => {
       const dialog = dialogRef.current;

package/dist/{chunk-HALLFO25.mjs → chunk-Z4AIS75A.mjs}

@@ -1,6 +1,6 @@
 import {
   Dialog
-} from "./chunk-LZ42XDDI.mjs";
+} from "./chunk-HIGQ6URZ.mjs";
 
 // src/Modal/Modal.tsx
 import { forwardRef } from "react";

package/dist/{chunk-V2JYAFB7.mjs → chunk-ZWBZ6YD3.mjs}

@@ -82,10 +82,10 @@ var SelectTrigger = ({ children, className = "", placeholder = "Select..." }) =>
 var SelectContent = ({ children }) => {
   const context = useContext(SelectContext);
   useEffect(() => {
-    if (context && context.isOpen) {
+    if (context) {
       context.optionsRef.current = [];
     }
-  }, [context?.isOpen]);
+  }, [context?.isOpen, children]);
   if (!context || !context.isOpen) return null;
   return /* @__PURE__ */ jsx(
     "div",

package/dist/index.d.mts

@@ -0,0 +1,84 @@
+export { Button, ButtonProps } from './Button/Button.mjs';
+export { FormField, FormFieldProps } from './FormField/FormField.mjs';
+export { Dialog, DialogProps } from './Dialog/Dialog.mjs';
+export { Modal, ModalProps } from './Modal/Modal.mjs';
+export { SkipLink, SkipLinkProps } from './SkipLink/SkipLink.mjs';
+export { NavItem, NavigationMenu, NavigationMenuProps } from './NavigationMenu/NavigationMenu.mjs';
+export { Checkbox, CheckboxProps } from './Checkbox/Checkbox.mjs';
+export { RadioGroup, RadioGroupProps, RadioOption } from './RadioGroup/RadioGroup.mjs';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React__default, { ReactNode } from 'react';
+export { Select, SelectContent, SelectItem, SelectTrigger } from './Select/Select.mjs';
+export { Switch } from './Switch/Switch.mjs';
+export { Toast, ToastProvider, ToastType, useToast } from './Toast/Toast.mjs';
+export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from './Tooltip/Tooltip.mjs';
+export { Heading, HeadingProps } from './Heading/Heading.mjs';
+
+interface BreadcrumbsProps extends React__default.HTMLAttributes<HTMLElement> {
+    separator?: ReactNode;
+    children: ReactNode;
+}
+interface BreadcrumbItemProps extends React__default.LiHTMLAttributes<HTMLLIElement> {
+    href?: string;
+    isCurrent?: boolean;
+    children: ReactNode;
+}
+declare const BreadcrumbItem: ({ href, isCurrent, children, className, ...props }: BreadcrumbItemProps) => react_jsx_runtime.JSX.Element;
+declare const Breadcrumbs: ({ separator, children, className, ...props }: BreadcrumbsProps) => react_jsx_runtime.JSX.Element;
+
+interface AccordionProps {
+    type?: 'single' | 'multiple';
+    defaultValue?: string | string[];
+    children: ReactNode;
+    className?: string;
+}
+declare const Accordion: ({ type, defaultValue, children, className }: AccordionProps) => react_jsx_runtime.JSX.Element;
+interface AccordionItemProps {
+    value: string;
+    children: ReactNode;
+    className?: string;
+}
+declare const AccordionItem: ({ value, children, className }: AccordionItemProps) => react_jsx_runtime.JSX.Element;
+interface AccordionTriggerProps extends React__default.ButtonHTMLAttributes<HTMLButtonElement> {
+    children: ReactNode;
+    value?: string;
+    isOpen?: boolean;
+}
+declare const AccordionTrigger: ({ children, className, value, isOpen, ...props }: AccordionTriggerProps) => react_jsx_runtime.JSX.Element;
+interface AccordionContentProps {
+    children: ReactNode;
+    className?: string;
+    value?: string;
+    isOpen?: boolean;
+}
+declare const AccordionContent: ({ children, className, value, isOpen }: AccordionContentProps) => react_jsx_runtime.JSX.Element;
+
+interface TabsProps {
+    defaultValue?: string;
+    value?: string;
+    onValueChange?: (value: string) => void;
+    orientation?: 'horizontal' | 'vertical';
+    activationMode?: 'automatic' | 'manual';
+    children: ReactNode;
+    className?: string;
+}
+declare const Tabs: ({ defaultValue, value, onValueChange, orientation, activationMode, children, className }: TabsProps) => react_jsx_runtime.JSX.Element;
+interface TabsListProps {
+    children: ReactNode;
+    className?: string;
+    ariaLabel?: string;
+}
+declare const TabsList: ({ children, className, ariaLabel }: TabsListProps) => react_jsx_runtime.JSX.Element;
+interface TabTriggerProps extends React__default.ButtonHTMLAttributes<HTMLButtonElement> {
+    value: string;
+    children: ReactNode;
+}
+declare const TabTrigger: ({ value, children, className, ...props }: TabTriggerProps) => react_jsx_runtime.JSX.Element;
+interface TabsContentProps {
+    value: string;
+    children: ReactNode;
+    className?: string;
+}
+declare const TabsContent: ({ value, children, className }: TabsContentProps) => react_jsx_runtime.JSX.Element | null;
+
+export { Accordion, AccordionContent, type AccordionContentProps, AccordionItem, type AccordionItemProps, type AccordionProps, AccordionTrigger, type AccordionTriggerProps, BreadcrumbItem, type BreadcrumbItemProps, Breadcrumbs, type BreadcrumbsProps, TabTrigger, type TabTriggerProps, Tabs, TabsContent, type TabsContentProps, TabsList, type TabsListProps, type TabsProps };

package/dist/index.d.ts

@@ -0,0 +1,84 @@
+export { Button, ButtonProps } from './Button/Button.js';
+export { FormField, FormFieldProps } from './FormField/FormField.js';
+export { Dialog, DialogProps } from './Dialog/Dialog.js';
+export { Modal, ModalProps } from './Modal/Modal.js';
+export { SkipLink, SkipLinkProps } from './SkipLink/SkipLink.js';
+export { NavItem, NavigationMenu, NavigationMenuProps } from './NavigationMenu/NavigationMenu.js';
+export { Checkbox, CheckboxProps } from './Checkbox/Checkbox.js';
+export { RadioGroup, RadioGroupProps, RadioOption } from './RadioGroup/RadioGroup.js';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React__default, { ReactNode } from 'react';
+export { Select, SelectContent, SelectItem, SelectTrigger } from './Select/Select.js';
+export { Switch } from './Switch/Switch.js';
+export { Toast, ToastProvider, ToastType, useToast } from './Toast/Toast.js';
+export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from './Tooltip/Tooltip.js';
+export { Heading, HeadingProps } from './Heading/Heading.js';
+
+interface BreadcrumbsProps extends React__default.HTMLAttributes<HTMLElement> {
+    separator?: ReactNode;
+    children: ReactNode;
+}
+interface BreadcrumbItemProps extends React__default.LiHTMLAttributes<HTMLLIElement> {
+    href?: string;
+    isCurrent?: boolean;
+    children: ReactNode;
+}
+declare const BreadcrumbItem: ({ href, isCurrent, children, className, ...props }: BreadcrumbItemProps) => react_jsx_runtime.JSX.Element;
+declare const Breadcrumbs: ({ separator, children, className, ...props }: BreadcrumbsProps) => react_jsx_runtime.JSX.Element;
+
+interface AccordionProps {
+    type?: 'single' | 'multiple';
+    defaultValue?: string | string[];
+    children: ReactNode;
+    className?: string;
+}
+declare const Accordion: ({ type, defaultValue, children, className }: AccordionProps) => react_jsx_runtime.JSX.Element;
+interface AccordionItemProps {
+    value: string;
+    children: ReactNode;
+    className?: string;
+}
+declare const AccordionItem: ({ value, children, className }: AccordionItemProps) => react_jsx_runtime.JSX.Element;
+interface AccordionTriggerProps extends React__default.ButtonHTMLAttributes<HTMLButtonElement> {
+    children: ReactNode;
+    value?: string;
+    isOpen?: boolean;
+}
+declare const AccordionTrigger: ({ children, className, value, isOpen, ...props }: AccordionTriggerProps) => react_jsx_runtime.JSX.Element;
+interface AccordionContentProps {
+    children: ReactNode;
+    className?: string;
+    value?: string;
+    isOpen?: boolean;
+}
+declare const AccordionContent: ({ children, className, value, isOpen }: AccordionContentProps) => react_jsx_runtime.JSX.Element;
+
+interface TabsProps {
+    defaultValue?: string;
+    value?: string;
+    onValueChange?: (value: string) => void;
+    orientation?: 'horizontal' | 'vertical';
+    activationMode?: 'automatic' | 'manual';
+    children: ReactNode;
+    className?: string;
+}
+declare const Tabs: ({ defaultValue, value, onValueChange, orientation, activationMode, children, className }: TabsProps) => react_jsx_runtime.JSX.Element;
+interface TabsListProps {
+    children: ReactNode;
+    className?: string;
+    ariaLabel?: string;
+}
+declare const TabsList: ({ children, className, ariaLabel }: TabsListProps) => react_jsx_runtime.JSX.Element;
+interface TabTriggerProps extends React__default.ButtonHTMLAttributes<HTMLButtonElement> {
+    value: string;
+    children: ReactNode;
+}
+declare const TabTrigger: ({ value, children, className, ...props }: TabTriggerProps) => react_jsx_runtime.JSX.Element;
+interface TabsContentProps {
+    value: string;
+    children: ReactNode;
+    className?: string;
+}
+declare const TabsContent: ({ value, children, className }: TabsContentProps) => react_jsx_runtime.JSX.Element | null;
+
+export { Accordion, AccordionContent, type AccordionContentProps, AccordionItem, type AccordionItemProps, type AccordionProps, AccordionTrigger, type AccordionTriggerProps, BreadcrumbItem, type BreadcrumbItemProps, Breadcrumbs, type BreadcrumbsProps, TabTrigger, type TabTriggerProps, Tabs, TabsContent, type TabsContentProps, TabsList, type TabsListProps, type TabsProps };

package/dist/index.js

@@ -111,10 +111,10 @@ var Button = (0, import_react.forwardRef)(
     };
     const sizes = {
       small: {
-        padding: "0.25rem 0.5rem",
+        padding: "0.5rem 0.75rem",
         fontSize: "0.875rem",
-        minHeight: "32px"
-        // OBS: Kan bryta mot 44px om inte hanteras med margin
+        minHeight: "44px"
+        // Touch target safe (EN 301 549 9.2.5.5)
       },
       medium: {
         padding: "0.5rem 1rem",
@@ -261,6 +261,7 @@ var CloseIcon = () => /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
 var Dialog = (0, import_react3.forwardRef)(
   ({ isOpen, onClose, title, children, variant = "default", description, className, ...props }, ref) => {
     const dialogRef = (0, import_react3.useRef)(null);
+    const scrollLockRef = (0, import_react3.useRef)(false);
     (0, import_react3.useImperativeHandle)(ref, () => dialogRef.current);
     (0, import_react3.useEffect)(() => {
       const dialog = dialogRef.current;
@@ -268,14 +269,26 @@ var Dialog = (0, import_react3.forwardRef)(
       if (isOpen) {
         if (!dialog.open) {
           dialog.showModal();
-          document.body.style.overflow = "hidden";
+          if (!scrollLockRef.current) {
+            document.body.style.overflow = "hidden";
+            scrollLockRef.current = true;
+          }
         }
       } else {
         if (dialog.open) {
           dialog.close();
+        }
+        if (scrollLockRef.current) {
           document.body.style.overflow = "";
+          scrollLockRef.current = false;
         }
       }
+      return () => {
+        if (scrollLockRef.current) {
+          document.body.style.overflow = "";
+          scrollLockRef.current = false;
+        }
+      };
     }, [isOpen]);
     (0, import_react3.useEffect)(() => {
       const dialog = dialogRef.current;
@@ -944,10 +957,10 @@ var SelectTrigger = ({ children, className = "", placeholder = "Select..." }) =>
 var SelectContent = ({ children }) => {
   const context = (0, import_react12.useContext)(SelectContext);
   (0, import_react12.useEffect)(() => {
-    if (context && context.isOpen) {
+    if (context) {
       context.optionsRef.current = [];
     }
-  }, [context?.isOpen]);
+  }, [context?.isOpen, children]);
   if (!context || !context.isOpen) return null;
   return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
     "div",
@@ -1213,11 +1226,10 @@ var TooltipContent = ({ children, className = "" }) => {
 
 // src/Heading/Heading.tsx
 var import_react15 = __toESM(require("react"));
-var import_jsx_runtime16 = require("react/jsx-runtime");
 var Heading = import_react15.default.forwardRef(
   ({ level, children, className, ...props }, ref) => {
     const Tag = `h${level}`;
-    return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Tag, { ref, className, ...props, children });
+    return import_react15.default.createElement(Tag, { ref, className, ...props }, children);
   }
 );
 Heading.displayName = "Heading";

package/dist/index.mjs

@@ -1,12 +1,12 @@
 import {
-  NavigationMenu
-} from "./chunk-GK4BYT56.mjs";
+  RadioGroup
+} from "./chunk-YMSNGQN6.mjs";
 import {
   Select,
   SelectContent,
   SelectItem,
   SelectTrigger
-} from "./chunk-V2JYAFB7.mjs";
+} from "./chunk-ZWBZ6YD3.mjs";
 import {
   SkipLink
 } from "./chunk-MKKQLWGK.mjs";
@@ -25,25 +25,25 @@ import {
 } from "./chunk-C5M6C7KT.mjs";
 import {
   Button
-} from "./chunk-NDYRGXQ6.mjs";
+} from "./chunk-7V2LETZ6.mjs";
+import {
+  FormField
+} from "./chunk-PLT5CAFO.mjs";
 import {
   Checkbox
 } from "./chunk-NOE5QKC2.mjs";
 import {
   Heading
-} from "./chunk-W4ZHBRFT.mjs";
-import {
-  FormField
-} from "./chunk-PLT5CAFO.mjs";
+} from "./chunk-2RP6SWY7.mjs";
 import {
   Modal
-} from "./chunk-HALLFO25.mjs";
+} from "./chunk-Z4AIS75A.mjs";
 import {
   Dialog
-} from "./chunk-LZ42XDDI.mjs";
+} from "./chunk-HIGQ6URZ.mjs";
 import {
-  RadioGroup
-} from "./chunk-YMSNGQN6.mjs";
+  NavigationMenu
+} from "./chunk-GK4BYT56.mjs";
 
 // src/Breadcrumbs/Breadcrumbs.tsx
 import React, { Children, isValidElement, cloneElement } from "react";

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@holmdigital/components",
     "author": "Holm Digital AB",
-    "version": "1.2.1",
+    "version": "1.2.3",
     "private": false,
     "publishConfig": {
         "access": "public",
@@ -18,61 +18,61 @@
     "types": "./dist/index.d.ts",
     "exports": {
         ".": {
+            "types": "./dist/index.d.ts",
             "import": "./dist/index.mjs",
-            "require": "./dist/index.js",
-            "types": "./dist/index.d.ts"
+            "require": "./dist/index.js"
         },
         "./Button": {
-            "import": "./dist/Button/Button.mjs",
-            "types": "./dist/Button/Button.d.ts"
+            "types": "./dist/Button/Button.d.ts",
+            "import": "./dist/Button/Button.mjs"
         },
         "./FormField": {
-            "import": "./dist/FormField/FormField.mjs",
-            "types": "./dist/FormField/FormField.d.ts"
+            "types": "./dist/FormField/FormField.d.ts",
+            "import": "./dist/FormField/FormField.mjs"
         },
         "./Dialog": {
-            "import": "./dist/Dialog/Dialog.mjs",
-            "types": "./dist/Dialog/Dialog.d.ts"
+            "types": "./dist/Dialog/Dialog.d.ts",
+            "import": "./dist/Dialog/Dialog.mjs"
         },
         "./Modal": {
-            "import": "./dist/Modal/Modal.mjs",
-            "types": "./dist/Modal/Modal.d.ts"
+            "types": "./dist/Modal/Modal.d.ts",
+            "import": "./dist/Modal/Modal.mjs"
         },
         "./SkipLink": {
-            "import": "./dist/SkipLink/SkipLink.mjs",
-            "types": "./dist/SkipLink/SkipLink.d.ts"
+            "types": "./dist/SkipLink/SkipLink.d.ts",
+            "import": "./dist/SkipLink/SkipLink.mjs"
         },
         "./NavigationMenu": {
-            "import": "./dist/NavigationMenu/NavigationMenu.mjs",
-            "types": "./dist/NavigationMenu/NavigationMenu.d.ts"
+            "types": "./dist/NavigationMenu/NavigationMenu.d.ts",
+            "import": "./dist/NavigationMenu/NavigationMenu.mjs"
         },
         "./Checkbox": {
-            "import": "./dist/Checkbox/Checkbox.mjs",
-            "types": "./dist/Checkbox/Checkbox.d.ts"
+            "types": "./dist/Checkbox/Checkbox.d.ts",
+            "import": "./dist/Checkbox/Checkbox.mjs"
         },
         "./RadioGroup": {
-            "import": "./dist/RadioGroup/RadioGroup.mjs",
-            "types": "./dist/RadioGroup/RadioGroup.d.ts"
+            "types": "./dist/RadioGroup/RadioGroup.d.ts",
+            "import": "./dist/RadioGroup/RadioGroup.mjs"
         },
         "./Select": {
-            "import": "./dist/Select/Select.mjs",
-            "types": "./dist/Select/Select.d.ts"
+            "types": "./dist/Select/Select.d.ts",
+            "import": "./dist/Select/Select.mjs"
         },
         "./Switch": {
-            "import": "./dist/Switch/Switch.mjs",
-            "types": "./dist/Switch/Switch.d.ts"
+            "types": "./dist/Switch/Switch.d.ts",
+            "import": "./dist/Switch/Switch.mjs"
         },
         "./Toast": {
-            "import": "./dist/Toast/Toast.mjs",
-            "types": "./dist/Toast/Toast.d.ts"
+            "types": "./dist/Toast/Toast.d.ts",
+            "import": "./dist/Toast/Toast.mjs"
         },
         "./Tooltip": {
-            "import": "./dist/Tooltip/Tooltip.mjs",
-            "types": "./dist/Tooltip/Tooltip.d.ts"
+            "types": "./dist/Tooltip/Tooltip.d.ts",
+            "import": "./dist/Tooltip/Tooltip.mjs"
         },
         "./Heading": {
-            "import": "./dist/Heading/Heading.mjs",
-            "types": "./dist/Heading/Heading.d.ts"
+            "types": "./dist/Heading/Heading.d.ts",
+            "import": "./dist/Heading/Heading.mjs"
         }
     },
     "files": [