@bi-digital/react 0.12.2 → 0.12.4

package/dist/components/validation-message/validation-message.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"validation-message.mjs","names":[],"sources":["../../../src/components/validation-message/validation-message.tsx"],"sourcesContent":["import { Slot } from '@radix-ui/react-slot';\nimport clsx from 'clsx/lite';\nimport type { HTMLAttributes, ReactNode, Ref } from 'react';\nimport type { AsChildProps } from '../../types';\nimport type { MergeRight } from '../../utilities';\nimport { ErrorIcon } from '@bi-digital/icons';\n\nexport type ValidationMessageProps = MergeRight<\n  AsChildProps & HTMLAttributes<HTMLParagraphElement>,\n  {\n    /** Override the default warning icon. Must be a BiIcon to work correctly. */\n    icon?: ReactNode;\n    ref?: Ref<HTMLParagraphElement>;\n  }\n>;\n\nexport const ValidationMessage = ({ children, className, icon, asChild, ref, ...props }: ValidationMessageProps) => {\n  const Component = asChild ? Slot : 'p';\n\n  return (\n    <Component className={clsx('bi-validation-message', className)} ref={ref} {...props}>\n      {icon || <ErrorIcon />}\n      {children}\n    </Component>\n  );\n};\n"],"mappings":";;;;;AAgBA,MAAa,qBAAqB,EAAE,UAAU,WAAW,MAAM,SAAS,KAAK,GAAG,YAAoC;CAGlH,OACE,qBAHgB,UAAU,OAAO,KAGjC;EAAW,WAAW,KAAK,yBAAyB,UAAU;EAAO;EAAK,GAAI;YAA9E,CACG,QAAQ,oBAAC,WAAD,EAAa,CAAA,EACrB,SACS"}
+{"version":3,"file":"validation-message.mjs","names":[],"sources":["../../../src/components/validation-message/validation-message.tsx"],"sourcesContent":["import { Slot } from '@radix-ui/react-slot';\nimport clsx from 'clsx/lite';\nimport type { HTMLAttributes, ReactNode, Ref } from 'react';\nimport type { AsChildProps } from '../../types';\nimport type { MergeRight } from '../../utilities';\nimport { ErrorIcon } from '@bi-digital/icons';\n\nexport type ValidationMessageProps = MergeRight<\n  AsChildProps & HTMLAttributes<HTMLParagraphElement>,\n  {\n    /** Override the default warning icon. Must be a BiIcon to work correctly. */\n    icon?: ReactNode;\n    ref?: Ref<HTMLParagraphElement>;\n  }\n>;\n\nexport const ValidationMessage = ({ children, className, icon, asChild, ref, ...props }: ValidationMessageProps) => {\n  const Component = asChild ? Slot : 'p';\n\n  return (\n    <Component className={clsx('bi-validation-message', className)} ref={ref} {...props}>\n      {icon || <ErrorIcon />}\n      {children}\n    </Component>\n  );\n};\n"],"mappings":";;;;;AAgBA,MAAa,qBAAqB,EAAE,UAAU,WAAW,MAAM,SAAS,KAAK,GAAG,YAAoC;CAGlH,OACE,qBAHgB,UAAU,OAAO,KAGjC;EAAW,WAAW,KAAK,yBAAyB,SAAS;EAAQ;EAAK,GAAI;EAA9E,UAAA,CACG,QAAQ,oBAAC,WAAD,CAAY,CAAA,GACpB,QACQ;;AAEf"}

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

@@ -1,20 +1,15 @@
-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 = {
   children: ReactNode;
 };
-declare const DialogTriggerContext: ({
-  children
-}: DialogTriggerContextProps) => _$react_jsx_runtime0.JSX.Element;
+declare const DialogTriggerContext: ({ children }: DialogTriggerContextProps) => React.JSX.Element;
 //#endregion
 export { DialogTriggerContext as n, DialogTriggerContextProps as r, Context as t };
-//# sourceMappingURL=dialog-trigger-context-DbUhxoNL.d.mts.map
+//# sourceMappingURL=dialog-trigger-context-Orqo_NHj.d.mts.map

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

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

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

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

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

@@ -1,6 +1,4 @@
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import { HTMLAttributes, Ref } from "react";
-
 //#region src/components/footer/footer-links.d.ts
 type FooterLinksProps = HTMLAttributes<HTMLDivElement> & {
   /**
@@ -9,12 +7,7 @@ type FooterLinksProps = HTMLAttributes<HTMLDivElement> & {
   leadingText?: string;
   ref?: Ref<HTMLDivElement>;
 };
-declare const FooterLinks: ({
-  leadingText,
-  children,
-  ref,
-  ...props
-}: FooterLinksProps) => _$react_jsx_runtime0.JSX.Element;
+declare const FooterLinks: ({ leadingText, children, ref, ...props }: FooterLinksProps) => React.JSX.Element;
 //#endregion
 export { FooterLinksProps as n, FooterLinks as t };
-//# sourceMappingURL=footer-links-DwBghNrz.d.mts.map
+//# sourceMappingURL=footer-links-Dk977Qoi.d.mts.map

package/dist/index-CaxrMD1A.d.mts

@@ -0,0 +1 @@
+export {}

package/dist/index-Dqg5-Rt-.d.mts

@@ -0,0 +1 @@
+import "./sticky-header-BXlBWEWo.mjs";

package/dist/main.d.mts

@@ -1,15 +1,15 @@
-import { r as useCheckboxGroup, t as UseCheckboxGroupOptions } from "./useCheckboxGroup-Boc_tLJ3.mjs";
-import { t as useIsomorphicLayoutEffect } from "./useIsomorphicLayoutEffect-DXCY5AxR.mjs";
-import { $ as Footer, $t as Checkbox, A as SelectfieldProps, At as PopoverProps, B as RadioProps, Bt as DialogContentProps, C as Switch, Cn as Alert, Ct as DropdownButton, D as SkipLink, Dt as PopoverTrigger, E as SpinnerProps, Et as DropdownProps, F as Select, Ft as DialogFooter, G as SubNavbar, Gt as DetailsContent, H as PaginationButtonProps, Ht as DialogProps, I as SelectProps, It as DialogFooterProps, J as NavbarProps, Jt as DetailsProps, K as SubNavbarProps, Kt as DetailsContentProps, L as Search, Lt as DialogHeader, M as SelectOptgroupProps, Mt as DialogCloseButtonProps, N as SelectOption, Nt as DialogTrigger, O as SkipLinkProps, Ot as PopoverTriggerProps, P as SelectOptionProps, Pt as DialogTriggerProps, Q as LinkProps, Qt as CheckboxSubsectionProps, R as SearchProps, Rt as DialogHeaderProps, S as TabsProps, Sn as AvatarProps, St as DropdownTriggerProps, T as Spinner, Tt as Dropdown, U as Pagination, Ut as DetailsSummary, V as PaginationButton, Vt as Dialog, W as PaginationProps, Wt as DetailsSummaryProps, X as LogoProps, Xt as ChipProps, Y as Logo, Yt as Chip, Z as Link, Zt as CheckboxSubsection, _ as Tab, _n as Button, _t as Field, a as ValidationMessage, an as CardMedia, at as Label, b as Tabs, bn as BadgeProps, bt as DropdownTriggerContextProps, c as TooltipProps, cn as CardHeaderProps, ct as FieldsetDescriptionProps, d as Textarea, dn as CardAction, dt as FieldAffix, en as CheckboxProps, et as FooterProps, f as TextareaProps, fn as CardActionProps, ft as FieldAffixProps, g as TabsListProps, gn as CardProps, gt as FieldDescriptionProps, h as TabsList, hn as Card, ht as FieldDescription, i as usePagination, in as CardDateProps, it as FieldsetLegendProps, j as SelectOptgroup, jt as DialogCloseButton, k as Selectfield, kt as Popover, l as Textfield, ln as CardContent, lt as Fieldset, m as TabsPanelProps, mn as CardActionsProps, mt as FieldAffixesProps, n as AlertFooterProps, nn as InputProps, nt as FilterGroupProps, o as ValidationMessageProps, on as CardMediaProps, ot as LabelProps, p as TabsPanel, pn as CardActions, pt as FieldAffixes, q as Navbar, qt as Details, r as UsePaginationProps, rn as CardDate, rt as FieldsetLegend, s as Tooltip, sn as CardHeader, st as FieldsetDescription, t as AlertFooter, tn as Input, tt as FilterGroup, u as TextfieldProps, un as CardContentProps, ut as FieldsetProps, v as TabProps, vn as ButtonProps, vt as FieldProps, w as SwitchProps, wn as AlertProps, wt as DropdownButtonProps, x as TabsContext, xn as Avatar, xt as DropdownTrigger, yn as Badge, yt as DropdownTriggerContext, z as Radio, zt as DialogContent } from "./alert-footer-Yb_zpMhd.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-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, 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, Tooltip, TooltipProps, UseCheckboxGroupOptions, UseMediaQueryOptions, UsePaginationProps, ValidationMessage, ValidationMessageProps, useCheckboxGroup, useIsElementAboveViewport, useIsomorphicLayoutEffect, useMediaQuery, usePagination, useScrollDirection };
+import { r as useCheckboxGroup, t as UseCheckboxGroupOptions } from "./useCheckboxGroup-BTzX7PfS.mjs";
+import { t as useIsomorphicLayoutEffect } from "./useIsomorphicLayoutEffect-D-Mi76vH.mjs";
+import { $ as Footer, $t as Checkbox, A as SelectfieldProps, At as PopoverProps, B as RadioProps, Bt as DialogContentProps, C as Switch, Cn as Alert, Ct as DropdownButton, D as SkipLink, Dt as PopoverTrigger, E as SpinnerProps, Et as DropdownProps, F as Select, Ft as DialogFooter, G as SubNavbar, Gt as DetailsContent, H as PaginationButtonProps, Ht as DialogProps, I as SelectProps, It as DialogFooterProps, J as NavbarProps, Jt as DetailsProps, K as SubNavbarProps, Kt as DetailsContentProps, L as Search, Lt as DialogHeader, M as SelectOptgroupProps, Mt as DialogCloseButtonProps, N as SelectOption, Nt as DialogTrigger, O as SkipLinkProps, Ot as PopoverTriggerProps, P as SelectOptionProps, Pt as DialogTriggerProps, Q as LinkProps, Qt as CheckboxSubsectionProps, R as SearchProps, Rt as DialogHeaderProps, S as TabsProps, Sn as AvatarProps, St as DropdownTriggerProps, T as Spinner, Tt as Dropdown, U as Pagination, Ut as DetailsSummary, V as PaginationButton, Vt as Dialog, W as PaginationProps, Wt as DetailsSummaryProps, X as LogoProps, Xt as ChipProps, Y as Logo, Yt as Chip, Z as Link, Zt as CheckboxSubsection, _ as Tab, _n as Button, _t as Field, a as ValidationMessage, an as CardMedia, at as Label, b as Tabs, bn as BadgeProps, bt as DropdownTriggerContextProps, c as TooltipProps, cn as CardHeaderProps, ct as FieldsetDescriptionProps, d as Textarea, dn as CardAction, dt as FieldAffix, en as CheckboxProps, et as FooterProps, f as TextareaProps, fn as CardActionProps, ft as FieldAffixProps, g as TabsListProps, gn as CardProps, gt as FieldDescriptionProps, h as TabsList, hn as Card, ht as FieldDescription, i as usePagination, in as CardDateProps, it as FieldsetLegendProps, j as SelectOptgroup, jt as DialogCloseButton, k as Selectfield, kt as Popover, l as Textfield, ln as CardContent, lt as Fieldset, m as TabsPanelProps, mn as CardActionsProps, mt as FieldAffixesProps, n as AlertFooterProps, nn as InputProps, nt as FilterGroupProps, o as ValidationMessageProps, on as CardMediaProps, ot as LabelProps, p as TabsPanel, pn as CardActions, pt as FieldAffixes, q as Navbar, qt as Details, r as UsePaginationProps, rn as CardDate, rt as FieldsetLegend, s as Tooltip, sn as CardHeader, st as FieldsetDescription, t as AlertFooter, tn as Input, tt as FilterGroup, u as TextfieldProps, un as CardContentProps, ut as FieldsetProps, v as TabProps, vn as ButtonProps, vt as FieldProps, w as SwitchProps, wn as AlertProps, wt as DropdownButtonProps, x as TabsContext, xn as Avatar, xt as DropdownTrigger, yn as Badge, yt as DropdownTriggerContext, z as Radio, zt as DialogContent } from "./alert-footer-BoTu7E1s.mjs";
+import { n as DialogTriggerContext, r as DialogTriggerContextProps, t as Context } from "./dialog-trigger-context-Orqo_NHj.mjs";
+import { n as PopoverTriggerContext, r as PopoverTriggerContextProps } from "./popover-trigger-context-DeCbAC6V.mjs";
+import { n as DropdownItemProps, t as DropdownItem } from "./dropdown-item-B6Ahk6en.mjs";
+import { n as DropdownListProps, t as DropdownList } from "./dropdown-list-CXM9VhRl.mjs";
+import { n as FooterLinksProps, t as FooterLinks } from "./footer-links-Dk977Qoi.mjs";
+import { n as PaginationItemProps, t as PaginationItem } from "./pagination-item-DqbKxAHU.mjs";
+import { n as StickyHeaderProps, t as StickyHeader } from "./sticky-header-BXlBWEWo.mjs";
+import { t as useIsElementAboveViewport } from "./useIsElementAboveViewport-Db7ndg3S.mjs";
+import { t as useScrollDirection } from "./useScrollDirection-DS9Rfs_K.mjs";
+import { n as useMediaQuery, t as UseMediaQueryOptions } from "./useMediaQuery-c1R0kas_.mjs";
+import { t as MergeRight } from "./types-oMo2uOVa.mjs";
+export { Alert, AlertFooter, type AlertFooterProps, type AlertProps, Avatar, type AvatarProps, Badge, type BadgeProps, Button, type ButtonProps, Card, CardAction, type CardActionProps, CardActions, type CardActionsProps, CardContent, type CardContentProps, CardDate, type CardDateProps, CardHeader, type CardHeaderProps, CardMedia, type CardMediaProps, type CardProps, Checkbox, type CheckboxProps, CheckboxSubsection, type CheckboxSubsectionProps, Chip, type ChipProps, type Context, Details, DetailsContent, type DetailsContentProps, type DetailsProps, DetailsSummary, type DetailsSummaryProps, Dialog, DialogCloseButton, type DialogCloseButtonProps, DialogContent, type DialogContentProps, DialogFooter, type DialogFooterProps, DialogHeader, type DialogHeaderProps, type DialogProps, DialogTrigger, DialogTriggerContext, type DialogTriggerContextProps, type DialogTriggerProps, Dropdown, DropdownButton, type DropdownButtonProps, DropdownItem, type DropdownItemProps, DropdownList, type DropdownListProps, type DropdownProps, DropdownTrigger, DropdownTriggerContext, type DropdownTriggerContextProps, type DropdownTriggerProps, Field, FieldAffix, type FieldAffixProps, FieldAffixes, type FieldAffixesProps, FieldDescription, type FieldDescriptionProps, type FieldProps, Fieldset, FieldsetDescription, type FieldsetDescriptionProps, FieldsetLegend, type FieldsetLegendProps, type FieldsetProps, FilterGroup, type FilterGroupProps, Footer, FooterLinks, type FooterLinksProps, type FooterProps, Input, type InputProps, Label, type LabelProps, Link, type LinkProps, Logo, type LogoProps, type MergeRight, Navbar, type NavbarProps, Pagination, PaginationButton, type PaginationButtonProps, PaginationItem, type PaginationItemProps, type PaginationProps, Popover, type PopoverProps, PopoverTrigger, PopoverTriggerContext, type PopoverTriggerContextProps, type PopoverTriggerProps, Radio, type RadioProps, Search, type SearchProps, Select, SelectOptgroup, type SelectOptgroupProps, SelectOption, type SelectOptionProps, type SelectProps, Selectfield, type SelectfieldProps, SkipLink, type SkipLinkProps, Spinner, type SpinnerProps, StickyHeader, type StickyHeaderProps, SubNavbar, type SubNavbarProps, Switch, type SwitchProps, Tab, type TabProps, Tabs, type TabsContext, TabsList, type TabsListProps, TabsPanel, type TabsPanelProps, type TabsProps, Textarea, type TextareaProps, Textfield, type TextfieldProps, Tooltip, type TooltipProps, type UseCheckboxGroupOptions, type UseMediaQueryOptions, type UsePaginationProps, ValidationMessage, type ValidationMessageProps, useCheckboxGroup, useIsElementAboveViewport, useIsomorphicLayoutEffect, useMediaQuery, usePagination, useScrollDirection };

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

@@ -1,6 +1,4 @@
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import { HTMLAttributes, Ref } from "react";
-
 //#region src/components/pagination/pagination-item.d.ts
 type PaginationItemProps = HTMLAttributes<HTMLLIElement> & {
   /**
@@ -10,12 +8,7 @@ type PaginationItemProps = HTMLAttributes<HTMLLIElement> & {
   asChild?: boolean;
   ref?: Ref<HTMLLIElement>;
 };
-declare const PaginationItem: ({
-  ref,
-  asChild,
-  children,
-  ...rest
-}: PaginationItemProps) => _$react_jsx_runtime0.JSX.Element;
+declare const PaginationItem: ({ ref, asChild, children, ...rest }: PaginationItemProps) => React.JSX.Element;
 //#endregion
 export { PaginationItemProps as n, PaginationItem as t };
-//# sourceMappingURL=pagination-item-DJicBrIN.d.mts.map
+//# sourceMappingURL=pagination-item-DqbKxAHU.d.mts.map

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

@@ -1,9 +1,6 @@
-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;
@@ -33,11 +30,7 @@ type PopoverTriggerContextProps = {
  *   </Popover>
  * </PopoverTriggerContext>
  */
-declare const PopoverTriggerContext: ({
-  children,
-  open,
-  onOpenChange
-}: PopoverTriggerContextProps) => _$react_jsx_runtime0.JSX.Element;
+declare const PopoverTriggerContext: ({ children, open, onOpenChange }: PopoverTriggerContextProps) => React.JSX.Element;
 //#endregion
 export { PopoverTriggerContext as n, PopoverTriggerContextProps as r, Context as t };
-//# sourceMappingURL=popover-trigger-context-BLjAozBn.d.mts.map
+//# sourceMappingURL=popover-trigger-context-DeCbAC6V.d.mts.map

package/dist/react-types.d.ts

@@ -4,7 +4,31 @@
  * - `'dark'`: Use the dark color scheme.
  */
 export type ColorScheme = 'light' | 'dark';
-export type Colors = 'primary' | 'neutral' | 'info' | 'success' | 'warning' | 'alert';
+
+/**
+ * Registry for custom color sets, so `data-color` accepts them alongside the
+ * built-in ones. Add a key per color set you have defined in CSS:
+ *
+ * ```ts
+ * declare module '@bi-digital/react/react-types' {
+ *   interface CustomColors {
+ *     brand: true;
+ *   }
+ * }
+ * ```
+ *
+ * Empty by default, which leaves `Colors` as the built-in color sets only.
+ */
+export interface CustomColors {}
+
+export type Colors =
+  | 'primary'
+  | 'neutral'
+  | 'info'
+  | 'success'
+  | 'warning'
+  | 'alert'
+  | Extract<keyof CustomColors, string>;
 
 declare global {
   namespace React {
@@ -19,6 +43,24 @@ declare global {
        * - `'dark'`: Use the dark color scheme.
        */
       'data-color-scheme'?: ColorScheme;
+      /**
+       * Forward clicks on this element to the link or button with this `id`, making the whole
+       * surface act as a single click target while keeping one accessible name and one tab stop.
+       *
+       * Clicks are not forwarded when they land on another interactive element inside the
+       * surface, or when the target is disabled. Requires the javascript offered through
+       * `@digdir/designsystemet-web` (automatically included in @bi-digital/react); without it the target still works on its own.
+       *
+       * @example
+       * ```tsx
+       * <Card data-clickdelegatefor='card-title'>
+       *   <CardContent>
+       *     <CardHeader header={<a id='card-title' href='/article'>Some text</a>} />
+       *   </CardContent>
+       * </Card>
+       * ```
+       */
+      'data-clickdelegatefor'?: string;
     }
 
     // Make React support command attributes: https://github.com/facebook/react/issues/32478

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

@@ -1,6 +1,4 @@
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import { ReactNode } from "react";
-
 //#region src/components/sticky-header/sticky-header.d.ts
 type StickyHeaderProps = {
   children: ReactNode;
@@ -11,9 +9,7 @@ type StickyHeaderProps = {
  * This element is a Slot which simply adds the correct CSS styles to the children.
  * Make sure that the children passed to this component appends className and not overrides it.
  */
-declare const StickyHeader: ({
-  children
-}: StickyHeaderProps) => _$react_jsx_runtime0.JSX.Element;
+declare const StickyHeader: ({ children }: StickyHeaderProps) => React.JSX.Element;
 //#endregion
 export { StickyHeaderProps as n, StickyHeader as t };
-//# sourceMappingURL=sticky-header-CVfE0TUC.d.mts.map
+//# sourceMappingURL=sticky-header-BXlBWEWo.d.mts.map

package/dist/{types-C0q7hMe_.d.mts → types-BoBDvyAZ.d.mts}

@@ -1,5 +1,4 @@
 import { ReactNode } from "react";
-
 //#region src/types.d.ts
 type DefaultProps = {};
 type AsChildProps = {
@@ -25,4 +24,4 @@ type LabelRequiredProps = {
 };
 //#endregion
 export { DefaultProps as n, LabelRequiredProps as r, AsChildProps as t };
-//# sourceMappingURL=types-C0q7hMe_.d.mts.map
+//# sourceMappingURL=types-BoBDvyAZ.d.mts.map

package/dist/{types-74lJC5tL.d.mts → types-oMo2uOVa.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-oMo2uOVa.d.mts.map

package/dist/types.d.mts

@@ -1,2 +1,2 @@
-import { n as DefaultProps, r as LabelRequiredProps, t as AsChildProps } from "./types-C0q7hMe_.mjs";
+import { n as DefaultProps, r as LabelRequiredProps, t as AsChildProps } from "./types-BoBDvyAZ.mjs";
 export { AsChildProps, DefaultProps, LabelRequiredProps };

package/dist/{useCheckboxGroup-Boc_tLJ3.d.mts → useCheckboxGroup-BTzX7PfS.d.mts}

@@ -1,21 +1,18 @@
 import { ChangeEvent } from "react";
-
 //#region src/utilities/hooks/useCheckboxGroup/useCheckboxGroup.d.ts
 type UseCheckboxGroupOptions = {
   options: boolean[];
   updateOptions: (checked: boolean) => void;
 };
 type UseCheckboxGroupReturn = {
-  /** Spread this on the "parent" checkbox */checkboxGroupProps: {
+  /** Spread this on the "parent" checkbox */
+  checkboxGroupProps: {
     checked: boolean;
     indeterminate: boolean;
     onChange: (e: ChangeEvent<HTMLInputElement>) => void;
   };
 };
-declare const useCheckboxGroup: ({
-  options,
-  updateOptions
-}: UseCheckboxGroupOptions) => UseCheckboxGroupReturn;
+declare const useCheckboxGroup: ({ options, updateOptions }: UseCheckboxGroupOptions) => UseCheckboxGroupReturn;
 //#endregion
 export { UseCheckboxGroupReturn as n, useCheckboxGroup as r, UseCheckboxGroupOptions as t };
-//# sourceMappingURL=useCheckboxGroup-Boc_tLJ3.d.mts.map
+//# sourceMappingURL=useCheckboxGroup-BTzX7PfS.d.mts.map

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

@@ -1,8 +1,7 @@
 import { RefObject } from "react";
-
 //#region src/utilities/hooks/useIsElementAboveViewport/useIsElementAboveViewport.d.ts
 /** Detects when an element's is scrolled past and is no longer in the viewport. */
 declare const useIsElementAboveViewport: (elementRef: RefObject<HTMLElement | null>) => boolean;
 //#endregion
 export { useIsElementAboveViewport as t };
-//# sourceMappingURL=useIsElementAboveViewport-Cxt9TwLS.d.mts.map
+//# sourceMappingURL=useIsElementAboveViewport-Db7ndg3S.d.mts.map

package/dist/{useIsomorphicLayoutEffect-DXCY5AxR.d.mts → useIsomorphicLayoutEffect-D-Mi76vH.d.mts}

@@ -1,7 +1,6 @@
 import { useEffect } from "react";
-
 //#region src/utilities/hooks/useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.d.ts
 declare const useIsomorphicLayoutEffect: typeof useEffect;
 //#endregion
 export { useIsomorphicLayoutEffect as t };
-//# sourceMappingURL=useIsomorphicLayoutEffect-DXCY5AxR.d.mts.map
+//# sourceMappingURL=useIsomorphicLayoutEffect-D-Mi76vH.d.mts.map

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

@@ -23,10 +23,7 @@ type UseMediaQueryOptions = {
  * // Use `isSmallScreen` to conditionally apply styles or logic based on the screen size.
  * ```
  */
-declare function useMediaQuery(query: string, {
-  defaultValue,
-  initializeWithValue
-}?: UseMediaQueryOptions): boolean;
+declare function useMediaQuery(query: string, { defaultValue, initializeWithValue }?: UseMediaQueryOptions): boolean;
 //#endregion
 export { useMediaQuery as n, UseMediaQueryOptions as t };
-//# sourceMappingURL=useMediaQuery-Di0fXraw.d.mts.map
+//# sourceMappingURL=useMediaQuery-c1R0kas_.d.mts.map

package/dist/{useScrollDirection-6pq5a8B3.d.mts → useScrollDirection-DS9Rfs_K.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-DS9Rfs_K.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-Yb_zpMhd.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";
-export { UseCheckboxGroupOptions, UseMediaQueryOptions, UsePaginationProps, useCheckboxGroup, useIsElementAboveViewport, useIsomorphicLayoutEffect, useMediaQuery, usePagination, useScrollDirection };
+import { r as useCheckboxGroup, t as UseCheckboxGroupOptions } from "../../useCheckboxGroup-BTzX7PfS.mjs";
+import { t as useIsomorphicLayoutEffect } from "../../useIsomorphicLayoutEffect-D-Mi76vH.mjs";
+import { i as usePagination, r as UsePaginationProps } from "../../alert-footer-BoTu7E1s.mjs";
+import { t as useIsElementAboveViewport } from "../../useIsElementAboveViewport-Db7ndg3S.mjs";
+import { t as useScrollDirection } from "../../useScrollDirection-DS9Rfs_K.mjs";
+import { n as useMediaQuery, t as UseMediaQueryOptions } from "../../useMediaQuery-c1R0kas_.mjs";
+export { type UseCheckboxGroupOptions, type UseMediaQueryOptions, type UsePaginationProps, useCheckboxGroup, useIsElementAboveViewport, useIsomorphicLayoutEffect, useMediaQuery, usePagination, useScrollDirection };

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

@@ -1,2 +1,2 @@
-import { n as UseCheckboxGroupReturn, r as useCheckboxGroup, t as UseCheckboxGroupOptions } from "../../../useCheckboxGroup-Boc_tLJ3.mjs";
+import { n as UseCheckboxGroupReturn, r as useCheckboxGroup, t as UseCheckboxGroupOptions } from "../../../useCheckboxGroup-BTzX7PfS.mjs";
 export { UseCheckboxGroupOptions, UseCheckboxGroupReturn, useCheckboxGroup };

package/dist/utilities/hooks/useCheckboxGroup/useCheckboxGroup.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useCheckboxGroup.mjs","names":[],"sources":["../../../../src/utilities/hooks/useCheckboxGroup/useCheckboxGroup.tsx"],"sourcesContent":["import type { ChangeEvent } from 'react';\n\nexport type UseCheckboxGroupOptions = {\n  options: boolean[];\n  updateOptions: (checked: boolean) => void;\n};\n\nexport type UseCheckboxGroupReturn = {\n  /** Spread this on the \"parent\" checkbox */\n  checkboxGroupProps: {\n    checked: boolean;\n    indeterminate: boolean;\n    onChange: (e: ChangeEvent<HTMLInputElement>) => void;\n  };\n};\n\nexport const useCheckboxGroup = ({ options, updateOptions }: UseCheckboxGroupOptions): UseCheckboxGroupReturn => {\n  const checked = options.every((option) => option);\n  const indeterminate = options.some((option) => option) && !checked;\n\n  const onChange = (e: ChangeEvent<HTMLInputElement>) => {\n    const newChecked = e.target.indeterminate ? true : e.target.checked;\n    updateOptions(newChecked);\n  };\n\n  return {\n    checkboxGroupProps: {\n      checked,\n      indeterminate,\n      onChange,\n    },\n  };\n};\n"],"mappings":";AAgBA,MAAa,oBAAoB,EAAE,SAAS,oBAAqE;CAC/G,MAAM,UAAU,QAAQ,OAAO,WAAW,OAAO;CACjD,MAAM,gBAAgB,QAAQ,MAAM,WAAW,OAAO,IAAI,CAAC;CAE3D,MAAM,YAAY,MAAqC;EAErD,cADmB,EAAE,OAAO,gBAAgB,OAAO,EAAE,OAAO,QACnC;;CAG3B,OAAO,EACL,oBAAoB;EAClB;EACA;EACA;EACD,EACF"}
+{"version":3,"file":"useCheckboxGroup.mjs","names":[],"sources":["../../../../src/utilities/hooks/useCheckboxGroup/useCheckboxGroup.tsx"],"sourcesContent":["import type { ChangeEvent } from 'react';\n\nexport type UseCheckboxGroupOptions = {\n  options: boolean[];\n  updateOptions: (checked: boolean) => void;\n};\n\nexport type UseCheckboxGroupReturn = {\n  /** Spread this on the \"parent\" checkbox */\n  checkboxGroupProps: {\n    checked: boolean;\n    indeterminate: boolean;\n    onChange: (e: ChangeEvent<HTMLInputElement>) => void;\n  };\n};\n\nexport const useCheckboxGroup = ({ options, updateOptions }: UseCheckboxGroupOptions): UseCheckboxGroupReturn => {\n  const checked = options.every((option) => option);\n  const indeterminate = options.some((option) => option) && !checked;\n\n  const onChange = (e: ChangeEvent<HTMLInputElement>) => {\n    const newChecked = e.target.indeterminate ? true : e.target.checked;\n    updateOptions(newChecked);\n  };\n\n  return {\n    checkboxGroupProps: {\n      checked,\n      indeterminate,\n      onChange,\n    },\n  };\n};\n"],"mappings":";AAgBA,MAAa,oBAAoB,EAAE,SAAS,oBAAqE;CAC/G,MAAM,UAAU,QAAQ,OAAO,WAAW,MAAM;CAChD,MAAM,gBAAgB,QAAQ,MAAM,WAAW,MAAM,KAAK,CAAC;CAE3D,MAAM,YAAY,MAAqC;EAErD,cADmB,EAAE,OAAO,gBAAgB,OAAO,EAAE,OAAO,OACpC;CAC1B;CAEA,OAAO,EACL,oBAAoB;EAClB;EACA;EACA;CACF,EACF;AACF"}

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-Db7ndg3S.mjs";
 export { useIsElementAboveViewport };

package/dist/utilities/hooks/useIsElementAboveViewport/useIsElementAboveViewport.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useIsElementAboveViewport.mjs","names":[],"sources":["../../../../src/utilities/hooks/useIsElementAboveViewport/useIsElementAboveViewport.tsx"],"sourcesContent":["import { useEffect, useState, type RefObject } from 'react';\n\n/** Detects when an element's is scrolled past and is no longer in the viewport. */\nexport const useIsElementAboveViewport = (elementRef: RefObject<HTMLElement | null>): boolean => {\n  const [isAboveViewport, setIsPast] = useState(false);\n\n  useEffect(() => {\n    const observer = new IntersectionObserver(([entry]) => setIsPast(entry.boundingClientRect.y < 0), {\n      threshold: [0],\n    });\n    const currentRef = elementRef.current;\n    if (currentRef) observer.observe(currentRef);\n    return () => {\n      if (currentRef) observer.unobserve(currentRef);\n    };\n  }, [elementRef]);\n  return isAboveViewport;\n};\n"],"mappings":";;;AAGA,MAAa,6BAA6B,eAAuD;CAC/F,MAAM,CAAC,iBAAiB,aAAa,SAAS,MAAM;CAEpD,gBAAgB;EACd,MAAM,WAAW,IAAI,sBAAsB,CAAC,WAAW,UAAU,MAAM,mBAAmB,IAAI,EAAE,EAAE,EAChG,WAAW,CAAC,EAAE,EACf,CAAC;EACF,MAAM,aAAa,WAAW;EAC9B,IAAI,YAAY,SAAS,QAAQ,WAAW;EAC5C,aAAa;GACX,IAAI,YAAY,SAAS,UAAU,WAAW;;IAE/C,CAAC,WAAW,CAAC;CAChB,OAAO"}
+{"version":3,"file":"useIsElementAboveViewport.mjs","names":[],"sources":["../../../../src/utilities/hooks/useIsElementAboveViewport/useIsElementAboveViewport.tsx"],"sourcesContent":["import { useEffect, useState, type RefObject } from 'react';\n\n/** Detects when an element's is scrolled past and is no longer in the viewport. */\nexport const useIsElementAboveViewport = (elementRef: RefObject<HTMLElement | null>): boolean => {\n  const [isAboveViewport, setIsPast] = useState(false);\n\n  useEffect(() => {\n    const observer = new IntersectionObserver(([entry]) => setIsPast(entry.boundingClientRect.y < 0), {\n      threshold: [0],\n    });\n    const currentRef = elementRef.current;\n    if (currentRef) observer.observe(currentRef);\n    return () => {\n      if (currentRef) observer.unobserve(currentRef);\n    };\n  }, [elementRef]);\n  return isAboveViewport;\n};\n"],"mappings":";;;AAGA,MAAa,6BAA6B,eAAuD;CAC/F,MAAM,CAAC,iBAAiB,aAAa,SAAS,KAAK;CAEnD,gBAAgB;EACd,MAAM,WAAW,IAAI,sBAAsB,CAAC,WAAW,UAAU,MAAM,mBAAmB,IAAI,CAAC,GAAG,EAChG,WAAW,CAAC,CAAC,EACf,CAAC;EACD,MAAM,aAAa,WAAW;EAC9B,IAAI,YAAY,SAAS,QAAQ,UAAU;EAC3C,aAAa;GACX,IAAI,YAAY,SAAS,UAAU,UAAU;EAC/C;CACF,GAAG,CAAC,UAAU,CAAC;CACf,OAAO;AACT"}

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

@@ -1,2 +1,2 @@
-import { t as useIsomorphicLayoutEffect } from "../../../useIsomorphicLayoutEffect-DXCY5AxR.mjs";
+import { t as useIsomorphicLayoutEffect } from "../../../useIsomorphicLayoutEffect-D-Mi76vH.mjs";
 export { useIsomorphicLayoutEffect };

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-c1R0kas_.mjs";
 export { UseMediaQueryOptions, useMediaQuery };

package/dist/utilities/hooks/useMediaQuery/useMediaQuery.mjs

@@ -28,11 +28,9 @@ function useMediaQuery(query, { defaultValue = false, initializeWithValue = true
 	useIsomorphicLayoutEffect(() => {
 		const matchMedia = window.matchMedia(query);
 		handleChange();
-		if (matchMedia.addListener) matchMedia.addListener(handleChange);
-		else matchMedia.addEventListener("change", handleChange);
+		matchMedia.addEventListener("change", handleChange);
 		return () => {
-			if (matchMedia.removeListener) matchMedia.removeListener(handleChange);
-			else matchMedia.removeEventListener("change", handleChange);
+			matchMedia.removeEventListener("change", handleChange);
 		};
 	}, [query]);
 	return matches;

package/dist/utilities/hooks/useMediaQuery/useMediaQuery.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useMediaQuery.mjs","names":[],"sources":["../../../../src/utilities/hooks/useMediaQuery/useMediaQuery.tsx"],"sourcesContent":["import { useState } from 'react';\n\nimport { useIsomorphicLayoutEffect } from '../useIsomorphicLayoutEffect/useIsomorphicLayoutEffect';\n\n/** Hook options. */\nexport type UseMediaQueryOptions = {\n  /**\n   * The default value to return if the hook is being run on the server.\n   * @default false\n   */\n  defaultValue?: boolean;\n  /**\n   * If `true` (default), the hook will initialize reading the media query. In SSR, you should set it to `false`, returning `options.defaultValue` or `false` initially.\n   * @default true\n   */\n  initializeWithValue?: boolean;\n};\n\nconst IS_SERVER = typeof window === 'undefined';\n\n/**\n * Custom hook that tracks the state of a media query using the [`Match Media API`](https://developer.mozilla.org/en-US/docs/Web/API/Window/matchMedia).\n * @param {string} query - The media query to track.\n * @param {?UseMediaQueryOptions} [options] - The options for customizing the behavior of the hook (optional).\n * @returns {boolean} The current state of the media query (true if the query matches, false otherwise).\n * @example\n * ```tsx\n * const isSmallScreen = useMediaQuery('(max-width: 600px)');\n * // Use `isSmallScreen` to conditionally apply styles or logic based on the screen size.\n * ```\n */\nexport function useMediaQuery(\n  query: string,\n  { defaultValue = false, initializeWithValue = true }: UseMediaQueryOptions = {},\n): boolean {\n  const getMatches = (query: string): boolean => {\n    if (IS_SERVER) {\n      return defaultValue;\n    }\n    return window.matchMedia(query).matches;\n  };\n\n  const [matches, setMatches] = useState<boolean>(() => {\n    if (initializeWithValue) {\n      return getMatches(query);\n    }\n    return defaultValue;\n  });\n\n  // Handles the change event of the media query.\n  function handleChange() {\n    setMatches(getMatches(query));\n  }\n\n  useIsomorphicLayoutEffect(() => {\n    const matchMedia = window.matchMedia(query);\n\n    // Triggered at the first client-side load and if query changes\n    handleChange();\n\n    // Use deprecated `addListener` and `removeListener` to support Safari < 14\n    if (matchMedia.addListener) {\n      matchMedia.addListener(handleChange);\n    } else {\n      matchMedia.addEventListener('change', handleChange);\n    }\n\n    return () => {\n      if (matchMedia.removeListener) {\n        matchMedia.removeListener(handleChange);\n      } else {\n        matchMedia.removeEventListener('change', handleChange);\n      }\n    };\n  }, [query]);\n\n  return matches;\n}\n"],"mappings":";;;AAkBA,MAAM,YAAY,OAAO,WAAW;;;;;;;;;;;;AAapC,SAAgB,cACd,OACA,EAAE,eAAe,OAAO,sBAAsB,SAA+B,EAAE,EACtE;CACT,MAAM,cAAc,UAA2B;EAC7C,IAAI,WACF,OAAO;EAET,OAAO,OAAO,WAAW,MAAM,CAAC;;CAGlC,MAAM,CAAC,SAAS,cAAc,eAAwB;EACpD,IAAI,qBACF,OAAO,WAAW,MAAM;EAE1B,OAAO;GACP;CAGF,SAAS,eAAe;EACtB,WAAW,WAAW,MAAM,CAAC;;CAG/B,gCAAgC;EAC9B,MAAM,aAAa,OAAO,WAAW,MAAM;EAG3C,cAAc;EAGd,IAAI,WAAW,aACb,WAAW,YAAY,aAAa;OAEpC,WAAW,iBAAiB,UAAU,aAAa;EAGrD,aAAa;GACX,IAAI,WAAW,gBACb,WAAW,eAAe,aAAa;QAEvC,WAAW,oBAAoB,UAAU,aAAa;;IAGzD,CAAC,MAAM,CAAC;CAEX,OAAO"}
+{"version":3,"file":"useMediaQuery.mjs","names":[],"sources":["../../../../src/utilities/hooks/useMediaQuery/useMediaQuery.tsx"],"sourcesContent":["import { useState } from 'react';\n\nimport { useIsomorphicLayoutEffect } from '../useIsomorphicLayoutEffect/useIsomorphicLayoutEffect';\n\n/** Hook options. */\nexport type UseMediaQueryOptions = {\n  /**\n   * The default value to return if the hook is being run on the server.\n   * @default false\n   */\n  defaultValue?: boolean;\n  /**\n   * If `true` (default), the hook will initialize reading the media query. In SSR, you should set it to `false`, returning `options.defaultValue` or `false` initially.\n   * @default true\n   */\n  initializeWithValue?: boolean;\n};\n\nconst IS_SERVER = typeof window === 'undefined';\n\n/**\n * Custom hook that tracks the state of a media query using the [`Match Media API`](https://developer.mozilla.org/en-US/docs/Web/API/Window/matchMedia).\n * @param {string} query - The media query to track.\n * @param {?UseMediaQueryOptions} [options] - The options for customizing the behavior of the hook (optional).\n * @returns {boolean} The current state of the media query (true if the query matches, false otherwise).\n * @example\n * ```tsx\n * const isSmallScreen = useMediaQuery('(max-width: 600px)');\n * // Use `isSmallScreen` to conditionally apply styles or logic based on the screen size.\n * ```\n */\nexport function useMediaQuery(\n  query: string,\n  { defaultValue = false, initializeWithValue = true }: UseMediaQueryOptions = {},\n): boolean {\n  const getMatches = (query: string): boolean => {\n    if (IS_SERVER) {\n      return defaultValue;\n    }\n    return window.matchMedia(query).matches;\n  };\n\n  const [matches, setMatches] = useState<boolean>(() => {\n    if (initializeWithValue) {\n      return getMatches(query);\n    }\n    return defaultValue;\n  });\n\n  // Handles the change event of the media query.\n  function handleChange() {\n    setMatches(getMatches(query));\n  }\n\n  useIsomorphicLayoutEffect(() => {\n    const matchMedia = window.matchMedia(query);\n\n    // Triggered at the first client-side load and if query changes\n    handleChange();\n\n    matchMedia.addEventListener('change', handleChange);\n\n    return () => {\n      matchMedia.removeEventListener('change', handleChange);\n    };\n  }, [query]);\n\n  return matches;\n}\n"],"mappings":";;;AAkBA,MAAM,YAAY,OAAO,WAAW;;;;;;;;;;;;AAapC,SAAgB,cACd,OACA,EAAE,eAAe,OAAO,sBAAsB,SAA+B,CAAC,GACrE;CACT,MAAM,cAAc,UAA2B;EAC7C,IAAI,WACF,OAAO;EAET,OAAO,OAAO,WAAW,KAAK,CAAC,CAAC;CAClC;CAEA,MAAM,CAAC,SAAS,cAAc,eAAwB;EACpD,IAAI,qBACF,OAAO,WAAW,KAAK;EAEzB,OAAO;CACT,CAAC;CAGD,SAAS,eAAe;EACtB,WAAW,WAAW,KAAK,CAAC;CAC9B;CAEA,gCAAgC;EAC9B,MAAM,aAAa,OAAO,WAAW,KAAK;EAG1C,aAAa;EAEb,WAAW,iBAAiB,UAAU,YAAY;EAElD,aAAa;GACX,WAAW,oBAAoB,UAAU,YAAY;EACvD;CACF,GAAG,CAAC,KAAK,CAAC;CAEV,OAAO;AACT"}

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

@@ -1,5 +1,4 @@
 import { Ref, RefCallback } from "react";
-
 //#region src/utilities/hooks/useMergeRefs/useMergeRefs.d.ts
 /**
  * Merges an array of refs into a single memoized callback ref or `null`.

package/dist/utilities/hooks/useMergeRefs/useMergeRefs.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useMergeRefs.mjs","names":[],"sources":["../../../../src/utilities/hooks/useMergeRefs/useMergeRefs.ts"],"sourcesContent":["// https://github.com/floating-ui/floating-ui/blob/master/packages/react/src/hooks/useMergeRefs.ts\nimport { useCallback, useMemo, useRef } from 'react';\nimport type { Ref, RefCallback, RefObject } from 'react';\n\n/**\n * Merges an array of refs into a single memoized callback ref or `null`.\n */\nexport function useMergeRefs<Instance>(refs: Array<Ref<Instance> | undefined>): null | RefCallback<Instance> {\n  const cleanupRef = useRef<undefined | (() => void)>(undefined);\n\n  const refEffect = useCallback((instance: Instance | null) => {\n    const cleanups = refs.map((ref) => {\n      if (ref == null) {\n        return;\n      }\n\n      if (typeof ref === 'function') {\n        const refCallback = ref;\n        // biome-ignore lint/suspicious/noConfusingVoidType: @types-react wants `void` here\n        const refCleanup: void | (() => void) = refCallback(instance);\n        return typeof refCleanup === 'function'\n          ? refCleanup\n          : () => {\n              refCallback(null);\n            };\n      }\n\n      (ref as RefObject<Instance | null>).current = instance;\n      return () => {\n        (ref as RefObject<Instance | null>).current = null;\n      };\n    });\n\n    return () => {\n      for (const refCleanup of cleanups) {\n        refCleanup?.();\n      }\n    };\n    // oxlint-disable-next-line eslint-plugin-react-hooks/exhaustive-deps\n  }, refs);\n\n  return useMemo(() => {\n    if (refs.every((ref) => ref == null)) {\n      return null;\n    }\n\n    return (value) => {\n      if (cleanupRef.current) {\n        cleanupRef.current();\n        (cleanupRef as RefObject<undefined | (() => void)>).current = undefined;\n      }\n\n      if (value != null) {\n        (cleanupRef as RefObject<undefined | (() => void)>).current = refEffect(value);\n      }\n    };\n    // oxlint-disable-next-line eslint-plugin-react-hooks/exhaustive-deps\n  }, refs);\n}\n"],"mappings":";;;;;AAOA,SAAgB,aAAuB,MAAsE;CAC3G,MAAM,aAAa,OAAiC,KAAA,EAAU;CAE9D,MAAM,YAAY,aAAa,aAA8B;EAC3D,MAAM,WAAW,KAAK,KAAK,QAAQ;GACjC,IAAI,OAAO,MACT;GAGF,IAAI,OAAO,QAAQ,YAAY;IAC7B,MAAM,cAAc;IAEpB,MAAM,aAAkC,YAAY,SAAS;IAC7D,OAAO,OAAO,eAAe,aACzB,mBACM;KACJ,YAAY,KAAK;;;GAIzB,IAAoC,UAAU;GAC9C,aAAa;IACX,IAAoC,UAAU;;IAEhD;EAEF,aAAa;GACX,KAAK,MAAM,cAAc,UACvB,cAAc;;IAIjB,KAAK;CAER,OAAO,cAAc;EACnB,IAAI,KAAK,OAAO,QAAQ,OAAO,KAAK,EAClC,OAAO;EAGT,QAAQ,UAAU;GAChB,IAAI,WAAW,SAAS;IACtB,WAAW,SAAS;IACpB,WAAoD,UAAU,KAAA;;GAGhE,IAAI,SAAS,MACX,WAAoD,UAAU,UAAU,MAAM;;IAIjF,KAAK"}
+{"version":3,"file":"useMergeRefs.mjs","names":[],"sources":["../../../../src/utilities/hooks/useMergeRefs/useMergeRefs.ts"],"sourcesContent":["// https://github.com/floating-ui/floating-ui/blob/master/packages/react/src/hooks/useMergeRefs.ts\nimport { useCallback, useMemo, useRef } from 'react';\nimport type { Ref, RefCallback, RefObject } from 'react';\n\n/**\n * Merges an array of refs into a single memoized callback ref or `null`.\n */\nexport function useMergeRefs<Instance>(refs: Array<Ref<Instance> | undefined>): null | RefCallback<Instance> {\n  const cleanupRef = useRef<undefined | (() => void)>(undefined);\n\n  const refEffect = useCallback((instance: Instance | null) => {\n    const cleanups = refs.map((ref) => {\n      if (ref == null) {\n        return;\n      }\n\n      if (typeof ref === 'function') {\n        const refCallback = ref;\n        // biome-ignore lint/suspicious/noConfusingVoidType: @types-react wants `void` here\n        const refCleanup: void | (() => void) = refCallback(instance);\n        return typeof refCleanup === 'function'\n          ? refCleanup\n          : () => {\n              refCallback(null);\n            };\n      }\n\n      (ref as RefObject<Instance | null>).current = instance;\n      return () => {\n        (ref as RefObject<Instance | null>).current = null;\n      };\n    });\n\n    return () => {\n      for (const refCleanup of cleanups) {\n        refCleanup?.();\n      }\n    };\n    // oxlint-disable-next-line eslint-plugin-react-hooks/exhaustive-deps\n  }, refs);\n\n  return useMemo(() => {\n    if (refs.every((ref) => ref == null)) {\n      return null;\n    }\n\n    return (value) => {\n      if (cleanupRef.current) {\n        cleanupRef.current();\n        (cleanupRef as RefObject<undefined | (() => void)>).current = undefined;\n      }\n\n      if (value != null) {\n        (cleanupRef as RefObject<undefined | (() => void)>).current = refEffect(value);\n      }\n    };\n    // oxlint-disable-next-line eslint-plugin-react-hooks/exhaustive-deps\n  }, refs);\n}\n"],"mappings":";;;;;AAOA,SAAgB,aAAuB,MAAsE;CAC3G,MAAM,aAAa,OAAiC,KAAA,CAAS;CAE7D,MAAM,YAAY,aAAa,aAA8B;EAC3D,MAAM,WAAW,KAAK,KAAK,QAAQ;GACjC,IAAI,OAAO,MACT;GAGF,IAAI,OAAO,QAAQ,YAAY;IAC7B,MAAM,cAAc;IAEpB,MAAM,aAAkC,YAAY,QAAQ;IAC5D,OAAO,OAAO,eAAe,aACzB,mBACM;KACJ,YAAY,IAAI;IAClB;GACN;GAEA,IAAoC,UAAU;GAC9C,aAAa;IACX,IAAoC,UAAU;GAChD;EACF,CAAC;EAED,aAAa;GACX,KAAK,MAAM,cAAc,UACvB,aAAa;EAEjB;CAEF,GAAG,IAAI;CAEP,OAAO,cAAc;EACnB,IAAI,KAAK,OAAO,QAAQ,OAAO,IAAI,GACjC,OAAO;EAGT,QAAQ,UAAU;GAChB,IAAI,WAAW,SAAS;IACtB,WAAW,QAAQ;IACnB,WAAoD,UAAU,KAAA;GAChE;GAEA,IAAI,SAAS,MACX,WAAoD,UAAU,UAAU,KAAK;EAEjF;CAEF,GAAG,IAAI;AACT"}

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

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

package/dist/utilities/hooks/usePagination/usePagination.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"usePagination.mjs","names":[],"sources":["../../../../src/utilities/hooks/usePagination/usePagination.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport type { PaginationButtonProps } from '../../../components';\nimport { useControllableState } from '@radix-ui/react-use-controllable-state';\n\nconst range = (start: number, end: number) => {\n  const length = end - start + 1;\n  return Array.from({ length }, (_, i) => start + i);\n};\n\nexport type UsePaginationProps = {\n  /**\n   * The number of pages\n   */\n  count: number;\n  /*\n   * The current page. The numbering starts from `1`, if controlled\n   * @default 1\n   */\n  page?: number;\n  /*\n   * The current page. The numbering starts from `1`, if uncontrolled\n   * @default 1\n   */\n  defaultPage?: number;\n  /**\n   * Number of always visible pages at the beginning and end.\n   * @default 1\n   */\n  boundaryCount?: number;\n  /**\n   * Number of always visible pages before and after the current page.\n   * @default 1\n   */\n  siblingCount?: number;\n  /**\n   * If `true`, the component is disabled.\n   * @default false\n   */\n  disabled?: boolean;\n  /** Callback when the page changes */\n  onPageChange?: (page: number) => void;\n};\n\n/**\n * Hook to help manage pagination state of a Pagination component.\n *\n * @example\n * const { pages, nextButtonProps, prevButtonProps } = usePagination({\n *   page,\n *   count: 10,\n *   showPages: 7,\n *   boundaryCount: 1,\n *   siblingCount: 1,\n * })\n *\n * <Pagination>\n *   <PaginationItem>\n *     <PaginationButton {...prevButtonProps}>Previous</PaginationButton>\n *   </PaginationItem>\n *   {pages.map(({ page, itemKey, buttonProps }) => (\n *     <PaginationItem key={itemKey}>\n *       {typeof page === 'number' && (\n *         <PaginationButton {...buttonProps} aria-label={`Page ${page}`}>\n *           {page}\n *         </PaginationButton>\n *       )}\n *     </PaginationItem>\n *   ))}\n *   <PaginationItem>\n *     <PaginationButton {...nextButtonProps}>Next</PaginationButton>\n *   </PaginationItem>\n * </Pagination>\n **/\nexport const usePagination = ({\n  count,\n  page: pageProp,\n  defaultPage,\n  boundaryCount = 1,\n  siblingCount = 1,\n  disabled = false,\n  onPageChange,\n}: UsePaginationProps) => {\n  const [page, setPage] = useControllableState({\n    prop: pageProp,\n    onChange: onPageChange,\n    defaultProp: defaultPage ?? 1,\n    caller: 'Pagination',\n  });\n\n  return useMemo(() => {\n    const startPages = range(1, Math.min(boundaryCount, count));\n    const endPages = range(Math.max(count - boundaryCount + 1, boundaryCount + 1), count);\n\n    const siblingsStart = Math.max(\n      Math.min(\n        // Natural start\n        page - siblingCount,\n        // Lower boundary when page is high\n        count - boundaryCount - siblingCount * 2 - 1,\n      ),\n      // Greater than startPages\n      boundaryCount + 2,\n    );\n\n    const siblingsEnd = Math.min(\n      Math.max(\n        // Natural end\n        page + siblingCount,\n        // Upper boundary when page is low\n        boundaryCount + siblingCount * 2 + 2,\n      ),\n      // Less than endPages\n      count - boundaryCount - 1,\n    );\n\n    // Basic list of items to render, for example: itemList = ['previous', 1, 'ellipsis', 4, 5, 6, 'ellipsis', 10, 'next']\n    const itemList: (number | 'ellipsis')[] = [\n      ...startPages,\n\n      // Start ellipsis\n      ...(siblingsStart > boundaryCount + 2\n        ? (['ellipsis'] as const)\n        : boundaryCount + 1 < count - boundaryCount\n          ? [boundaryCount + 1]\n          : []),\n\n      // Sibling pages\n      ...range(siblingsStart, siblingsEnd),\n\n      // End ellipsis\n      ...(siblingsEnd < count - boundaryCount - 1\n        ? (['ellipsis'] as const)\n        : count - boundaryCount > boundaryCount\n          ? [count - boundaryCount]\n          : []),\n\n      ...endPages,\n    ];\n\n    const hasNext = page < count;\n    const hasPrev = page !== 1;\n\n    return {\n      /** Items and pages to be displayed */\n      pages: itemList.map((item, index) => ({\n        /** Page number, \"ellipsis\" for ellipsis items */\n        page: item,\n        /** Unique key for the item */\n        key: typeof item === 'number' ? `page-${item}` : `ellipsis-${index}`,\n        /** Properties to spread on PaginationButton */\n        buttonProps: (typeof item === 'number'\n          ? {\n              'aria-current': item === page ? 'page' : undefined,\n              onClick: () => setPage(item),\n              variant: 'text',\n            }\n          : null) satisfies PaginationButtonProps | null,\n      })),\n      /** Properties to spread on PaginationButton used for previous navigation */\n      prevButtonProps: {\n        disabled: disabled || !hasPrev,\n        'aria-disabled': disabled || !hasPrev, // Using aria-disabled to support all HTML elements if asChild is used\n        onClick: () => setPage(page - 1),\n        variant: 'text',\n      } as PaginationButtonProps,\n      /** Properties to spread on PaginationButton used for next naviagation */\n      nextButtonProps: {\n        disabled: disabled || !hasNext,\n        'aria-disabled': disabled || !hasNext, // Using aria-disabled to support all HTML elements if asChild is used\n        onClick: () => setPage(page + 1),\n        variant: 'text',\n      } as PaginationButtonProps,\n      /** If previous page action should be shown */\n      hasPrev,\n      /** If next page action should be shown */\n      hasNext,\n    };\n  }, [boundaryCount, count, disabled, page, setPage, siblingCount]);\n};\n"],"mappings":";;;AAIA,MAAM,SAAS,OAAe,QAAgB;CAC5C,MAAM,SAAS,MAAM,QAAQ;CAC7B,OAAO,MAAM,KAAK,EAAE,QAAQ,GAAG,GAAG,MAAM,QAAQ,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmEpD,MAAa,iBAAiB,EAC5B,OACA,MAAM,UACN,aACA,gBAAgB,GAChB,eAAe,GACf,WAAW,OACX,mBACwB;CACxB,MAAM,CAAC,MAAM,WAAW,qBAAqB;EAC3C,MAAM;EACN,UAAU;EACV,aAAa,eAAe;EAC5B,QAAQ;EACT,CAAC;CAEF,OAAO,cAAc;EACnB,MAAM,aAAa,MAAM,GAAG,KAAK,IAAI,eAAe,MAAM,CAAC;EAC3D,MAAM,WAAW,MAAM,KAAK,IAAI,QAAQ,gBAAgB,GAAG,gBAAgB,EAAE,EAAE,MAAM;EAErF,MAAM,gBAAgB,KAAK,IACzB,KAAK,IAEH,OAAO,cAEP,QAAQ,gBAAgB,eAAe,IAAI,EAC5C,EAED,gBAAgB,EACjB;EAED,MAAM,cAAc,KAAK,IACvB,KAAK,IAEH,OAAO,cAEP,gBAAgB,eAAe,IAAI,EACpC,EAED,QAAQ,gBAAgB,EACzB;EAGD,MAAM,WAAoC;GACxC,GAAG;GAGH,GAAI,gBAAgB,gBAAgB,IAC/B,CAAC,WAAW,GACb,gBAAgB,IAAI,QAAQ,gBAC1B,CAAC,gBAAgB,EAAE,GACnB,EAAE;GAGR,GAAG,MAAM,eAAe,YAAY;GAGpC,GAAI,cAAc,QAAQ,gBAAgB,IACrC,CAAC,WAAW,GACb,QAAQ,gBAAgB,gBACtB,CAAC,QAAQ,cAAc,GACvB,EAAE;GAER,GAAG;GACJ;EAED,MAAM,UAAU,OAAO;EACvB,MAAM,UAAU,SAAS;EAEzB,OAAO;;GAEL,OAAO,SAAS,KAAK,MAAM,WAAW;;IAEpC,MAAM;;IAEN,KAAK,OAAO,SAAS,WAAW,QAAQ,SAAS,YAAY;;IAE7D,aAAc,OAAO,SAAS,WAC1B;KACE,gBAAgB,SAAS,OAAO,SAAS,KAAA;KACzC,eAAe,QAAQ,KAAK;KAC5B,SAAS;KACV,GACD;IACL,EAAE;;GAEH,iBAAiB;IACf,UAAU,YAAY,CAAC;IACvB,iBAAiB,YAAY,CAAC;IAC9B,eAAe,QAAQ,OAAO,EAAE;IAChC,SAAS;IACV;;GAED,iBAAiB;IACf,UAAU,YAAY,CAAC;IACvB,iBAAiB,YAAY,CAAC;IAC9B,eAAe,QAAQ,OAAO,EAAE;IAChC,SAAS;IACV;;GAED;;GAEA;GACD;IACA;EAAC;EAAe;EAAO;EAAU;EAAM;EAAS;EAAa,CAAC"}
+{"version":3,"file":"usePagination.mjs","names":[],"sources":["../../../../src/utilities/hooks/usePagination/usePagination.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport type { PaginationButtonProps } from '../../../components';\nimport { useControllableState } from '@radix-ui/react-use-controllable-state';\n\nconst range = (start: number, end: number) => {\n  const length = end - start + 1;\n  return Array.from({ length }, (_, i) => start + i);\n};\n\nexport type UsePaginationProps = {\n  /**\n   * The number of pages\n   */\n  count: number;\n  /*\n   * The current page. The numbering starts from `1`, if controlled\n   * @default 1\n   */\n  page?: number;\n  /*\n   * The current page. The numbering starts from `1`, if uncontrolled\n   * @default 1\n   */\n  defaultPage?: number;\n  /**\n   * Number of always visible pages at the beginning and end.\n   * @default 1\n   */\n  boundaryCount?: number;\n  /**\n   * Number of always visible pages before and after the current page.\n   * @default 1\n   */\n  siblingCount?: number;\n  /**\n   * If `true`, the component is disabled.\n   * @default false\n   */\n  disabled?: boolean;\n  /** Callback when the page changes */\n  onPageChange?: (page: number) => void;\n};\n\n/**\n * Hook to help manage pagination state of a Pagination component.\n *\n * @example\n * const { pages, nextButtonProps, prevButtonProps } = usePagination({\n *   page,\n *   count: 10,\n *   showPages: 7,\n *   boundaryCount: 1,\n *   siblingCount: 1,\n * })\n *\n * <Pagination>\n *   <PaginationItem>\n *     <PaginationButton {...prevButtonProps}>Previous</PaginationButton>\n *   </PaginationItem>\n *   {pages.map(({ page, itemKey, buttonProps }) => (\n *     <PaginationItem key={itemKey}>\n *       {typeof page === 'number' && (\n *         <PaginationButton {...buttonProps} aria-label={`Page ${page}`}>\n *           {page}\n *         </PaginationButton>\n *       )}\n *     </PaginationItem>\n *   ))}\n *   <PaginationItem>\n *     <PaginationButton {...nextButtonProps}>Next</PaginationButton>\n *   </PaginationItem>\n * </Pagination>\n **/\nexport const usePagination = ({\n  count,\n  page: pageProp,\n  defaultPage,\n  boundaryCount = 1,\n  siblingCount = 1,\n  disabled = false,\n  onPageChange,\n}: UsePaginationProps) => {\n  const [page, setPage] = useControllableState({\n    prop: pageProp,\n    onChange: onPageChange,\n    defaultProp: defaultPage ?? 1,\n    caller: 'Pagination',\n  });\n\n  return useMemo(() => {\n    const startPages = range(1, Math.min(boundaryCount, count));\n    const endPages = range(Math.max(count - boundaryCount + 1, boundaryCount + 1), count);\n\n    const siblingsStart = Math.max(\n      Math.min(\n        // Natural start\n        page - siblingCount,\n        // Lower boundary when page is high\n        count - boundaryCount - siblingCount * 2 - 1,\n      ),\n      // Greater than startPages\n      boundaryCount + 2,\n    );\n\n    const siblingsEnd = Math.min(\n      Math.max(\n        // Natural end\n        page + siblingCount,\n        // Upper boundary when page is low\n        boundaryCount + siblingCount * 2 + 2,\n      ),\n      // Less than endPages\n      count - boundaryCount - 1,\n    );\n\n    // Basic list of items to render, for example: itemList = ['previous', 1, 'ellipsis', 4, 5, 6, 'ellipsis', 10, 'next']\n    const itemList: (number | 'ellipsis')[] = [\n      ...startPages,\n\n      // Start ellipsis\n      ...(siblingsStart > boundaryCount + 2\n        ? (['ellipsis'] as const)\n        : boundaryCount + 1 < count - boundaryCount\n          ? [boundaryCount + 1]\n          : []),\n\n      // Sibling pages\n      ...range(siblingsStart, siblingsEnd),\n\n      // End ellipsis\n      ...(siblingsEnd < count - boundaryCount - 1\n        ? (['ellipsis'] as const)\n        : count - boundaryCount > boundaryCount\n          ? [count - boundaryCount]\n          : []),\n\n      ...endPages,\n    ];\n\n    const hasNext = page < count;\n    const hasPrev = page !== 1;\n\n    return {\n      /** Items and pages to be displayed */\n      pages: itemList.map((item, index) => ({\n        /** Page number, \"ellipsis\" for ellipsis items */\n        page: item,\n        /** Unique key for the item */\n        key: typeof item === 'number' ? `page-${item}` : `ellipsis-${index}`,\n        /** Properties to spread on PaginationButton */\n        buttonProps: (typeof item === 'number'\n          ? {\n              'aria-current': item === page ? 'page' : undefined,\n              onClick: () => setPage(item),\n              variant: 'text',\n            }\n          : null) satisfies PaginationButtonProps | null,\n      })),\n      /** Properties to spread on PaginationButton used for previous navigation */\n      prevButtonProps: {\n        disabled: disabled || !hasPrev,\n        'aria-disabled': disabled || !hasPrev, // Using aria-disabled to support all HTML elements if asChild is used\n        onClick: () => setPage(page - 1),\n        variant: 'text',\n      } as PaginationButtonProps,\n      /** Properties to spread on PaginationButton used for next naviagation */\n      nextButtonProps: {\n        disabled: disabled || !hasNext,\n        'aria-disabled': disabled || !hasNext, // Using aria-disabled to support all HTML elements if asChild is used\n        onClick: () => setPage(page + 1),\n        variant: 'text',\n      } as PaginationButtonProps,\n      /** If previous page action should be shown */\n      hasPrev,\n      /** If next page action should be shown */\n      hasNext,\n    };\n  }, [boundaryCount, count, disabled, page, setPage, siblingCount]);\n};\n"],"mappings":";;;AAIA,MAAM,SAAS,OAAe,QAAgB;CAC5C,MAAM,SAAS,MAAM,QAAQ;CAC7B,OAAO,MAAM,KAAK,EAAE,OAAO,IAAI,GAAG,MAAM,QAAQ,CAAC;AACnD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkEA,MAAa,iBAAiB,EAC5B,OACA,MAAM,UACN,aACA,gBAAgB,GAChB,eAAe,GACf,WAAW,OACX,mBACwB;CACxB,MAAM,CAAC,MAAM,WAAW,qBAAqB;EAC3C,MAAM;EACN,UAAU;EACV,aAAa,eAAe;EAC5B,QAAQ;CACV,CAAC;CAED,OAAO,cAAc;EACnB,MAAM,aAAa,MAAM,GAAG,KAAK,IAAI,eAAe,KAAK,CAAC;EAC1D,MAAM,WAAW,MAAM,KAAK,IAAI,QAAQ,gBAAgB,GAAG,gBAAgB,CAAC,GAAG,KAAK;EAEpF,MAAM,gBAAgB,KAAK,IACzB,KAAK,IAEH,OAAO,cAEP,QAAQ,gBAAgB,eAAe,IAAI,CAC7C,GAEA,gBAAgB,CAClB;EAEA,MAAM,cAAc,KAAK,IACvB,KAAK,IAEH,OAAO,cAEP,gBAAgB,eAAe,IAAI,CACrC,GAEA,QAAQ,gBAAgB,CAC1B;EAGA,MAAM,WAAoC;GACxC,GAAG;GAGH,GAAI,gBAAgB,gBAAgB,IAC/B,CAAC,UAAU,IACZ,gBAAgB,IAAI,QAAQ,gBAC1B,CAAC,gBAAgB,CAAC,IAClB,CAAC;GAGP,GAAG,MAAM,eAAe,WAAW;GAGnC,GAAI,cAAc,QAAQ,gBAAgB,IACrC,CAAC,UAAU,IACZ,QAAQ,gBAAgB,gBACtB,CAAC,QAAQ,aAAa,IACtB,CAAC;GAEP,GAAG;EACL;EAEA,MAAM,UAAU,OAAO;EACvB,MAAM,UAAU,SAAS;EAEzB,OAAO;;GAEL,OAAO,SAAS,KAAK,MAAM,WAAW;;IAEpC,MAAM;;IAEN,KAAK,OAAO,SAAS,WAAW,QAAQ,SAAS,YAAY;;IAE7D,aAAc,OAAO,SAAS,WAC1B;KACE,gBAAgB,SAAS,OAAO,SAAS,KAAA;KACzC,eAAe,QAAQ,IAAI;KAC3B,SAAS;IACX,IACA;GACN,EAAE;;GAEF,iBAAiB;IACf,UAAU,YAAY,CAAC;IACvB,iBAAiB,YAAY,CAAC;IAC9B,eAAe,QAAQ,OAAO,CAAC;IAC/B,SAAS;GACX;;GAEA,iBAAiB;IACf,UAAU,YAAY,CAAC;IACvB,iBAAiB,YAAY,CAAC;IAC9B,eAAe,QAAQ,OAAO,CAAC;IAC/B,SAAS;GACX;;GAEA;;GAEA;EACF;CACF,GAAG;EAAC;EAAe;EAAO;EAAU;EAAM;EAAS;CAAY,CAAC;AAClE"}

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-DS9Rfs_K.mjs";
 export { useScrollDirection };

package/dist/utilities/hooks/useScrollDirection/useScrollDirection.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useScrollDirection.mjs","names":[],"sources":["../../../../src/utilities/hooks/useScrollDirection/useScrollDirection.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\n\n/**\n * A custom React hook that detects the vertical scroll direction of the page.\n *\n * @returns {'up' | 'down' | null} The current scroll direction. Returns `null` on the initial render.\n * The direction is only updated if the scroll distance exceeds a 5px threshold to prevent sensitivity to minor scroll jitter.\n */\nexport const useScrollDirection = () => {\n  const [scrollDirection, setScrollDirection] = useState<'up' | 'down' | null>(null);\n  useEffect(() => {\n    let lastScrollY = window.pageYOffset;\n    const updateScrollDirection = () => {\n      const scrollY = window.pageYOffset;\n      const direction = scrollY > lastScrollY ? 'down' : 'up';\n      if (direction !== scrollDirection && (scrollY - lastScrollY > 5 || scrollY - lastScrollY < -5)) {\n        setScrollDirection(direction);\n      }\n      lastScrollY = scrollY > 0 ? scrollY : 0;\n    };\n    window.addEventListener('scroll', updateScrollDirection);\n    return () => window.removeEventListener('scroll', updateScrollDirection);\n  }, [scrollDirection]);\n\n  return scrollDirection;\n};\n"],"mappings":";;;;;;;;AAQA,MAAa,2BAA2B;CACtC,MAAM,CAAC,iBAAiB,sBAAsB,SAA+B,KAAK;CAClF,gBAAgB;EACd,IAAI,cAAc,OAAO;EACzB,MAAM,8BAA8B;GAClC,MAAM,UAAU,OAAO;GACvB,MAAM,YAAY,UAAU,cAAc,SAAS;GACnD,IAAI,cAAc,oBAAoB,UAAU,cAAc,KAAK,UAAU,cAAc,KACzF,mBAAmB,UAAU;GAE/B,cAAc,UAAU,IAAI,UAAU;;EAExC,OAAO,iBAAiB,UAAU,sBAAsB;EACxD,aAAa,OAAO,oBAAoB,UAAU,sBAAsB;IACvE,CAAC,gBAAgB,CAAC;CAErB,OAAO"}
+{"version":3,"file":"useScrollDirection.mjs","names":[],"sources":["../../../../src/utilities/hooks/useScrollDirection/useScrollDirection.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\n\n/**\n * A custom React hook that detects the vertical scroll direction of the page.\n *\n * @returns {'up' | 'down' | null} The current scroll direction. Returns `null` on the initial render.\n * The direction is only updated if the scroll distance exceeds a 5px threshold to prevent sensitivity to minor scroll jitter.\n */\nexport const useScrollDirection = () => {\n  const [scrollDirection, setScrollDirection] = useState<'up' | 'down' | null>(null);\n  useEffect(() => {\n    let lastScrollY = window.pageYOffset;\n    const updateScrollDirection = () => {\n      const scrollY = window.pageYOffset;\n      const direction = scrollY > lastScrollY ? 'down' : 'up';\n      if (direction !== scrollDirection && (scrollY - lastScrollY > 5 || scrollY - lastScrollY < -5)) {\n        setScrollDirection(direction);\n      }\n      lastScrollY = scrollY > 0 ? scrollY : 0;\n    };\n    window.addEventListener('scroll', updateScrollDirection);\n    return () => window.removeEventListener('scroll', updateScrollDirection);\n  }, [scrollDirection]);\n\n  return scrollDirection;\n};\n"],"mappings":";;;;;;;;AAQA,MAAa,2BAA2B;CACtC,MAAM,CAAC,iBAAiB,sBAAsB,SAA+B,IAAI;CACjF,gBAAgB;EACd,IAAI,cAAc,OAAO;EACzB,MAAM,8BAA8B;GAClC,MAAM,UAAU,OAAO;GACvB,MAAM,YAAY,UAAU,cAAc,SAAS;GACnD,IAAI,cAAc,oBAAoB,UAAU,cAAc,KAAK,UAAU,cAAc,KACzF,mBAAmB,SAAS;GAE9B,cAAc,UAAU,IAAI,UAAU;EACxC;EACA,OAAO,iBAAiB,UAAU,qBAAqB;EACvD,aAAa,OAAO,oBAAoB,UAAU,qBAAqB;CACzE,GAAG,CAAC,eAAe,CAAC;CAEpB,OAAO;AACT"}

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-Yb_zpMhd.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 { MergeRight, UseCheckboxGroupOptions, UseMediaQueryOptions, UsePaginationProps, useCheckboxGroup, useIsElementAboveViewport, useIsomorphicLayoutEffect, useMediaQuery, usePagination, useScrollDirection };
+import { r as useCheckboxGroup, t as UseCheckboxGroupOptions } from "../useCheckboxGroup-BTzX7PfS.mjs";
+import { t as useIsomorphicLayoutEffect } from "../useIsomorphicLayoutEffect-D-Mi76vH.mjs";
+import { i as usePagination, r as UsePaginationProps } from "../alert-footer-BoTu7E1s.mjs";
+import { t as useIsElementAboveViewport } from "../useIsElementAboveViewport-Db7ndg3S.mjs";
+import { t as useScrollDirection } from "../useScrollDirection-DS9Rfs_K.mjs";
+import { n as useMediaQuery, t as UseMediaQueryOptions } from "../useMediaQuery-c1R0kas_.mjs";
+import { t as MergeRight } from "../types-oMo2uOVa.mjs";
+export { type MergeRight, type UseCheckboxGroupOptions, type UseMediaQueryOptions, type 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-oMo2uOVa.mjs";
 export { MergeRight };