@bi-digital/react 0.11.0 → 0.11.2

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-D_kCDrhn.mjs";
+import { _ as Context, b as TabsProps, v as Tabs, y as TabsContext } from "../../alert-footer-CIn6xe4F.mjs";
 export { Context, Tabs, TabsContext, TabsProps };

package/dist/components/tabs/tabs.mjs

@@ -28,11 +28,16 @@ const Tabs = ({ defaultValue, value: valueProp, onChange, children, className, d
 			}
 		});
 	}, [valueProp]);
+	useEffect(() => {
+		if (!isControlled && defaultValue && tabsRef.current) tabsRef.current?.tabList?.tabs?.forEach((tab) => {
+			const isSelected = tab.getAttribute("data-value") === defaultValue;
+			tab.setAttribute("aria-selected", isSelected ? "true" : "false");
+		});
+	}, []);
 	return /* @__PURE__ */ jsx(Context, {
 		value: {
 			isControlled,
 			currentValue: value,
-			defaultValue,
 			onChange: setValue,
 			getPrefixedValue: (value) => value && `${valuePrefix}-${value}`
 		},
@@ -40,7 +45,7 @@ const Tabs = ({ defaultValue, value: valueProp, onChange, children, className, d
 			suppressHydrationWarning: true,
 			ref: mergedRefs,
 			className: clsx("bi-tabs", className),
-			"data-dark": dark,
+			"data-dark": dark ? "true" : "false",
 			...props,
 			children
 		})

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 } 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"}
+{"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  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  useEffect(() => {\n    if (!isControlled && defaultValue && tabsRef.current) {\n      tabsRef.current?.tabList?.tabs?.forEach((tab) => {\n        const isSelected = tab.getAttribute('data-value') === defaultValue;\n        tab.setAttribute('aria-selected', isSelected ? 'true' : 'false');\n      });\n    }\n    // oxlint-disable-next-line eslint-plugin-react-hooks/exhaustive-deps\n  }, []);\n\n  return (\n    <Context\n      value={{\n        isControlled,\n        currentValue: value,\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 ? 'true' : 'false'}\n        {...props}\n      >\n        {children}\n      </ds-tabs>\n    </Context>\n  );\n};\n"],"mappings":";;;;;;;AA8BA,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,iBAAgB;AACd,MAAI,CAAC,gBAAgB,gBAAgB,QAAQ,QAC3C,SAAQ,SAAS,SAAS,MAAM,SAAS,QAAQ;GAC/C,MAAM,aAAa,IAAI,aAAa,aAAa,KAAK;AACtD,OAAI,aAAa,iBAAiB,aAAa,SAAS,QAAQ;IAChE;IAGH,EAAE,CAAC;AAEN,QACE,oBAAC,SAAD;EACE,OAAO;GACL;GACA,cAAc;GACd,UAAU;GACV,mBAAmB,UAAmB,SAAS,GAAG,YAAY,GAAG;GAClE;YAED,oBAAC,WAAD;GACE,0BAAA;GACA,KAAK;GACL,WAAW,KAAK,WAAW,UAAU;GACrC,aAAW,OAAO,SAAS;GAC3B,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-D_kCDrhn.mjs";
+import { l as Textarea, u as TextareaProps } from "../../alert-footer-CIn6xe4F.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-D_kCDrhn.mjs";
+import { l as Textarea, u as TextareaProps } from "../../alert-footer-CIn6xe4F.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-D_kCDrhn.mjs";
+import { c as TextfieldProps, s as Textfield } from "../../alert-footer-CIn6xe4F.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-D_kCDrhn.mjs";
+import { c as TextfieldProps, s as Textfield } from "../../alert-footer-CIn6xe4F.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-D_kCDrhn.mjs";
+import { a as ValidationMessage, o as ValidationMessageProps } from "../../alert-footer-CIn6xe4F.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-D_kCDrhn.mjs";
+import { a as ValidationMessage, o as ValidationMessageProps } from "../../alert-footer-CIn6xe4F.mjs";
 export { ValidationMessage, ValidationMessageProps };

package/dist/{dialog-trigger-context-CAC7jh1K.d.mts → dialog-trigger-context-DbUhxoNL.d.mts}

@@ -1,12 +1,12 @@
-import * as react_jsx_runtime0 from "react/jsx-runtime";
-import * as react from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import * as _$react from "react";
 import { ReactNode } from "react";
 
 //#region src/components/dialog/dialog-trigger-context.d.ts
 type DialogContext = {
   id?: string;
 };
-declare const Context: react.Context<DialogContext & {
+declare const Context: _$react.Context<DialogContext & {
   setContext?: (context: DialogContext) => void;
 }>;
 type DialogTriggerContextProps = {
@@ -14,7 +14,7 @@ type DialogTriggerContextProps = {
 };
 declare const DialogTriggerContext: ({
   children
-}: DialogTriggerContextProps) => react_jsx_runtime0.JSX.Element;
+}: DialogTriggerContextProps) => _$react_jsx_runtime0.JSX.Element;
 //#endregion
 export { DialogTriggerContext as n, DialogTriggerContextProps as r, Context as t };
-//# sourceMappingURL=dialog-trigger-context-CAC7jh1K.d.mts.map
+//# sourceMappingURL=dialog-trigger-context-DbUhxoNL.d.mts.map

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

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import { HTMLAttributes, Ref } from "react";
 
 //#region src/components/dropdown/dropdown-item.d.ts
@@ -8,7 +8,7 @@ type DropdownItemProps = HTMLAttributes<HTMLLIElement> & {
 declare const DropdownItem: ({
   ref,
   ...rest
-}: DropdownItemProps) => react_jsx_runtime0.JSX.Element;
+}: DropdownItemProps) => _$react_jsx_runtime0.JSX.Element;
 //#endregion
 export { DropdownItemProps as n, DropdownItem as t };
-//# sourceMappingURL=dropdown-item-aYyDctA9.d.mts.map
+//# sourceMappingURL=dropdown-item-bA64wFOZ.d.mts.map

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

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import { HTMLAttributes, Ref } from "react";
 
 //#region src/components/dropdown/dropdown-list.d.ts
@@ -8,7 +8,7 @@ type DropdownListProps = HTMLAttributes<HTMLUListElement> & {
 declare const DropdownList: ({
   ref,
   ...rest
-}: DropdownListProps) => react_jsx_runtime0.JSX.Element;
+}: DropdownListProps) => _$react_jsx_runtime0.JSX.Element;
 //#endregion
 export { DropdownListProps as n, DropdownList as t };
-//# sourceMappingURL=dropdown-list-Dg3yJhKc.d.mts.map
+//# sourceMappingURL=dropdown-list-CaYz-O1j.d.mts.map

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

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import { HTMLAttributes, Ref } from "react";
 
 //#region src/components/footer/footer-links.d.ts
@@ -14,7 +14,7 @@ declare const FooterLinks: ({
   children,
   ref,
   ...props
-}: FooterLinksProps) => react_jsx_runtime0.JSX.Element;
+}: FooterLinksProps) => _$react_jsx_runtime0.JSX.Element;
 //#endregion
 export { FooterLinksProps as n, FooterLinks as t };
-//# sourceMappingURL=footer-links-BiBVxNWE.d.mts.map
+//# sourceMappingURL=footer-links-DwBghNrz.d.mts.map

package/dist/main.d.mts

@@ -1,13 +1,13 @@
 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 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 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 { $ 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-CIn6xe4F.mjs";
+import { n as DialogTriggerContext, r as DialogTriggerContextProps, t as Context } from "./dialog-trigger-context-DbUhxoNL.mjs";
+import { n as PopoverTriggerContext, r as PopoverTriggerContextProps } from "./popover-trigger-context-BLjAozBn.mjs";
+import { n as DropdownItemProps, t as DropdownItem } from "./dropdown-item-bA64wFOZ.mjs";
+import { n as DropdownListProps, t as DropdownList } from "./dropdown-list-CaYz-O1j.mjs";
+import { n as FooterLinksProps, t as FooterLinks } from "./footer-links-DwBghNrz.mjs";
+import { n as PaginationItemProps, t as PaginationItem } from "./pagination-item-DJicBrIN.mjs";
+import { n as StickyHeaderProps, t as StickyHeader } from "./sticky-header-CVfE0TUC.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";

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

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import { HTMLAttributes, Ref } from "react";
 
 //#region src/components/pagination/pagination-item.d.ts
@@ -15,7 +15,7 @@ declare const PaginationItem: ({
   asChild,
   children,
   ...rest
-}: PaginationItemProps) => react_jsx_runtime0.JSX.Element;
+}: PaginationItemProps) => _$react_jsx_runtime0.JSX.Element;
 //#endregion
 export { PaginationItemProps as n, PaginationItem as t };
-//# sourceMappingURL=pagination-item-BNyKs6wz.d.mts.map
+//# sourceMappingURL=pagination-item-DJicBrIN.d.mts.map

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

@@ -1,9 +1,9 @@
-import * as react_jsx_runtime0 from "react/jsx-runtime";
-import * as react from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import * as _$react from "react";
 import { ReactNode } from "react";
 
 //#region src/components/popover/popover-trigger-context.d.ts
-declare const Context: react.Context<{
+declare const Context: _$react.Context<{
   popoverId?: string;
   setPopoverId?: (id: string) => void;
   popoverOpen?: boolean;
@@ -37,7 +37,7 @@ declare const PopoverTriggerContext: ({
   children,
   open,
   onOpenChange
-}: PopoverTriggerContextProps) => react_jsx_runtime0.JSX.Element;
+}: PopoverTriggerContextProps) => _$react_jsx_runtime0.JSX.Element;
 //#endregion
 export { PopoverTriggerContext as n, PopoverTriggerContextProps as r, Context as t };
-//# sourceMappingURL=popover-trigger-context-DTh-_AMm.d.mts.map
+//# sourceMappingURL=popover-trigger-context-BLjAozBn.d.mts.map

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

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import { ReactNode } from "react";
 
 //#region src/components/sticky-header/sticky-header.d.ts
@@ -13,7 +13,7 @@ type StickyHeaderProps = {
  */
 declare const StickyHeader: ({
   children
-}: StickyHeaderProps) => react_jsx_runtime0.JSX.Element;
+}: StickyHeaderProps) => _$react_jsx_runtime0.JSX.Element;
 //#endregion
 export { StickyHeaderProps as n, StickyHeader as t };
-//# sourceMappingURL=sticky-header-CLZPboYg.d.mts.map
+//# sourceMappingURL=sticky-header-CVfE0TUC.d.mts.map

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

@@ -1,6 +1,6 @@
 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-D_kCDrhn.mjs";
+import { i as usePagination, r as UsePaginationProps } from "../../alert-footer-CIn6xe4F.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";

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

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

package/dist/utilities/index.d.mts

@@ -1,6 +1,6 @@
 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-D_kCDrhn.mjs";
+import { i as usePagination, r as UsePaginationProps } from "../alert-footer-CIn6xe4F.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";

package/dist/vanilla/sub-navbar/index.mjs

@@ -5,10 +5,10 @@
 * exceeds a 5px threshold to prevent sensitivity to minor scroll jitter.
 */
 var ScrollDirectionTracker = class {
+	scrollDirection = null;
+	lastScrollY = window.pageYOffset;
+	callbacks = /* @__PURE__ */ new Set();
 	constructor() {
-		this.scrollDirection = null;
-		this.lastScrollY = window.pageYOffset;
-		this.callbacks = /* @__PURE__ */ new Set();
 		this.updateScrollDirection = this.updateScrollDirection.bind(this);
 		window.addEventListener("scroll", this.updateScrollDirection);
 	}
@@ -37,10 +37,11 @@ var ScrollDirectionTracker = class {
 * Detects when an element is scrolled past and is no longer in the viewport.
 */
 var ElementAboveViewportTracker = class {
+	isAboveViewport = false;
+	observer;
+	callbacks = /* @__PURE__ */ new Set();
 	constructor(element) {
 		this.element = element;
-		this.isAboveViewport = false;
-		this.callbacks = /* @__PURE__ */ new Set();
 		this.observer = new IntersectionObserver(([entry]) => {
 			const newIsAbove = entry.boundingClientRect.y < 0;
 			if (newIsAbove !== this.isAboveViewport) {

package/dist/vanilla/sub-navbar/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":[],"sources":["../../../src/vanilla/sub-navbar/index.ts"],"sourcesContent":["/**\n * Detects the vertical scroll direction of the page.\n * Returns 'up' | 'down' | null. The direction is only updated if the scroll distance\n * exceeds a 5px threshold to prevent sensitivity to minor scroll jitter.\n */\nclass ScrollDirectionTracker {\n  private scrollDirection: 'up' | 'down' | null = null;\n  private lastScrollY = window.pageYOffset;\n  private callbacks = new Set<(direction: 'up' | 'down' | null) => void>();\n\n  constructor() {\n    this.updateScrollDirection = this.updateScrollDirection.bind(this);\n    window.addEventListener('scroll', this.updateScrollDirection);\n  }\n\n  private updateScrollDirection() {\n    const scrollY = window.pageYOffset;\n    const direction = scrollY > this.lastScrollY ? 'down' : 'up';\n\n    if (direction !== this.scrollDirection && (scrollY - this.lastScrollY > 5 || scrollY - this.lastScrollY < -5)) {\n      this.scrollDirection = direction;\n      this.callbacks.forEach((callback) => callback(this.scrollDirection));\n    }\n\n    this.lastScrollY = scrollY > 0 ? scrollY : 0;\n  }\n\n  subscribe(callback: (direction: 'up' | 'down' | null) => void) {\n    this.callbacks.add(callback);\n    return () => this.callbacks.delete(callback);\n  }\n\n  destroy() {\n    window.removeEventListener('scroll', this.updateScrollDirection);\n    this.callbacks.clear();\n  }\n\n  getCurrentDirection() {\n    return this.scrollDirection;\n  }\n}\n\n/**\n * Detects when an element is scrolled past and is no longer in the viewport.\n */\nclass ElementAboveViewportTracker {\n  private isAboveViewport = false;\n  private observer: IntersectionObserver;\n  private callbacks = new Set<(isAbove: boolean) => void>();\n\n  constructor(private element: HTMLElement) {\n    this.observer = new IntersectionObserver(\n      ([entry]) => {\n        const newIsAbove = entry.boundingClientRect.y < 0;\n        if (newIsAbove !== this.isAboveViewport) {\n          this.isAboveViewport = newIsAbove;\n          this.callbacks.forEach((callback) => callback(this.isAboveViewport));\n        }\n      },\n      { threshold: [0] },\n    );\n\n    this.observer.observe(this.element);\n  }\n\n  subscribe(callback: (isAbove: boolean) => void) {\n    this.callbacks.add(callback);\n    return () => this.callbacks.delete(callback);\n  }\n\n  destroy() {\n    this.observer.disconnect();\n    this.callbacks.clear();\n  }\n\n  getIsAboveViewport() {\n    return this.isAboveViewport;\n  }\n}\n\nexport type InitSubNavbarOptions = {\n  /**\n   * Custom selector to find sub-navbars.\n   * @default '.bi-sub-navbar'\n   */\n  selector?: string;\n};\n\n/**\n * Initializes all sub-navbars on the page to handle scroll-based behavior.\n * This includes:\n * - Setting data-fixed attribute when the navbar is scrolled past\n * - Setting data-scroll-dir attribute based on scroll direction when fixed\n *\n * @param options Configuration options\n * @returns Cleanup function to remove all event listeners and observers\n */\nexport const initSubNavbar = ({ selector = '.bi-sub-navbar' }: InitSubNavbarOptions = {}) => {\n  const subNavbars = document.querySelectorAll<HTMLElement>(selector);\n\n  if (subNavbars.length === 0) {\n    console.warn(`No elements found with selector: ${selector}`);\n    return () => {};\n  }\n\n  const scrollTracker = new ScrollDirectionTracker();\n  const cleanupFunctions: (() => void)[] = [];\n\n  subNavbars.forEach((navbar) => {\n    const wrapper = navbar.closest('.bi-sub-navbar--wrapper') as HTMLElement;\n    if (!wrapper) {\n      console.warn('Sub-navbar must be wrapped in an element with class \"bi-sub-navbar--wrapper\"');\n      return;\n    }\n\n    // Find or create the reference element (empty div) that acts as the scroll trigger\n    let referenceElement = wrapper.querySelector<HTMLElement>('div:first-child');\n    if (!referenceElement || referenceElement === navbar) {\n      referenceElement = document.createElement('div');\n      wrapper.insertBefore(referenceElement, navbar);\n    }\n\n    const viewportTracker = new ElementAboveViewportTracker(referenceElement);\n\n    // Subscribe to viewport changes\n    const unsubscribeViewport = viewportTracker.subscribe((isAbove) => {\n      navbar.setAttribute('data-fixed', String(isAbove));\n\n      // Only set scroll direction when fixed\n      if (isAbove) {\n        const currentDirection = scrollTracker.getCurrentDirection();\n        if (currentDirection) {\n          navbar.setAttribute('data-scroll-dir', currentDirection);\n        }\n      } else {\n        navbar.removeAttribute('data-scroll-dir');\n      }\n    });\n\n    // Subscribe to scroll direction changes\n    const unsubscribeScroll = scrollTracker.subscribe((direction) => {\n      const isFixed = navbar.getAttribute('data-fixed') === 'true';\n      if (isFixed && direction) {\n        navbar.setAttribute('data-scroll-dir', direction);\n      }\n    });\n\n    cleanupFunctions.push(() => {\n      unsubscribeViewport();\n      unsubscribeScroll();\n      viewportTracker.destroy();\n    });\n  });\n\n  // Return cleanup function\n  return () => {\n    cleanupFunctions.forEach((cleanup) => cleanup());\n    scrollTracker.destroy();\n  };\n};\n"],"mappings":";;;;;;AAKA,IAAM,yBAAN,MAA6B;CAK3B,cAAc;yBAJkC;qBAC1B,OAAO;mCACT,IAAI,KAAgD;AAGtE,OAAK,wBAAwB,KAAK,sBAAsB,KAAK,KAAK;AAClE,SAAO,iBAAiB,UAAU,KAAK,sBAAsB;;CAG/D,wBAAgC;EAC9B,MAAM,UAAU,OAAO;EACvB,MAAM,YAAY,UAAU,KAAK,cAAc,SAAS;AAExD,MAAI,cAAc,KAAK,oBAAoB,UAAU,KAAK,cAAc,KAAK,UAAU,KAAK,cAAc,KAAK;AAC7G,QAAK,kBAAkB;AACvB,QAAK,UAAU,SAAS,aAAa,SAAS,KAAK,gBAAgB,CAAC;;AAGtE,OAAK,cAAc,UAAU,IAAI,UAAU;;CAG7C,UAAU,UAAqD;AAC7D,OAAK,UAAU,IAAI,SAAS;AAC5B,eAAa,KAAK,UAAU,OAAO,SAAS;;CAG9C,UAAU;AACR,SAAO,oBAAoB,UAAU,KAAK,sBAAsB;AAChE,OAAK,UAAU,OAAO;;CAGxB,sBAAsB;AACpB,SAAO,KAAK;;;;;;AAOhB,IAAM,8BAAN,MAAkC;CAKhC,YAAY,SAA8B;AAAtB,OAAA,UAAA;yBAJM;mCAEN,IAAI,KAAiC;AAGvD,OAAK,WAAW,IAAI,sBACjB,CAAC,WAAW;GACX,MAAM,aAAa,MAAM,mBAAmB,IAAI;AAChD,OAAI,eAAe,KAAK,iBAAiB;AACvC,SAAK,kBAAkB;AACvB,SAAK,UAAU,SAAS,aAAa,SAAS,KAAK,gBAAgB,CAAC;;KAGxE,EAAE,WAAW,CAAC,EAAE,EAAE,CACnB;AAED,OAAK,SAAS,QAAQ,KAAK,QAAQ;;CAGrC,UAAU,UAAsC;AAC9C,OAAK,UAAU,IAAI,SAAS;AAC5B,eAAa,KAAK,UAAU,OAAO,SAAS;;CAG9C,UAAU;AACR,OAAK,SAAS,YAAY;AAC1B,OAAK,UAAU,OAAO;;CAGxB,qBAAqB;AACnB,SAAO,KAAK;;;;;;;;;;;;AAqBhB,MAAa,iBAAiB,EAAE,WAAW,qBAA2C,EAAE,KAAK;CAC3F,MAAM,aAAa,SAAS,iBAA8B,SAAS;AAEnE,KAAI,WAAW,WAAW,GAAG;AAC3B,UAAQ,KAAK,oCAAoC,WAAW;AAC5D,eAAa;;CAGf,MAAM,gBAAgB,IAAI,wBAAwB;CAClD,MAAM,mBAAmC,EAAE;AAE3C,YAAW,SAAS,WAAW;EAC7B,MAAM,UAAU,OAAO,QAAQ,0BAA0B;AACzD,MAAI,CAAC,SAAS;AACZ,WAAQ,KAAK,iFAA+E;AAC5F;;EAIF,IAAI,mBAAmB,QAAQ,cAA2B,kBAAkB;AAC5E,MAAI,CAAC,oBAAoB,qBAAqB,QAAQ;AACpD,sBAAmB,SAAS,cAAc,MAAM;AAChD,WAAQ,aAAa,kBAAkB,OAAO;;EAGhD,MAAM,kBAAkB,IAAI,4BAA4B,iBAAiB;EAGzE,MAAM,sBAAsB,gBAAgB,WAAW,YAAY;AACjE,UAAO,aAAa,cAAc,OAAO,QAAQ,CAAC;AAGlD,OAAI,SAAS;IACX,MAAM,mBAAmB,cAAc,qBAAqB;AAC5D,QAAI,iBACF,QAAO,aAAa,mBAAmB,iBAAiB;SAG1D,QAAO,gBAAgB,kBAAkB;IAE3C;EAGF,MAAM,oBAAoB,cAAc,WAAW,cAAc;AAE/D,OADgB,OAAO,aAAa,aAAa,KAAK,UACvC,UACb,QAAO,aAAa,mBAAmB,UAAU;IAEnD;AAEF,mBAAiB,WAAW;AAC1B,wBAAqB;AACrB,sBAAmB;AACnB,mBAAgB,SAAS;IACzB;GACF;AAGF,cAAa;AACX,mBAAiB,SAAS,YAAY,SAAS,CAAC;AAChD,gBAAc,SAAS"}
+{"version":3,"file":"index.mjs","names":[],"sources":["../../../src/vanilla/sub-navbar/index.ts"],"sourcesContent":["/**\n * Detects the vertical scroll direction of the page.\n * Returns 'up' | 'down' | null. The direction is only updated if the scroll distance\n * exceeds a 5px threshold to prevent sensitivity to minor scroll jitter.\n */\nclass ScrollDirectionTracker {\n  private scrollDirection: 'up' | 'down' | null = null;\n  private lastScrollY = window.pageYOffset;\n  private callbacks = new Set<(direction: 'up' | 'down' | null) => void>();\n\n  constructor() {\n    this.updateScrollDirection = this.updateScrollDirection.bind(this);\n    window.addEventListener('scroll', this.updateScrollDirection);\n  }\n\n  private updateScrollDirection() {\n    const scrollY = window.pageYOffset;\n    const direction = scrollY > this.lastScrollY ? 'down' : 'up';\n\n    if (direction !== this.scrollDirection && (scrollY - this.lastScrollY > 5 || scrollY - this.lastScrollY < -5)) {\n      this.scrollDirection = direction;\n      this.callbacks.forEach((callback) => callback(this.scrollDirection));\n    }\n\n    this.lastScrollY = scrollY > 0 ? scrollY : 0;\n  }\n\n  subscribe(callback: (direction: 'up' | 'down' | null) => void) {\n    this.callbacks.add(callback);\n    return () => this.callbacks.delete(callback);\n  }\n\n  destroy() {\n    window.removeEventListener('scroll', this.updateScrollDirection);\n    this.callbacks.clear();\n  }\n\n  getCurrentDirection() {\n    return this.scrollDirection;\n  }\n}\n\n/**\n * Detects when an element is scrolled past and is no longer in the viewport.\n */\nclass ElementAboveViewportTracker {\n  private isAboveViewport = false;\n  private observer: IntersectionObserver;\n  private callbacks = new Set<(isAbove: boolean) => void>();\n\n  constructor(private element: HTMLElement) {\n    this.observer = new IntersectionObserver(\n      ([entry]) => {\n        const newIsAbove = entry.boundingClientRect.y < 0;\n        if (newIsAbove !== this.isAboveViewport) {\n          this.isAboveViewport = newIsAbove;\n          this.callbacks.forEach((callback) => callback(this.isAboveViewport));\n        }\n      },\n      { threshold: [0] },\n    );\n\n    this.observer.observe(this.element);\n  }\n\n  subscribe(callback: (isAbove: boolean) => void) {\n    this.callbacks.add(callback);\n    return () => this.callbacks.delete(callback);\n  }\n\n  destroy() {\n    this.observer.disconnect();\n    this.callbacks.clear();\n  }\n\n  getIsAboveViewport() {\n    return this.isAboveViewport;\n  }\n}\n\nexport type InitSubNavbarOptions = {\n  /**\n   * Custom selector to find sub-navbars.\n   * @default '.bi-sub-navbar'\n   */\n  selector?: string;\n};\n\n/**\n * Initializes all sub-navbars on the page to handle scroll-based behavior.\n * This includes:\n * - Setting data-fixed attribute when the navbar is scrolled past\n * - Setting data-scroll-dir attribute based on scroll direction when fixed\n *\n * @param options Configuration options\n * @returns Cleanup function to remove all event listeners and observers\n */\nexport const initSubNavbar = ({ selector = '.bi-sub-navbar' }: InitSubNavbarOptions = {}) => {\n  const subNavbars = document.querySelectorAll<HTMLElement>(selector);\n\n  if (subNavbars.length === 0) {\n    console.warn(`No elements found with selector: ${selector}`);\n    return () => {};\n  }\n\n  const scrollTracker = new ScrollDirectionTracker();\n  const cleanupFunctions: (() => void)[] = [];\n\n  subNavbars.forEach((navbar) => {\n    const wrapper = navbar.closest('.bi-sub-navbar--wrapper') as HTMLElement;\n    if (!wrapper) {\n      console.warn('Sub-navbar must be wrapped in an element with class \"bi-sub-navbar--wrapper\"');\n      return;\n    }\n\n    // Find or create the reference element (empty div) that acts as the scroll trigger\n    let referenceElement = wrapper.querySelector<HTMLElement>('div:first-child');\n    if (!referenceElement || referenceElement === navbar) {\n      referenceElement = document.createElement('div');\n      wrapper.insertBefore(referenceElement, navbar);\n    }\n\n    const viewportTracker = new ElementAboveViewportTracker(referenceElement);\n\n    // Subscribe to viewport changes\n    const unsubscribeViewport = viewportTracker.subscribe((isAbove) => {\n      navbar.setAttribute('data-fixed', String(isAbove));\n\n      // Only set scroll direction when fixed\n      if (isAbove) {\n        const currentDirection = scrollTracker.getCurrentDirection();\n        if (currentDirection) {\n          navbar.setAttribute('data-scroll-dir', currentDirection);\n        }\n      } else {\n        navbar.removeAttribute('data-scroll-dir');\n      }\n    });\n\n    // Subscribe to scroll direction changes\n    const unsubscribeScroll = scrollTracker.subscribe((direction) => {\n      const isFixed = navbar.getAttribute('data-fixed') === 'true';\n      if (isFixed && direction) {\n        navbar.setAttribute('data-scroll-dir', direction);\n      }\n    });\n\n    cleanupFunctions.push(() => {\n      unsubscribeViewport();\n      unsubscribeScroll();\n      viewportTracker.destroy();\n    });\n  });\n\n  // Return cleanup function\n  return () => {\n    cleanupFunctions.forEach((cleanup) => cleanup());\n    scrollTracker.destroy();\n  };\n};\n"],"mappings":";;;;;;AAKA,IAAM,yBAAN,MAA6B;CAC3B,kBAAgD;CAChD,cAAsB,OAAO;CAC7B,4BAAoB,IAAI,KAAgD;CAExE,cAAc;AACZ,OAAK,wBAAwB,KAAK,sBAAsB,KAAK,KAAK;AAClE,SAAO,iBAAiB,UAAU,KAAK,sBAAsB;;CAG/D,wBAAgC;EAC9B,MAAM,UAAU,OAAO;EACvB,MAAM,YAAY,UAAU,KAAK,cAAc,SAAS;AAExD,MAAI,cAAc,KAAK,oBAAoB,UAAU,KAAK,cAAc,KAAK,UAAU,KAAK,cAAc,KAAK;AAC7G,QAAK,kBAAkB;AACvB,QAAK,UAAU,SAAS,aAAa,SAAS,KAAK,gBAAgB,CAAC;;AAGtE,OAAK,cAAc,UAAU,IAAI,UAAU;;CAG7C,UAAU,UAAqD;AAC7D,OAAK,UAAU,IAAI,SAAS;AAC5B,eAAa,KAAK,UAAU,OAAO,SAAS;;CAG9C,UAAU;AACR,SAAO,oBAAoB,UAAU,KAAK,sBAAsB;AAChE,OAAK,UAAU,OAAO;;CAGxB,sBAAsB;AACpB,SAAO,KAAK;;;;;;AAOhB,IAAM,8BAAN,MAAkC;CAChC,kBAA0B;CAC1B;CACA,4BAAoB,IAAI,KAAiC;CAEzD,YAAY,SAA8B;AAAtB,OAAA,UAAA;AAClB,OAAK,WAAW,IAAI,sBACjB,CAAC,WAAW;GACX,MAAM,aAAa,MAAM,mBAAmB,IAAI;AAChD,OAAI,eAAe,KAAK,iBAAiB;AACvC,SAAK,kBAAkB;AACvB,SAAK,UAAU,SAAS,aAAa,SAAS,KAAK,gBAAgB,CAAC;;KAGxE,EAAE,WAAW,CAAC,EAAE,EAAE,CACnB;AAED,OAAK,SAAS,QAAQ,KAAK,QAAQ;;CAGrC,UAAU,UAAsC;AAC9C,OAAK,UAAU,IAAI,SAAS;AAC5B,eAAa,KAAK,UAAU,OAAO,SAAS;;CAG9C,UAAU;AACR,OAAK,SAAS,YAAY;AAC1B,OAAK,UAAU,OAAO;;CAGxB,qBAAqB;AACnB,SAAO,KAAK;;;;;;;;;;;;AAqBhB,MAAa,iBAAiB,EAAE,WAAW,qBAA2C,EAAE,KAAK;CAC3F,MAAM,aAAa,SAAS,iBAA8B,SAAS;AAEnE,KAAI,WAAW,WAAW,GAAG;AAC3B,UAAQ,KAAK,oCAAoC,WAAW;AAC5D,eAAa;;CAGf,MAAM,gBAAgB,IAAI,wBAAwB;CAClD,MAAM,mBAAmC,EAAE;AAE3C,YAAW,SAAS,WAAW;EAC7B,MAAM,UAAU,OAAO,QAAQ,0BAA0B;AACzD,MAAI,CAAC,SAAS;AACZ,WAAQ,KAAK,iFAA+E;AAC5F;;EAIF,IAAI,mBAAmB,QAAQ,cAA2B,kBAAkB;AAC5E,MAAI,CAAC,oBAAoB,qBAAqB,QAAQ;AACpD,sBAAmB,SAAS,cAAc,MAAM;AAChD,WAAQ,aAAa,kBAAkB,OAAO;;EAGhD,MAAM,kBAAkB,IAAI,4BAA4B,iBAAiB;EAGzE,MAAM,sBAAsB,gBAAgB,WAAW,YAAY;AACjE,UAAO,aAAa,cAAc,OAAO,QAAQ,CAAC;AAGlD,OAAI,SAAS;IACX,MAAM,mBAAmB,cAAc,qBAAqB;AAC5D,QAAI,iBACF,QAAO,aAAa,mBAAmB,iBAAiB;SAG1D,QAAO,gBAAgB,kBAAkB;IAE3C;EAGF,MAAM,oBAAoB,cAAc,WAAW,cAAc;AAE/D,OADgB,OAAO,aAAa,aAAa,KAAK,UACvC,UACb,QAAO,aAAa,mBAAmB,UAAU;IAEnD;AAEF,mBAAiB,WAAW;AAC1B,wBAAqB;AACrB,sBAAmB;AACnB,mBAAgB,SAAS;IACzB;GACF;AAGF,cAAa;AACX,mBAAiB,SAAS,YAAY,SAAS,CAAC;AAChD,gBAAc,SAAS"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bi-digital/react",
   "type": "module",
-  "version": "0.11.0",
+  "version": "0.11.2",
   "description": "React components from BI Digital",
   "author": "BI Digital",
   "homepage": "https://designsystem.bi.no/",
@@ -38,26 +38,25 @@
     "@radix-ui/react-slot": "^1.2.4",
     "@radix-ui/react-use-controllable-state": "^1.2.2",
     "clsx": "^2.1.1",
-    "@bi-digital/icons": "0.11.0"
+    "@bi-digital/icons": "0.11.2"
   },
   "devDependencies": {
     "@types/react": "^19.2.14",
     "@types/react-dom": "^19.2.3",
-    "@vitest/browser-playwright": "^4.1.0",
-    "@vitest/coverage-v8": "^4.1.0",
-    "@vitest/expect": "^4.1.0",
-    "playwright": "^1.58.2",
+    "@vitest/browser-playwright": "^4.1.4",
+    "@vitest/coverage-v8": "^4.1.4",
+    "@vitest/expect": "^4.1.4",
+    "playwright": "^1.59.1",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
-    "tsconfck": "^3.1.6",
-    "tsdown": "^0.21.0",
-    "vitest": "^4.1.0",
-    "vitest-browser-react": "^2.1.0"
+    "tsdown": "^0.21.7",
+    "vitest": "^4.1.4",
+    "vitest-browser-react": "^2.2.0"
   },
   "peerDependencies": {
     "react": "^19",
     "react-dom": "^19",
-    "@bi-digital/css": "0.11.0"
+    "@bi-digital/css": "0.11.2"
   },
   "scripts": {
     "build": "tsdown",