@bi-digital/react 0.10.0 → 0.11.0

package/dist/components/navbar/navbar.d.mts

@@ -1,2 +1,2 @@
-import { G as Navbar, K as NavbarProps } from "../../alert-footer-42JbxJ0B.mjs";
+import { G as Navbar, K as NavbarProps } from "../../alert-footer-D_kCDrhn.mjs";
 export { Navbar, NavbarProps };

package/dist/components/navbar/sub-navbar.d.mts

@@ -1,2 +1,2 @@
-import { U as SubNavbar, W as SubNavbarProps } from "../../alert-footer-42JbxJ0B.mjs";
+import { U as SubNavbar, W as SubNavbarProps } from "../../alert-footer-D_kCDrhn.mjs";
 export { SubNavbar, SubNavbarProps };

package/dist/components/pagination/index.d.mts

@@ -1,3 +1,3 @@
-import { B as PaginationButtonProps, H as PaginationProps, V as Pagination, z as PaginationButton } from "../../alert-footer-42JbxJ0B.mjs";
-import { n as PaginationItemProps, t as PaginationItem } from "../../pagination-item-AQQSJ7GD.mjs";
+import { B as PaginationButtonProps, H as PaginationProps, V as Pagination, z as PaginationButton } from "../../alert-footer-D_kCDrhn.mjs";
+import { n as PaginationItemProps, t as PaginationItem } from "../../pagination-item-BNyKs6wz.mjs";
 export { Pagination, PaginationButton, PaginationButtonProps, PaginationItem, PaginationItemProps, PaginationProps };

package/dist/components/pagination/pagination-button.d.mts

@@ -1,2 +1,2 @@
-import { B as PaginationButtonProps, z as PaginationButton } from "../../alert-footer-42JbxJ0B.mjs";
+import { B as PaginationButtonProps, z as PaginationButton } from "../../alert-footer-D_kCDrhn.mjs";
 export { PaginationButton, PaginationButtonProps };

package/dist/components/pagination/pagination-item.d.mts

@@ -1,2 +1,2 @@
-import { n as PaginationItemProps, t as PaginationItem } from "../../pagination-item-AQQSJ7GD.mjs";
+import { n as PaginationItemProps, t as PaginationItem } from "../../pagination-item-BNyKs6wz.mjs";
 export { PaginationItem, PaginationItemProps };

package/dist/components/pagination/pagination.d.mts

@@ -1,2 +1,2 @@
-import { H as PaginationProps, V as Pagination } from "../../alert-footer-42JbxJ0B.mjs";
+import { H as PaginationProps, V as Pagination } from "../../alert-footer-D_kCDrhn.mjs";
 export { Pagination, PaginationProps };

package/dist/components/popover/index.d.mts

@@ -1,3 +1,3 @@
-import { Dt as Popover, Et as PopoverTriggerProps, Ot as PopoverProps, Tt as PopoverTrigger } from "../../alert-footer-42JbxJ0B.mjs";
-import { n as PopoverTriggerContext, r as PopoverTriggerContextProps } from "../../popover-trigger-context-BG1lPWXA.mjs";
+import { Dt as Popover, Et as PopoverTriggerProps, Ot as PopoverProps, Tt as PopoverTrigger } from "../../alert-footer-D_kCDrhn.mjs";
+import { n as PopoverTriggerContext, r as PopoverTriggerContextProps } from "../../popover-trigger-context-DTh-_AMm.mjs";
 export { Popover, PopoverProps, PopoverTrigger, PopoverTriggerContext, PopoverTriggerContextProps, PopoverTriggerProps };

package/dist/components/popover/popover-trigger-context.d.mts

@@ -1,2 +1,2 @@
-import { n as PopoverTriggerContext, r as PopoverTriggerContextProps, t as Context } from "../../popover-trigger-context-BG1lPWXA.mjs";
+import { n as PopoverTriggerContext, r as PopoverTriggerContextProps, t as Context } from "../../popover-trigger-context-DTh-_AMm.mjs";
 export { Context, PopoverTriggerContext, PopoverTriggerContextProps };

package/dist/components/popover/popover-trigger.d.mts

@@ -1,2 +1,2 @@
-import { Et as PopoverTriggerProps, Tt as PopoverTrigger } from "../../alert-footer-42JbxJ0B.mjs";
+import { Et as PopoverTriggerProps, Tt as PopoverTrigger } from "../../alert-footer-D_kCDrhn.mjs";
 export { PopoverTrigger, PopoverTriggerProps };

package/dist/components/popover/popover.d.mts

@@ -1,2 +1,2 @@
-import { Dt as Popover, Ot as PopoverProps } from "../../alert-footer-42JbxJ0B.mjs";
+import { Dt as Popover, Ot as PopoverProps } from "../../alert-footer-D_kCDrhn.mjs";
 export { Popover, PopoverProps };

package/dist/components/radio/index.d.mts

@@ -1,2 +1,2 @@
-import { L as Radio, R as RadioProps } from "../../alert-footer-42JbxJ0B.mjs";
+import { L as Radio, R as RadioProps } from "../../alert-footer-D_kCDrhn.mjs";
 export { Radio, RadioProps };

package/dist/components/radio/radio.d.mts

@@ -1,2 +1,2 @@
-import { L as Radio, R as RadioProps } from "../../alert-footer-42JbxJ0B.mjs";
+import { L as Radio, R as RadioProps } from "../../alert-footer-D_kCDrhn.mjs";
 export { Radio, RadioProps };

package/dist/components/search/index.d.mts

@@ -1,2 +1,2 @@
-import { F as Search, I as SearchProps } from "../../alert-footer-42JbxJ0B.mjs";
+import { F as Search, I as SearchProps } from "../../alert-footer-D_kCDrhn.mjs";
 export { Search, SearchProps };

package/dist/components/search/search.d.mts

@@ -1,2 +1,2 @@
-import { F as Search, I as SearchProps } from "../../alert-footer-42JbxJ0B.mjs";
+import { F as Search, I as SearchProps } from "../../alert-footer-D_kCDrhn.mjs";
 export { Search, SearchProps };

package/dist/components/select/index.d.mts

@@ -1,2 +1,2 @@
-import { A as SelectOptgroupProps, M as SelectOptionProps, N as Select, P as SelectProps, j as SelectOption, k as SelectOptgroup } from "../../alert-footer-42JbxJ0B.mjs";
+import { A as SelectOptgroupProps, M as SelectOptionProps, N as Select, P as SelectProps, j as SelectOption, k as SelectOptgroup } from "../../alert-footer-D_kCDrhn.mjs";
 export { Select, SelectOptgroup, SelectOptgroupProps, SelectOption, SelectOptionProps, SelectProps };

package/dist/components/select/select-optgroup.d.mts

@@ -1,2 +1,2 @@
-import { A as SelectOptgroupProps, k as SelectOptgroup } from "../../alert-footer-42JbxJ0B.mjs";
+import { A as SelectOptgroupProps, k as SelectOptgroup } from "../../alert-footer-D_kCDrhn.mjs";
 export { SelectOptgroup, SelectOptgroupProps };

package/dist/components/select/select-option.d.mts

@@ -1,2 +1,2 @@
-import { M as SelectOptionProps, j as SelectOption } from "../../alert-footer-42JbxJ0B.mjs";
+import { M as SelectOptionProps, j as SelectOption } from "../../alert-footer-D_kCDrhn.mjs";
 export { SelectOption, SelectOptionProps };

package/dist/components/select/select.d.mts

@@ -1,2 +1,2 @@
-import { N as Select, P as SelectProps } from "../../alert-footer-42JbxJ0B.mjs";
+import { N as Select, P as SelectProps } from "../../alert-footer-D_kCDrhn.mjs";
 export { Select, SelectProps };

package/dist/components/selectfield/index.d.mts

@@ -1,2 +1,2 @@
-import { D as Selectfield, O as SelectfieldProps } from "../../alert-footer-42JbxJ0B.mjs";
+import { D as Selectfield, O as SelectfieldProps } from "../../alert-footer-D_kCDrhn.mjs";
 export { Selectfield, SelectfieldProps };

package/dist/components/selectfield/selectfield.d.mts

@@ -1,2 +1,2 @@
-import { D as Selectfield, O as SelectfieldProps } from "../../alert-footer-42JbxJ0B.mjs";
+import { D as Selectfield, O as SelectfieldProps } from "../../alert-footer-D_kCDrhn.mjs";
 export { Selectfield, SelectfieldProps };

package/dist/components/skip-link/index.d.mts

@@ -1,2 +1,2 @@
-import { E as SkipLinkProps, T as SkipLink } from "../../alert-footer-42JbxJ0B.mjs";
+import { E as SkipLinkProps, T as SkipLink } from "../../alert-footer-D_kCDrhn.mjs";
 export { SkipLink, SkipLinkProps };

package/dist/components/skip-link/skip-link.d.mts

@@ -1,2 +1,2 @@
-import { E as SkipLinkProps, T as SkipLink } from "../../alert-footer-42JbxJ0B.mjs";
+import { E as SkipLinkProps, T as SkipLink } from "../../alert-footer-D_kCDrhn.mjs";
 export { SkipLink, SkipLinkProps };

package/dist/components/spinner/index.d.mts

@@ -1,2 +1,2 @@
-import { C as Spinner, w as SpinnerProps } from "../../alert-footer-42JbxJ0B.mjs";
+import { C as Spinner, w as SpinnerProps } from "../../alert-footer-D_kCDrhn.mjs";
 export { Spinner, SpinnerProps };

package/dist/components/spinner/spinner.d.mts

@@ -1,2 +1,2 @@
-import { C as Spinner, w as SpinnerProps } from "../../alert-footer-42JbxJ0B.mjs";
+import { C as Spinner, w as SpinnerProps } from "../../alert-footer-D_kCDrhn.mjs";
 export { Spinner, SpinnerProps };

package/dist/components/sticky-header/index.d.mts

@@ -1,2 +1,2 @@
-import { n as StickyHeaderProps, t as StickyHeader } from "../../sticky-header-C6gJlnzy.mjs";
+import { n as StickyHeaderProps, t as StickyHeader } from "../../sticky-header-CLZPboYg.mjs";
 export { StickyHeader, StickyHeaderProps };

package/dist/components/sticky-header/sticky-header.d.mts

@@ -1,2 +1,2 @@
-import { n as StickyHeaderProps, t as StickyHeader } from "../../sticky-header-C6gJlnzy.mjs";
+import { n as StickyHeaderProps, t as StickyHeader } from "../../sticky-header-CLZPboYg.mjs";
 export { StickyHeader, StickyHeaderProps };

package/dist/components/switch/index.d.mts

@@ -1,2 +1,2 @@
-import { S as SwitchProps, x as Switch } from "../../alert-footer-42JbxJ0B.mjs";
+import { S as SwitchProps, x as Switch } from "../../alert-footer-D_kCDrhn.mjs";
 export { Switch, SwitchProps };

package/dist/components/switch/switch.d.mts

@@ -1,2 +1,2 @@
-import { S as SwitchProps, x as Switch } from "../../alert-footer-42JbxJ0B.mjs";
+import { S as SwitchProps, x as Switch } from "../../alert-footer-D_kCDrhn.mjs";
 export { Switch, SwitchProps };

package/dist/components/tabs/index.d.mts

@@ -1,2 +1,2 @@
-import { b as TabsProps, d as TabsPanel, f as TabsPanelProps, g as TabProps, h as Tab, m as TabsListProps, p as TabsList, v as Tabs, y as TabsContext } from "../../alert-footer-42JbxJ0B.mjs";
+import { b as TabsProps, d as TabsPanel, f as TabsPanelProps, g as TabProps, h as Tab, m as TabsListProps, p as TabsList, v as Tabs, y as TabsContext } from "../../alert-footer-D_kCDrhn.mjs";
 export { Tab, TabProps, Tabs, TabsContext, TabsList, TabsListProps, TabsPanel, TabsPanelProps, TabsProps };

package/dist/components/tabs/tab.d.mts

@@ -1,2 +1,2 @@
-import { g as TabProps, h as Tab } from "../../alert-footer-42JbxJ0B.mjs";
+import { g as TabProps, h as Tab } from "../../alert-footer-D_kCDrhn.mjs";
 export { Tab, TabProps };

package/dist/components/tabs/tab.mjs

@@ -3,16 +3,20 @@ import "@digdir/designsystemet-web";
 import { jsx } from "react/jsx-runtime";
 import { use } from "react";
 //#region src/components/tabs/tab.tsx
-const Tab = ({ value, children, dark, onClick, ref, ...props }) => {
-	const { onChange, getPrefixedValue, isProgrammaticClick } = use(Context);
+const Tab = ({ value, children, dark, onClick, onClickCapture, ref, ...props }) => {
+	const { onChange, getPrefixedValue, isControlled, currentValue } = use(Context);
 	return /* @__PURE__ */ jsx("ds-tab", {
 		"aria-controls": props["aria-controls"] ?? getPrefixedValue?.(value),
 		"data-value": value,
 		"data-dark": dark,
 		ref,
 		suppressHydrationWarning: true,
+		onClickCapture: (e) => {
+			onClickCapture?.(e);
+			if (isControlled && currentValue !== value) e.preventDefault();
+		},
 		onClick: (e) => {
-			if (!isProgrammaticClick?.current) onChange?.(value);
+			if (e.isTrusted || !isControlled || currentValue !== value) onChange?.(value);
 			onClick?.(e);
 		},
 		...props,

package/dist/components/tabs/tab.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"tab.mjs","names":[],"sources":["../../../src/components/tabs/tab.tsx"],"sourcesContent":["import type { DSTabElement } from '@digdir/designsystemet-web';\nimport { use, type HTMLAttributes, type Ref } from 'react';\nimport '@digdir/designsystemet-web'; // Import ds-tab custom element\nimport type { MergeRight } from '../../utilities';\nimport { DefaultProps } from '../../types';\nimport { Context } from './tabs';\n\nexport type TabProps = MergeRight<\n  DefaultProps & HTMLAttributes<DSTabElement>,\n  {\n    /** A unique value that associates the trigger with a content. */\n    value: string;\n    ref?: Ref<DSTabElement>;\n  }\n>;\n\nexport const Tab = ({ value, children, dark, onClick, ref, ...props }: TabProps) => {\n  const { onChange, getPrefixedValue, isProgrammaticClick } = use(Context);\n  return (\n    <ds-tab\n      aria-controls={props['aria-controls'] ?? getPrefixedValue?.(value)}\n      data-value={value}\n      data-dark={dark}\n      ref={ref}\n      suppressHydrationWarning // Since <ds-tablist> adds attributes\n      onClick={(e: React.MouseEvent<DSTabElement>) => {\n        if (!isProgrammaticClick?.current) onChange?.(value); // Only call onChange for user interactions, not programmatic clicks used to sync controlled state\n        onClick?.(e);\n      }}\n      {...props}\n    >\n      {children}\n    </ds-tab>\n  );\n};\n"],"mappings":";;;;;AAgBA,MAAa,OAAO,EAAE,OAAO,UAAU,MAAM,SAAS,KAAK,GAAG,YAAsB;CAClF,MAAM,EAAE,UAAU,kBAAkB,wBAAwB,IAAI,QAAQ;AACxE,QACE,oBAAC,UAAD;EACE,iBAAe,MAAM,oBAAoB,mBAAmB,MAAM;EAClE,cAAY;EACZ,aAAW;EACN;EACL,0BAAA;EACA,UAAU,MAAsC;AAC9C,OAAI,CAAC,qBAAqB,QAAS,YAAW,MAAM;AACpD,aAAU,EAAE;;EAEd,GAAI;EAEH;EACM,CAAA"}
+{"version":3,"file":"tab.mjs","names":[],"sources":["../../../src/components/tabs/tab.tsx"],"sourcesContent":["import type { DSTabElement } from '@digdir/designsystemet-web';\nimport { use, type HTMLAttributes, type Ref } from 'react';\nimport '@digdir/designsystemet-web'; // Import ds-tab custom element\nimport type { MergeRight } from '../../utilities';\nimport type { DefaultProps } from '../../types';\nimport { Context } from './tabs';\n\nexport type TabProps = MergeRight<\n  DefaultProps & HTMLAttributes<DSTabElement>,\n  {\n    /** A unique value that associates the trigger with a content. */\n    value: string;\n    ref?: Ref<DSTabElement>;\n  }\n>;\n\nexport const Tab = ({ value, children, dark, onClick, onClickCapture, ref, ...props }: TabProps) => {\n  const { onChange, getPrefixedValue, isControlled, currentValue } = use(Context);\n  return (\n    <ds-tab\n      aria-controls={props['aria-controls'] ?? getPrefixedValue?.(value)}\n      data-value={value}\n      data-dark={dark}\n      ref={ref}\n      suppressHydrationWarning // Since <ds-tablist> adds attributes\n      onClickCapture={(e: React.MouseEvent<DSTabElement>) => {\n        onClickCapture?.(e);\n        if (isControlled && currentValue !== value) {\n          e.preventDefault();\n        }\n      }}\n      onClick={(e: React.MouseEvent<DSTabElement>) => {\n        if (e.isTrusted || !isControlled || currentValue !== value) {\n          onChange?.(value); // Only call onChange for user interactions, not programmatic clicks used to sync controlled state\n        }\n        onClick?.(e);\n      }}\n      {...props}\n    >\n      {children}\n    </ds-tab>\n  );\n};\n"],"mappings":";;;;;AAgBA,MAAa,OAAO,EAAE,OAAO,UAAU,MAAM,SAAS,gBAAgB,KAAK,GAAG,YAAsB;CAClG,MAAM,EAAE,UAAU,kBAAkB,cAAc,iBAAiB,IAAI,QAAQ;AAC/E,QACE,oBAAC,UAAD;EACE,iBAAe,MAAM,oBAAoB,mBAAmB,MAAM;EAClE,cAAY;EACZ,aAAW;EACN;EACL,0BAAA;EACA,iBAAiB,MAAsC;AACrD,oBAAiB,EAAE;AACnB,OAAI,gBAAgB,iBAAiB,MACnC,GAAE,gBAAgB;;EAGtB,UAAU,MAAsC;AAC9C,OAAI,EAAE,aAAa,CAAC,gBAAgB,iBAAiB,MACnD,YAAW,MAAM;AAEnB,aAAU,EAAE;;EAEd,GAAI;EAEH;EACM,CAAA"}

package/dist/components/tabs/tabs-list.d.mts

@@ -1,2 +1,2 @@
-import { m as TabsListProps, p as TabsList } from "../../alert-footer-42JbxJ0B.mjs";
+import { m as TabsListProps, p as TabsList } from "../../alert-footer-D_kCDrhn.mjs";
 export { TabsList, TabsListProps };

package/dist/components/tabs/tabs-panel.d.mts

@@ -1,2 +1,2 @@
-import { d as TabsPanel, f as TabsPanelProps } from "../../alert-footer-42JbxJ0B.mjs";
+import { d as TabsPanel, f as TabsPanelProps } from "../../alert-footer-D_kCDrhn.mjs";
 export { TabsPanel, TabsPanelProps };

package/dist/components/tabs/tabs.d.mts

@@ -1,2 +1,2 @@
-import { _ as Context, b as TabsProps, v as Tabs, y as TabsContext } from "../../alert-footer-42JbxJ0B.mjs";
+import { _ as Context, b as TabsProps, v as Tabs, y as TabsContext } from "../../alert-footer-D_kCDrhn.mjs";
 export { Context, Tabs, TabsContext, TabsProps };

package/dist/components/tabs/tabs.mjs

@@ -7,6 +7,7 @@ import { useControllableState } from "@radix-ui/react-use-controllable-state";
 //#region src/components/tabs/tabs.tsx
 const Context = createContext({});
 const Tabs = ({ defaultValue, value: valueProp, onChange, children, className, dark, ref, ...props }) => {
+	const isControlled = valueProp !== void 0;
 	const tabsRef = useRef(null);
 	const isProgrammaticClick = useRef(false);
 	const valuePrefix = useId();
@@ -29,11 +30,11 @@ const Tabs = ({ defaultValue, value: valueProp, onChange, children, className, d
 	}, [valueProp]);
 	return /* @__PURE__ */ jsx(Context, {
 		value: {
-			value,
+			isControlled,
+			currentValue: value,
 			defaultValue,
 			onChange: setValue,
-			getPrefixedValue: (value) => value && `${valuePrefix}-${value}`,
-			isProgrammaticClick
+			getPrefixedValue: (value) => value && `${valuePrefix}-${value}`
 		},
 		children: /* @__PURE__ */ jsx("ds-tabs", {
 			suppressHydrationWarning: true,

package/dist/components/tabs/tabs.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"tabs.mjs","names":[],"sources":["../../../src/components/tabs/tabs.tsx"],"sourcesContent":["import { createContext, useEffect, useId, useRef } from 'react';\nimport type { HTMLAttributes, Ref, RefObject } from 'react';\nimport { useControllableState } from '@radix-ui/react-use-controllable-state';\nimport type { DSTabsElement } from '@digdir/designsystemet-web';\nimport '@digdir/designsystemet-web'; // Import ds-tabs custom element\nimport clsx from 'clsx/lite';\nimport type { DefaultProps } from '../../types';\nimport type { MergeRight } from '../../utilities';\nimport { useMergeRefs } from '../../utilities/hooks/useMergeRefs/useMergeRefs';\n\nexport type TabsProps = MergeRight<\n  DefaultProps & HTMLAttributes<DSTabsElement>,\n  {\n    /** The value of the tab that should be active when initially rendered. Use when you do not need to control the state of the tabs. */\n    defaultValue?: string;\n    /** The controlled value of the tab to activate. Should be used together with `onChange`. */\n    value?: string;\n    /** Event handler called when the value changes. */\n    onChange?: (value: string) => void;\n    ref?: Ref<DSTabsElement>;\n  }\n>;\n\nexport type TabsContext = {\n  value?: string;\n  defaultValue?: string;\n  onChange?: (value: string) => void;\n  getPrefixedValue?: (value?: string) => string | undefined;\n  isProgrammaticClick?: RefObject<boolean>;\n};\n\nexport const Context = createContext<TabsContext>({});\n\nexport const Tabs = ({\n  defaultValue,\n  value: valueProp,\n  onChange,\n  children,\n  className,\n  dark,\n  ref,\n  ...props\n}: TabsProps) => {\n  const tabsRef = useRef<DSTabsElement>(null);\n  const isProgrammaticClick = useRef(false);\n  const valuePrefix = useId(); // Used for generation of unique value-based ids for tabs and panels\n  const mergedRefs = useMergeRefs([ref, tabsRef]);\n  const [value, setValue] = useControllableState({\n    prop: valueProp,\n    onChange,\n    defaultProp: defaultValue || '',\n    caller: 'Tabs',\n  });\n\n  useEffect(() => {\n    if (!tabsRef.current || valueProp === undefined) return;\n    tabsRef.current?.tabList?.tabs?.forEach((tab) => {\n      if (tab.getAttribute('data-value') === valueProp) {\n        isProgrammaticClick.current = true;\n        tab.click();\n        isProgrammaticClick.current = false;\n      }\n    });\n  }, [valueProp]);\n\n  return (\n    <Context\n      value={{\n        value,\n        defaultValue,\n        onChange: setValue,\n        getPrefixedValue: (value?: string) => value && `${valuePrefix}-${value}`,\n        isProgrammaticClick,\n      }}\n    >\n      <ds-tabs\n        suppressHydrationWarning // Since <ds-tablist> adds attributes\n        ref={mergedRefs}\n        className={clsx('bi-tabs', className)}\n        data-dark={dark}\n        {...props}\n      >\n        {children}\n      </ds-tabs>\n    </Context>\n  );\n};\n"],"mappings":";;;;;;;AA+BA,MAAa,UAAU,cAA2B,EAAE,CAAC;AAErD,MAAa,QAAQ,EACnB,cACA,OAAO,WACP,UACA,UACA,WACA,MACA,KACA,GAAG,YACY;CACf,MAAM,UAAU,OAAsB,KAAK;CAC3C,MAAM,sBAAsB,OAAO,MAAM;CACzC,MAAM,cAAc,OAAO;CAC3B,MAAM,aAAa,aAAa,CAAC,KAAK,QAAQ,CAAC;CAC/C,MAAM,CAAC,OAAO,YAAY,qBAAqB;EAC7C,MAAM;EACN;EACA,aAAa,gBAAgB;EAC7B,QAAQ;EACT,CAAC;AAEF,iBAAgB;AACd,MAAI,CAAC,QAAQ,WAAW,cAAc,KAAA,EAAW;AACjD,UAAQ,SAAS,SAAS,MAAM,SAAS,QAAQ;AAC/C,OAAI,IAAI,aAAa,aAAa,KAAK,WAAW;AAChD,wBAAoB,UAAU;AAC9B,QAAI,OAAO;AACX,wBAAoB,UAAU;;IAEhC;IACD,CAAC,UAAU,CAAC;AAEf,QACE,oBAAC,SAAD;EACE,OAAO;GACL;GACA;GACA,UAAU;GACV,mBAAmB,UAAmB,SAAS,GAAG,YAAY,GAAG;GACjE;GACD;YAED,oBAAC,WAAD;GACE,0BAAA;GACA,KAAK;GACL,WAAW,KAAK,WAAW,UAAU;GACrC,aAAW;GACX,GAAI;GAEH;GACO,CAAA;EACF,CAAA"}
+{"version":3,"file":"tabs.mjs","names":[],"sources":["../../../src/components/tabs/tabs.tsx"],"sourcesContent":["import { createContext, useEffect, useId, useRef } from 'react';\nimport type { HTMLAttributes, Ref } from 'react';\nimport { useControllableState } from '@radix-ui/react-use-controllable-state';\nimport type { DSTabsElement } from '@digdir/designsystemet-web';\nimport '@digdir/designsystemet-web'; // Import ds-tabs custom element\nimport clsx from 'clsx/lite';\nimport type { DefaultProps } from '../../types';\nimport type { MergeRight } from '../../utilities';\nimport { useMergeRefs } from '../../utilities/hooks/useMergeRefs/useMergeRefs';\n\nexport type TabsProps = MergeRight<\n  DefaultProps & HTMLAttributes<DSTabsElement>,\n  {\n    /** The value of the tab that should be active when initially rendered. Use when you do not need to control the state of the tabs. */\n    defaultValue?: string;\n    /** The controlled value of the tab to activate. Should be used together with `onChange`. */\n    value?: string;\n    /** Event handler called when the value changes. */\n    onChange?: (value: string) => void;\n    ref?: Ref<DSTabsElement>;\n  }\n>;\n\nexport type TabsContext = {\n  isControlled?: boolean;\n  currentValue?: string;\n  defaultValue?: string;\n  onChange?: (value: string) => void;\n  getPrefixedValue?: (value?: string) => string | undefined;\n};\n\nexport const Context = createContext<TabsContext>({});\n\nexport const Tabs = ({\n  defaultValue,\n  value: valueProp,\n  onChange,\n  children,\n  className,\n  dark,\n  ref,\n  ...props\n}: TabsProps) => {\n  const isControlled = valueProp !== undefined;\n  const tabsRef = useRef<DSTabsElement>(null);\n  const isProgrammaticClick = useRef(false);\n  const valuePrefix = useId(); // Used for generation of unique value-based ids for tabs and panels\n  const mergedRefs = useMergeRefs([ref, tabsRef]);\n  const [value, setValue] = useControllableState({\n    prop: valueProp,\n    onChange,\n    defaultProp: defaultValue || '',\n    caller: 'Tabs',\n  });\n\n  useEffect(() => {\n    if (!tabsRef.current || valueProp === undefined) return;\n    tabsRef.current?.tabList?.tabs?.forEach((tab) => {\n      if (tab.getAttribute('data-value') === valueProp) {\n        isProgrammaticClick.current = true;\n        tab.click();\n        isProgrammaticClick.current = false;\n      }\n    });\n  }, [valueProp]);\n\n  return (\n    <Context\n      value={{\n        isControlled,\n        currentValue: value,\n        defaultValue,\n        onChange: setValue,\n        getPrefixedValue: (value?: string) => value && `${valuePrefix}-${value}`,\n      }}\n    >\n      <ds-tabs\n        suppressHydrationWarning // Since <ds-tablist> adds attributes\n        ref={mergedRefs}\n        className={clsx('bi-tabs', className)}\n        data-dark={dark}\n        {...props}\n      >\n        {children}\n      </ds-tabs>\n    </Context>\n  );\n};\n"],"mappings":";;;;;;;AA+BA,MAAa,UAAU,cAA2B,EAAE,CAAC;AAErD,MAAa,QAAQ,EACnB,cACA,OAAO,WACP,UACA,UACA,WACA,MACA,KACA,GAAG,YACY;CACf,MAAM,eAAe,cAAc,KAAA;CACnC,MAAM,UAAU,OAAsB,KAAK;CAC3C,MAAM,sBAAsB,OAAO,MAAM;CACzC,MAAM,cAAc,OAAO;CAC3B,MAAM,aAAa,aAAa,CAAC,KAAK,QAAQ,CAAC;CAC/C,MAAM,CAAC,OAAO,YAAY,qBAAqB;EAC7C,MAAM;EACN;EACA,aAAa,gBAAgB;EAC7B,QAAQ;EACT,CAAC;AAEF,iBAAgB;AACd,MAAI,CAAC,QAAQ,WAAW,cAAc,KAAA,EAAW;AACjD,UAAQ,SAAS,SAAS,MAAM,SAAS,QAAQ;AAC/C,OAAI,IAAI,aAAa,aAAa,KAAK,WAAW;AAChD,wBAAoB,UAAU;AAC9B,QAAI,OAAO;AACX,wBAAoB,UAAU;;IAEhC;IACD,CAAC,UAAU,CAAC;AAEf,QACE,oBAAC,SAAD;EACE,OAAO;GACL;GACA,cAAc;GACd;GACA,UAAU;GACV,mBAAmB,UAAmB,SAAS,GAAG,YAAY,GAAG;GAClE;YAED,oBAAC,WAAD;GACE,0BAAA;GACA,KAAK;GACL,WAAW,KAAK,WAAW,UAAU;GACrC,aAAW;GACX,GAAI;GAEH;GACO,CAAA;EACF,CAAA"}

package/dist/components/textarea/index.d.mts

@@ -1,2 +1,2 @@
-import { l as Textarea, u as TextareaProps } from "../../alert-footer-42JbxJ0B.mjs";
+import { l as Textarea, u as TextareaProps } from "../../alert-footer-D_kCDrhn.mjs";
 export { Textarea, TextareaProps };

package/dist/components/textarea/textarea.d.mts

@@ -1,2 +1,2 @@
-import { l as Textarea, u as TextareaProps } from "../../alert-footer-42JbxJ0B.mjs";
+import { l as Textarea, u as TextareaProps } from "../../alert-footer-D_kCDrhn.mjs";
 export { Textarea, TextareaProps };

package/dist/components/textfield/index.d.mts

@@ -1,2 +1,2 @@
-import { c as TextfieldProps, s as Textfield } from "../../alert-footer-42JbxJ0B.mjs";
+import { c as TextfieldProps, s as Textfield } from "../../alert-footer-D_kCDrhn.mjs";
 export { Textfield, TextfieldProps };

package/dist/components/textfield/textfield.d.mts

@@ -1,2 +1,2 @@
-import { c as TextfieldProps, s as Textfield } from "../../alert-footer-42JbxJ0B.mjs";
+import { c as TextfieldProps, s as Textfield } from "../../alert-footer-D_kCDrhn.mjs";
 export { Textfield, TextfieldProps };

package/dist/components/validation-message/index.d.mts

@@ -1,2 +1,2 @@
-import { a as ValidationMessage, o as ValidationMessageProps } from "../../alert-footer-42JbxJ0B.mjs";
+import { a as ValidationMessage, o as ValidationMessageProps } from "../../alert-footer-D_kCDrhn.mjs";
 export { ValidationMessage, ValidationMessageProps };

package/dist/components/validation-message/validation-message.d.mts

@@ -1,2 +1,2 @@
-import { a as ValidationMessage, o as ValidationMessageProps } from "../../alert-footer-42JbxJ0B.mjs";
+import { a as ValidationMessage, o as ValidationMessageProps } from "../../alert-footer-D_kCDrhn.mjs";
 export { ValidationMessage, ValidationMessageProps };

package/dist/{dropdown-item-B6MmulV_.d.mts → dropdown-item-aYyDctA9.d.mts}

@@ -11,4 +11,4 @@ declare const DropdownItem: ({
 }: DropdownItemProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 export { DropdownItemProps as n, DropdownItem as t };
-//# sourceMappingURL=dropdown-item-B6MmulV_.d.mts.map
+//# sourceMappingURL=dropdown-item-aYyDctA9.d.mts.map

package/dist/{dropdown-list-DKugDMKm.d.mts → dropdown-list-Dg3yJhKc.d.mts}

@@ -11,4 +11,4 @@ declare const DropdownList: ({
 }: DropdownListProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 export { DropdownListProps as n, DropdownList as t };
-//# sourceMappingURL=dropdown-list-DKugDMKm.d.mts.map
+//# sourceMappingURL=dropdown-list-Dg3yJhKc.d.mts.map

package/dist/{footer-links-Dac3-Emr.d.mts → footer-links-BiBVxNWE.d.mts}

@@ -17,4 +17,4 @@ declare const FooterLinks: ({
 }: FooterLinksProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 export { FooterLinksProps as n, FooterLinks as t };
-//# sourceMappingURL=footer-links-Dac3-Emr.d.mts.map
+//# sourceMappingURL=footer-links-BiBVxNWE.d.mts.map

package/dist/main.d.mts

@@ -1,16 +1,15 @@
 import { r as useCheckboxGroup, t as UseCheckboxGroupOptions } from "./useCheckboxGroup-Boc_tLJ3.mjs";
 import { t as useIsomorphicLayoutEffect } from "./useIsomorphicLayoutEffect-DXCY5AxR.mjs";
-import { $ as FilterGroup, $t as DetailsSummary, A as SelectOptgroupProps, An as BadgeProps, At as DrawerCloseButtonProps, B as PaginationButtonProps, Bt as DrawerProps, C as Spinner, Cn as CardActions, Ct as Dropdown, D as Selectfield, Dn as Button, Dt as Popover, E as SkipLinkProps, En as CardProps, Et as PopoverTriggerProps, F as Search, Ft as DrawerHeader, G as Navbar, Gt as DialogFooter, H as PaginationProps, Ht as DialogCloseButtonProps, I as SearchProps, It as DrawerHeaderProps, J as LogoProps, Jt as DialogHeaderProps, K as NavbarProps, Kt as DialogFooterProps, L as Radio, Lt as DrawerContent, M as SelectOptionProps, Mn as AvatarProps, Mt as DrawerTriggerProps, N as Select, Nn as Alert, Nt as DrawerFooter, O as SelectfieldProps, On as ButtonProps, Ot as PopoverProps, P as SelectProps, Pn as AlertProps, Pt as DrawerFooterProps, Q as FooterProps, Qt as DialogProps, R as RadioProps, Rt as DrawerContentProps, S as SwitchProps, Sn as CardActionProps, St as DropdownButtonProps, T as SkipLink, Tn as Card, Tt as PopoverTrigger, U as SubNavbar, Ut as DialogTrigger, V as Pagination, Vt as DialogCloseButton, W as SubNavbarProps, Wt as DialogTriggerProps, X as LinkProps, Xt as DialogContentProps, Y as Link, Yt as DialogContent, Z as Footer, Zt as Dialog, _n as CardHeader, _t as DropdownTriggerContext, a as ValidationMessage, an as Chip, at as FieldsetDescription, b as TabsProps, bn as CardContentProps, bt as DropdownTriggerProps, c as TextfieldProps, cn as CheckboxSubsectionProps, ct as FieldsetProps, d as TabsPanel, dn as Input, dt as FieldAffixes, en as DetailsSummaryProps, et as FilterGroupProps, f as TabsPanelProps, fn as InputProps, ft as FieldAffixesProps, g as TabProps, gn as CardMediaProps, gt as FieldProps, h as Tab, hn as CardMedia, ht as Field, i as usePagination, in as DetailsProps, it as LabelProps, j as SelectOption, jn as Avatar, jt as DrawerTrigger, k as SelectOptgroup, kn as Badge, kt as DrawerCloseButton, l as Textarea, ln as Checkbox, lt as FieldAffix, m as TabsListProps, mn as CardDateProps, mt as FieldDescriptionProps, n as AlertFooterProps, nn as DetailsContentProps, nt as FieldsetLegendProps, o as ValidationMessageProps, on as ChipProps, ot as FieldsetDescriptionProps, p as TabsList, pn as CardDate, pt as FieldDescription, q as Logo, qt as DialogHeader, r as UsePaginationProps, rn as Details, rt as Label, s as Textfield, sn as CheckboxSubsection, st as Fieldset, t as AlertFooter, tn as DetailsContent, tt as FieldsetLegend, u as TextareaProps, un as CheckboxProps, ut as FieldAffixProps, v as Tabs, vn as CardHeaderProps, vt as DropdownTriggerContextProps, w as SpinnerProps, wn as CardActionsProps, wt as DropdownProps, x as Switch, xn as CardAction, xt as DropdownButton, y as TabsContext, yn as CardContent, yt as DropdownTrigger, z as PaginationButton, zt as Drawer } from "./alert-footer-42JbxJ0B.mjs";
+import { $ as FilterGroup, $t as Input, A as SelectOptgroupProps, At as DialogCloseButtonProps, B as PaginationButtonProps, Bt as DialogProps, C as Spinner, Ct as Dropdown, D as Selectfield, Dt as Popover, E as SkipLinkProps, Et as PopoverTriggerProps, F as Search, Ft as DialogHeader, G as Navbar, Gt as Details, H as PaginationProps, Ht as DetailsSummaryProps, I as SearchProps, It as DialogHeaderProps, J as LogoProps, Jt as ChipProps, K as NavbarProps, Kt as DetailsProps, L as Radio, Lt as DialogContent, M as SelectOptionProps, Mt as DialogTriggerProps, N as Select, Nt as DialogFooter, O as SelectfieldProps, Ot as PopoverProps, P as SelectProps, Pt as DialogFooterProps, Q as FooterProps, Qt as CheckboxProps, R as RadioProps, Rt as DialogContentProps, S as SwitchProps, Sn as AlertProps, St as DropdownButtonProps, T as SkipLink, Tt as PopoverTrigger, U as SubNavbar, Ut as DetailsContent, V as Pagination, Vt as DetailsSummary, W as SubNavbarProps, Wt as DetailsContentProps, X as LinkProps, Xt as CheckboxSubsectionProps, Y as Link, Yt as CheckboxSubsection, Z as Footer, Zt as Checkbox, _n as Badge, _t as DropdownTriggerContext, a as ValidationMessage, an as CardHeader, at as FieldsetDescription, b as TabsProps, bn as AvatarProps, bt as DropdownTriggerProps, c as TextfieldProps, cn as CardContentProps, ct as FieldsetProps, d as TabsPanel, dn as CardActions, dt as FieldAffixes, en as InputProps, et as FilterGroupProps, f as TabsPanelProps, fn as CardActionsProps, ft as FieldAffixesProps, g as TabProps, gn as ButtonProps, gt as FieldProps, h as Tab, hn as Button, ht as Field, i as usePagination, in as CardMediaProps, it as LabelProps, j as SelectOption, jt as DialogTrigger, k as SelectOptgroup, kt as DialogCloseButton, l as Textarea, ln as CardAction, lt as FieldAffix, m as TabsListProps, mn as CardProps, mt as FieldDescriptionProps, n as AlertFooterProps, nn as CardDateProps, nt as FieldsetLegendProps, o as ValidationMessageProps, on as CardHeaderProps, ot as FieldsetDescriptionProps, p as TabsList, pn as Card, pt as FieldDescription, q as Logo, qt as Chip, r as UsePaginationProps, rn as CardMedia, rt as Label, s as Textfield, sn as CardContent, st as Fieldset, t as AlertFooter, tn as CardDate, tt as FieldsetLegend, u as TextareaProps, un as CardActionProps, ut as FieldAffixProps, v as Tabs, vn as BadgeProps, vt as DropdownTriggerContextProps, w as SpinnerProps, wt as DropdownProps, x as Switch, xn as Alert, xt as DropdownButton, y as TabsContext, yn as Avatar, yt as DropdownTrigger, z as PaginationButton, zt as Dialog } from "./alert-footer-D_kCDrhn.mjs";
 import { n as DialogTriggerContext, r as DialogTriggerContextProps, t as Context } from "./dialog-trigger-context-CAC7jh1K.mjs";
-import { n as DrawerTriggerContextProps, t as DrawerTriggerContext } from "./drawer-trigger-context-DxLBj5Xr.mjs";
-import { n as PopoverTriggerContext, r as PopoverTriggerContextProps } from "./popover-trigger-context-BG1lPWXA.mjs";
-import { n as DropdownItemProps, t as DropdownItem } from "./dropdown-item-B6MmulV_.mjs";
-import { n as DropdownListProps, t as DropdownList } from "./dropdown-list-DKugDMKm.mjs";
-import { n as FooterLinksProps, t as FooterLinks } from "./footer-links-Dac3-Emr.mjs";
-import { n as PaginationItemProps, t as PaginationItem } from "./pagination-item-AQQSJ7GD.mjs";
-import { n as StickyHeaderProps, t as StickyHeader } from "./sticky-header-C6gJlnzy.mjs";
-import { t as useIsElementAboveViewport } from "./useIsElementAboveViewport-Cxt9TwLS.mjs";
-import { t as useScrollDirection } from "./useScrollDirection-6pq5a8B3.mjs";
-import { n as useMediaQuery, t as UseMediaQueryOptions } from "./useMediaQuery-Di0fXraw.mjs";
-import { t as MergeRight } from "./types-74lJC5tL.mjs";
-export { Alert, AlertFooter, AlertFooterProps, AlertProps, Avatar, AvatarProps, Badge, BadgeProps, Button, ButtonProps, Card, CardAction, CardActionProps, CardActions, CardActionsProps, CardContent, CardContentProps, CardDate, CardDateProps, CardHeader, CardHeaderProps, CardMedia, CardMediaProps, CardProps, Checkbox, CheckboxProps, CheckboxSubsection, CheckboxSubsectionProps, Chip, ChipProps, Context, Details, DetailsContent, DetailsContentProps, DetailsProps, DetailsSummary, DetailsSummaryProps, Dialog, DialogCloseButton, DialogCloseButtonProps, DialogContent, DialogContentProps, DialogFooter, DialogFooterProps, DialogHeader, DialogHeaderProps, DialogProps, DialogTrigger, DialogTriggerContext, DialogTriggerContextProps, DialogTriggerProps, Drawer, DrawerCloseButton, DrawerCloseButtonProps, DrawerContent, DrawerContentProps, DrawerFooter, DrawerFooterProps, DrawerHeader, DrawerHeaderProps, DrawerProps, DrawerTrigger, DrawerTriggerContext, DrawerTriggerContextProps, DrawerTriggerProps, Dropdown, DropdownButton, DropdownButtonProps, DropdownItem, DropdownItemProps, DropdownList, DropdownListProps, DropdownProps, DropdownTrigger, DropdownTriggerContext, DropdownTriggerContextProps, DropdownTriggerProps, Field, FieldAffix, FieldAffixProps, FieldAffixes, FieldAffixesProps, FieldDescription, FieldDescriptionProps, FieldProps, Fieldset, FieldsetDescription, FieldsetDescriptionProps, FieldsetLegend, FieldsetLegendProps, FieldsetProps, FilterGroup, FilterGroupProps, Footer, FooterLinks, FooterLinksProps, FooterProps, Input, InputProps, Label, LabelProps, Link, LinkProps, Logo, LogoProps, MergeRight, Navbar, NavbarProps, Pagination, PaginationButton, PaginationButtonProps, PaginationItem, PaginationItemProps, PaginationProps, Popover, PopoverProps, PopoverTrigger, PopoverTriggerContext, PopoverTriggerContextProps, PopoverTriggerProps, Radio, RadioProps, Search, SearchProps, Select, SelectOptgroup, SelectOptgroupProps, SelectOption, SelectOptionProps, SelectProps, Selectfield, SelectfieldProps, SkipLink, SkipLinkProps, Spinner, SpinnerProps, StickyHeader, StickyHeaderProps, SubNavbar, SubNavbarProps, Switch, SwitchProps, Tab, TabProps, Tabs, TabsContext, TabsList, TabsListProps, TabsPanel, TabsPanelProps, TabsProps, Textarea, TextareaProps, Textfield, TextfieldProps, UseCheckboxGroupOptions, UseMediaQueryOptions, UsePaginationProps, ValidationMessage, ValidationMessageProps, useCheckboxGroup, useIsElementAboveViewport, useIsomorphicLayoutEffect, useMediaQuery, usePagination, useScrollDirection };
+import { n as PopoverTriggerContext, r as PopoverTriggerContextProps } from "./popover-trigger-context-DTh-_AMm.mjs";
+import { n as DropdownItemProps, t as DropdownItem } from "./dropdown-item-aYyDctA9.mjs";
+import { n as DropdownListProps, t as DropdownList } from "./dropdown-list-Dg3yJhKc.mjs";
+import { n as FooterLinksProps, t as FooterLinks } from "./footer-links-BiBVxNWE.mjs";
+import { n as PaginationItemProps, t as PaginationItem } from "./pagination-item-BNyKs6wz.mjs";
+import { n as StickyHeaderProps, t as StickyHeader } from "./sticky-header-CLZPboYg.mjs";
+import { t as useIsElementAboveViewport } from "./useIsElementAboveViewport-DmYCeDwm.mjs";
+import { t as useScrollDirection } from "./useScrollDirection-CepdY5lA.mjs";
+import { n as useMediaQuery, t as UseMediaQueryOptions } from "./useMediaQuery-Cz0DvE8S.mjs";
+import { t as MergeRight } from "./types-CgAV-Uiu.mjs";
+export { Alert, AlertFooter, AlertFooterProps, AlertProps, Avatar, AvatarProps, Badge, BadgeProps, Button, ButtonProps, Card, CardAction, CardActionProps, CardActions, CardActionsProps, CardContent, CardContentProps, CardDate, CardDateProps, CardHeader, CardHeaderProps, CardMedia, CardMediaProps, CardProps, Checkbox, CheckboxProps, CheckboxSubsection, CheckboxSubsectionProps, Chip, ChipProps, Context, Details, DetailsContent, DetailsContentProps, DetailsProps, DetailsSummary, DetailsSummaryProps, Dialog, DialogCloseButton, DialogCloseButtonProps, DialogContent, DialogContentProps, DialogFooter, DialogFooterProps, DialogHeader, DialogHeaderProps, DialogProps, DialogTrigger, DialogTriggerContext, DialogTriggerContextProps, DialogTriggerProps, Dropdown, DropdownButton, DropdownButtonProps, DropdownItem, DropdownItemProps, DropdownList, DropdownListProps, DropdownProps, DropdownTrigger, DropdownTriggerContext, DropdownTriggerContextProps, DropdownTriggerProps, Field, FieldAffix, FieldAffixProps, FieldAffixes, FieldAffixesProps, FieldDescription, FieldDescriptionProps, FieldProps, Fieldset, FieldsetDescription, FieldsetDescriptionProps, FieldsetLegend, FieldsetLegendProps, FieldsetProps, FilterGroup, FilterGroupProps, Footer, FooterLinks, FooterLinksProps, FooterProps, Input, InputProps, Label, LabelProps, Link, LinkProps, Logo, LogoProps, MergeRight, Navbar, NavbarProps, Pagination, PaginationButton, PaginationButtonProps, PaginationItem, PaginationItemProps, PaginationProps, Popover, PopoverProps, PopoverTrigger, PopoverTriggerContext, PopoverTriggerContextProps, PopoverTriggerProps, Radio, RadioProps, Search, SearchProps, Select, SelectOptgroup, SelectOptgroupProps, SelectOption, SelectOptionProps, SelectProps, Selectfield, SelectfieldProps, SkipLink, SkipLinkProps, Spinner, SpinnerProps, StickyHeader, StickyHeaderProps, SubNavbar, SubNavbarProps, Switch, SwitchProps, Tab, TabProps, Tabs, TabsContext, TabsList, TabsListProps, TabsPanel, TabsPanelProps, TabsProps, Textarea, TextareaProps, Textfield, TextfieldProps, UseCheckboxGroupOptions, UseMediaQueryOptions, UsePaginationProps, ValidationMessage, ValidationMessageProps, useCheckboxGroup, useIsElementAboveViewport, useIsomorphicLayoutEffect, useMediaQuery, usePagination, useScrollDirection };

package/dist/main.mjs

@@ -29,13 +29,6 @@ import { DialogHeader } from "./components/dialog/dialog-header.mjs";
 import { DialogFooter } from "./components/dialog/dialog-footer.mjs";
 import { DialogTrigger } from "./components/dialog/dialog-trigger.mjs";
 import { DialogCloseButton } from "./components/dialog/dialog-close-button.mjs";
-import { Drawer } from "./components/drawer/drawer.mjs";
-import { DrawerContent } from "./components/drawer/drawer-content.mjs";
-import { DrawerHeader } from "./components/drawer/drawer-header.mjs";
-import { DrawerFooter } from "./components/drawer/drawer-footer.mjs";
-import { DrawerTrigger } from "./components/drawer/drawer-trigger.mjs";
-import { DrawerTriggerContext } from "./components/drawer/drawer-trigger-context.mjs";
-import { DrawerCloseButton } from "./components/drawer/drawer-close-button.mjs";
 import { PopoverTriggerContext } from "./components/popover/popover-trigger-context.mjs";
 import { Popover } from "./components/popover/popover.mjs";
 import { PopoverTrigger } from "./components/popover/popover-trigger.mjs";
@@ -82,4 +75,4 @@ import { Textarea } from "./components/textarea/textarea.mjs";
 import { Textfield } from "./components/textfield/textfield.mjs";
 import "./components/index.mjs";
 import "./utilities/index.mjs";
-export { Alert, AlertFooter, Avatar, Badge, Button, Card, CardAction, CardActions, CardContent, CardDate, CardHeader, CardMedia, Checkbox, CheckboxSubsection, Chip, Details, DetailsContent, DetailsSummary, Dialog, DialogCloseButton, DialogContent, DialogFooter, DialogHeader, DialogTrigger, DialogTriggerContext, Drawer, DrawerCloseButton, DrawerContent, DrawerFooter, DrawerHeader, DrawerTrigger, DrawerTriggerContext, Dropdown, DropdownButton, DropdownItem, DropdownList, DropdownTrigger, DropdownTriggerContext, Field, FieldAffix, FieldAffixes, FieldDescription, Fieldset, FieldsetDescription, FieldsetLegend, FilterGroup, Footer, FooterLinks, Input, Label, Link, Logo, Navbar, Pagination, PaginationButton, PaginationItem, Popover, PopoverTrigger, PopoverTriggerContext, Radio, Search, Select, SelectOptgroup, SelectOption, Selectfield, SkipLink, Spinner, StickyHeader, SubNavbar, Switch, Tab, Tabs, TabsList, TabsPanel, Textarea, Textfield, ValidationMessage, useCheckboxGroup, useIsElementAboveViewport, useIsomorphicLayoutEffect, useMediaQuery, usePagination, useScrollDirection };
+export { Alert, AlertFooter, Avatar, Badge, Button, Card, CardAction, CardActions, CardContent, CardDate, CardHeader, CardMedia, Checkbox, CheckboxSubsection, Chip, Details, DetailsContent, DetailsSummary, Dialog, DialogCloseButton, DialogContent, DialogFooter, DialogHeader, DialogTrigger, DialogTriggerContext, Dropdown, DropdownButton, DropdownItem, DropdownList, DropdownTrigger, DropdownTriggerContext, Field, FieldAffix, FieldAffixes, FieldDescription, Fieldset, FieldsetDescription, FieldsetLegend, FilterGroup, Footer, FooterLinks, Input, Label, Link, Logo, Navbar, Pagination, PaginationButton, PaginationItem, Popover, PopoverTrigger, PopoverTriggerContext, Radio, Search, Select, SelectOptgroup, SelectOption, Selectfield, SkipLink, Spinner, StickyHeader, SubNavbar, Switch, Tab, Tabs, TabsList, TabsPanel, Textarea, Textfield, ValidationMessage, useCheckboxGroup, useIsElementAboveViewport, useIsomorphicLayoutEffect, useMediaQuery, usePagination, useScrollDirection };

package/dist/{pagination-item-AQQSJ7GD.d.mts → pagination-item-BNyKs6wz.d.mts}

@@ -18,4 +18,4 @@ declare const PaginationItem: ({
 }: PaginationItemProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 export { PaginationItemProps as n, PaginationItem as t };
-//# sourceMappingURL=pagination-item-AQQSJ7GD.d.mts.map
+//# sourceMappingURL=pagination-item-BNyKs6wz.d.mts.map

package/dist/{popover-trigger-context-BG1lPWXA.d.mts → popover-trigger-context-DTh-_AMm.d.mts}

@@ -40,4 +40,4 @@ declare const PopoverTriggerContext: ({
 }: PopoverTriggerContextProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 export { PopoverTriggerContext as n, PopoverTriggerContextProps as r, Context as t };
-//# sourceMappingURL=popover-trigger-context-BG1lPWXA.d.mts.map
+//# sourceMappingURL=popover-trigger-context-DTh-_AMm.d.mts.map

package/dist/{sticky-header-C6gJlnzy.d.mts → sticky-header-CLZPboYg.d.mts}

@@ -16,4 +16,4 @@ declare const StickyHeader: ({
 }: StickyHeaderProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 export { StickyHeaderProps as n, StickyHeader as t };
-//# sourceMappingURL=sticky-header-C6gJlnzy.d.mts.map
+//# sourceMappingURL=sticky-header-CLZPboYg.d.mts.map

package/dist/{types-74lJC5tL.d.mts → types-CgAV-Uiu.d.mts}

@@ -6,4 +6,4 @@
 type MergeRight<T1, T2> = Omit<T1, keyof T2> & T2;
 //#endregion
 export { MergeRight as t };
-//# sourceMappingURL=types-74lJC5tL.d.mts.map
+//# sourceMappingURL=types-CgAV-Uiu.d.mts.map

package/dist/{useIsElementAboveViewport-Cxt9TwLS.d.mts → useIsElementAboveViewport-DmYCeDwm.d.mts}

@@ -5,4 +5,4 @@ import { RefObject } from "react";
 declare const useIsElementAboveViewport: (elementRef: RefObject<HTMLElement | null>) => boolean;
 //#endregion
 export { useIsElementAboveViewport as t };
-//# sourceMappingURL=useIsElementAboveViewport-Cxt9TwLS.d.mts.map
+//# sourceMappingURL=useIsElementAboveViewport-DmYCeDwm.d.mts.map

package/dist/{useMediaQuery-Di0fXraw.d.mts → useMediaQuery-Cz0DvE8S.d.mts}

@@ -29,4 +29,4 @@ declare function useMediaQuery(query: string, {
 }?: UseMediaQueryOptions): boolean;
 //#endregion
 export { useMediaQuery as n, UseMediaQueryOptions as t };
-//# sourceMappingURL=useMediaQuery-Di0fXraw.d.mts.map
+//# sourceMappingURL=useMediaQuery-Cz0DvE8S.d.mts.map

package/dist/{useScrollDirection-6pq5a8B3.d.mts → useScrollDirection-CepdY5lA.d.mts}

@@ -8,4 +8,4 @@
 declare const useScrollDirection: () => "up" | "down" | null;
 //#endregion
 export { useScrollDirection as t };
-//# sourceMappingURL=useScrollDirection-6pq5a8B3.d.mts.map
+//# sourceMappingURL=useScrollDirection-CepdY5lA.d.mts.map

package/dist/utilities/hooks/index.d.mts

@@ -1,7 +1,7 @@
 import { r as useCheckboxGroup, t as UseCheckboxGroupOptions } from "../../useCheckboxGroup-Boc_tLJ3.mjs";
 import { t as useIsomorphicLayoutEffect } from "../../useIsomorphicLayoutEffect-DXCY5AxR.mjs";
-import { i as usePagination, r as UsePaginationProps } from "../../alert-footer-42JbxJ0B.mjs";
-import { t as useIsElementAboveViewport } from "../../useIsElementAboveViewport-Cxt9TwLS.mjs";
-import { t as useScrollDirection } from "../../useScrollDirection-6pq5a8B3.mjs";
-import { n as useMediaQuery, t as UseMediaQueryOptions } from "../../useMediaQuery-Di0fXraw.mjs";
+import { i as usePagination, r as UsePaginationProps } from "../../alert-footer-D_kCDrhn.mjs";
+import { t as useIsElementAboveViewport } from "../../useIsElementAboveViewport-DmYCeDwm.mjs";
+import { t as useScrollDirection } from "../../useScrollDirection-CepdY5lA.mjs";
+import { n as useMediaQuery, t as UseMediaQueryOptions } from "../../useMediaQuery-Cz0DvE8S.mjs";
 export { UseCheckboxGroupOptions, UseMediaQueryOptions, UsePaginationProps, useCheckboxGroup, useIsElementAboveViewport, useIsomorphicLayoutEffect, useMediaQuery, usePagination, useScrollDirection };

package/dist/utilities/hooks/useIsElementAboveViewport/useIsElementAboveViewport.d.mts

@@ -1,2 +1,2 @@
-import { t as useIsElementAboveViewport } from "../../../useIsElementAboveViewport-Cxt9TwLS.mjs";
+import { t as useIsElementAboveViewport } from "../../../useIsElementAboveViewport-DmYCeDwm.mjs";
 export { useIsElementAboveViewport };

package/dist/utilities/hooks/useMediaQuery/useMediaQuery.d.mts

@@ -1,2 +1,2 @@
-import { n as useMediaQuery, t as UseMediaQueryOptions } from "../../../useMediaQuery-Di0fXraw.mjs";
+import { n as useMediaQuery, t as UseMediaQueryOptions } from "../../../useMediaQuery-Cz0DvE8S.mjs";
 export { UseMediaQueryOptions, useMediaQuery };

package/dist/utilities/hooks/usePagination/usePagination.d.mts

@@ -1,2 +1,2 @@
-import { i as usePagination, r as UsePaginationProps } from "../../../alert-footer-42JbxJ0B.mjs";
+import { i as usePagination, r as UsePaginationProps } from "../../../alert-footer-D_kCDrhn.mjs";
 export { UsePaginationProps, usePagination };

package/dist/utilities/hooks/useScrollDirection/useScrollDirection.d.mts

@@ -1,2 +1,2 @@
-import { t as useScrollDirection } from "../../../useScrollDirection-6pq5a8B3.mjs";
+import { t as useScrollDirection } from "../../../useScrollDirection-CepdY5lA.mjs";
 export { useScrollDirection };

package/dist/utilities/index.d.mts

@@ -1,8 +1,8 @@
 import { r as useCheckboxGroup, t as UseCheckboxGroupOptions } from "../useCheckboxGroup-Boc_tLJ3.mjs";
 import { t as useIsomorphicLayoutEffect } from "../useIsomorphicLayoutEffect-DXCY5AxR.mjs";
-import { i as usePagination, r as UsePaginationProps } from "../alert-footer-42JbxJ0B.mjs";
-import { t as useIsElementAboveViewport } from "../useIsElementAboveViewport-Cxt9TwLS.mjs";
-import { t as useScrollDirection } from "../useScrollDirection-6pq5a8B3.mjs";
-import { n as useMediaQuery, t as UseMediaQueryOptions } from "../useMediaQuery-Di0fXraw.mjs";
-import { t as MergeRight } from "../types-74lJC5tL.mjs";
+import { i as usePagination, r as UsePaginationProps } from "../alert-footer-D_kCDrhn.mjs";
+import { t as useIsElementAboveViewport } from "../useIsElementAboveViewport-DmYCeDwm.mjs";
+import { t as useScrollDirection } from "../useScrollDirection-CepdY5lA.mjs";
+import { n as useMediaQuery, t as UseMediaQueryOptions } from "../useMediaQuery-Cz0DvE8S.mjs";
+import { t as MergeRight } from "../types-CgAV-Uiu.mjs";
 export { MergeRight, UseCheckboxGroupOptions, UseMediaQueryOptions, UsePaginationProps, useCheckboxGroup, useIsElementAboveViewport, useIsomorphicLayoutEffect, useMediaQuery, usePagination, useScrollDirection };

package/dist/utilities/types.d.mts

@@ -1,2 +1,2 @@
-import { t as MergeRight } from "../types-74lJC5tL.mjs";
+import { t as MergeRight } from "../types-CgAV-Uiu.mjs";
 export { MergeRight };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bi-digital/react",
   "type": "module",
-  "version": "0.10.0",
+  "version": "0.11.0",
   "description": "React components from BI Digital",
   "author": "BI Digital",
   "homepage": "https://designsystem.bi.no/",
@@ -33,31 +33,31 @@
     "access": "public"
   },
   "dependencies": {
-    "@digdir/designsystemet-web": "^1.12.1",
+    "@digdir/designsystemet-web": "^1.13.0",
     "@floating-ui/dom": "^1.7.6",
     "@radix-ui/react-slot": "^1.2.4",
     "@radix-ui/react-use-controllable-state": "^1.2.2",
     "clsx": "^2.1.1",
-    "@bi-digital/icons": "0.10.0"
+    "@bi-digital/icons": "0.11.0"
   },
   "devDependencies": {
     "@types/react": "^19.2.14",
     "@types/react-dom": "^19.2.3",
-    "@vitest/browser-playwright": "^4.0.18",
-    "@vitest/coverage-v8": "^4.0.18",
-    "@vitest/expect": "^4.0.18",
+    "@vitest/browser-playwright": "^4.1.0",
+    "@vitest/coverage-v8": "^4.1.0",
+    "@vitest/expect": "^4.1.0",
     "playwright": "^1.58.2",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tsconfck": "^3.1.6",
     "tsdown": "^0.21.0",
-    "vitest": "^4.0.18",
-    "vitest-browser-react": "^2.0.5"
+    "vitest": "^4.1.0",
+    "vitest-browser-react": "^2.1.0"
   },
   "peerDependencies": {
     "react": "^19",
     "react-dom": "^19",
-    "@bi-digital/css": "0.10.0"
+    "@bi-digital/css": "0.11.0"
   },
   "scripts": {
     "build": "tsdown",

package/dist/components/drawer/drawer-close-button.d.mts

@@ -1,2 +0,0 @@
-import { At as DrawerCloseButtonProps, kt as DrawerCloseButton } from "../../alert-footer-42JbxJ0B.mjs";
-export { DrawerCloseButton, DrawerCloseButtonProps };

package/dist/components/drawer/drawer-close-button.mjs

@@ -1,15 +0,0 @@
-import { DialogCloseButton } from "../dialog/dialog-close-button.mjs";
-import "../dialog/index.mjs";
-import { jsx } from "react/jsx-runtime";
-//#region src/components/drawer/drawer-close-button.tsx
-/**
-* @deprecated The DrawerCloseButton component is deprecated in favor of using the DialogCloseButton component with the `anchor` prop set to "left", "right", "top" or "bottom". This allows for a more consistent API and reduces the need for multiple components with similar behavior. The DialogCloseButton component with the appropriate anchor can be used to achieve the same sliding drawer effect.
-*/
-const DrawerCloseButton = ({ ref, ...rest }) => /* @__PURE__ */ jsx(DialogCloseButton, {
-	ref,
-	...rest
-});
-//#endregion
-export { DrawerCloseButton };
-
-//# sourceMappingURL=drawer-close-button.mjs.map