@bi-digital/react 0.0.0-experimental-ca10f7e → 0.0.0-experimental-2ec4984

package/README.md

@@ -4,4 +4,4 @@ Components from the BI Design System implemented in React
 
 **Currently in Alpha testing!**
 
-Read the docs on how to install and get started at [https://calm-water-0e9b54d03.6.azurestaticapps.net/?path=/docs/getting-started--docs](https://calm-water-0e9b54d03.6.azurestaticapps.net/?path=/docs/getting-started--docs).
+Read the docs on how to install and get started at [https://designsystem.bi.no/?path=/docs/getting-started--docs](https://designsystem.bi.no/?path=/docs/getting-started--docs).

package/dist/{alert-footer-BaB0tSHl.d.ts → alert-footer-DO4EmxdJ.d.ts}

@@ -1,5 +1,5 @@
-import { AsChildProps, DefaultProps, LabelRequiredProps } from "./types-BTJlwWCQ.js";
-import { MergeRight } from "./types-CAwE6h3H.js";
+import { AsChildProps, DefaultProps, LabelRequiredProps } from "./types-Mj1poXVf.js";
+import { MergeRight } from "./types-DC-FPmDA.js";
 import * as react_jsx_runtime1 from "react/jsx-runtime";
 import * as react_jsx_runtime2 from "react/jsx-runtime";
 import * as react_jsx_runtime3 from "react/jsx-runtime";
@@ -11,54 +11,58 @@ import * as react_jsx_runtime7 from "react/jsx-runtime";
 import * as react_jsx_runtime9 from "react/jsx-runtime";
 import * as react_jsx_runtime10 from "react/jsx-runtime";
 import * as react_jsx_runtime8 from "react/jsx-runtime";
-import * as react_jsx_runtime44 from "react/jsx-runtime";
-import * as react_jsx_runtime12 from "react/jsx-runtime";
+import * as react_jsx_runtime46 from "react/jsx-runtime";
 import * as react_jsx_runtime13 from "react/jsx-runtime";
+import * as react_jsx_runtime12 from "react/jsx-runtime";
+import * as react_jsx_runtime14 from "react/jsx-runtime";
+import * as react_jsx_runtime22 from "react/jsx-runtime";
+import * as react_jsx_runtime16 from "react/jsx-runtime";
+import * as react_jsx_runtime18 from "react/jsx-runtime";
+import * as react_jsx_runtime17 from "react/jsx-runtime";
 import * as react_jsx_runtime21 from "react/jsx-runtime";
 import * as react_jsx_runtime15 from "react/jsx-runtime";
-import * as react_jsx_runtime17 from "react/jsx-runtime";
-import * as react_jsx_runtime16 from "react/jsx-runtime";
-import * as react_jsx_runtime20 from "react/jsx-runtime";
-import * as react_jsx_runtime14 from "react/jsx-runtime";
+import * as react_jsx_runtime29 from "react/jsx-runtime";
+import * as react_jsx_runtime24 from "react/jsx-runtime";
+import * as react_jsx_runtime26 from "react/jsx-runtime";
+import * as react_jsx_runtime25 from "react/jsx-runtime";
 import * as react_jsx_runtime28 from "react/jsx-runtime";
 import * as react_jsx_runtime23 from "react/jsx-runtime";
-import * as react_jsx_runtime25 from "react/jsx-runtime";
-import * as react_jsx_runtime24 from "react/jsx-runtime";
-import * as react_jsx_runtime27 from "react/jsx-runtime";
-import * as react_jsx_runtime22 from "react/jsx-runtime";
-import * as react_jsx_runtime55 from "react/jsx-runtime";
-import * as react_jsx_runtime54 from "react/jsx-runtime";
-import * as react_jsx_runtime34 from "react/jsx-runtime";
-import * as react_jsx_runtime29 from "react/jsx-runtime";
-import * as react_jsx_runtime33 from "react/jsx-runtime";
-import * as react_jsx_runtime38 from "react/jsx-runtime";
-import * as react_jsx_runtime37 from "react/jsx-runtime";
+import * as react_jsx_runtime58 from "react/jsx-runtime";
+import * as react_jsx_runtime57 from "react/jsx-runtime";
 import * as react_jsx_runtime35 from "react/jsx-runtime";
-import * as react_jsx_runtime41 from "react/jsx-runtime";
+import * as react_jsx_runtime30 from "react/jsx-runtime";
+import * as react_jsx_runtime34 from "react/jsx-runtime";
 import * as react_jsx_runtime39 from "react/jsx-runtime";
-import * as react_jsx_runtime45 from "react/jsx-runtime";
+import * as react_jsx_runtime38 from "react/jsx-runtime";
+import * as react_jsx_runtime36 from "react/jsx-runtime";
+import * as react_jsx_runtime42 from "react/jsx-runtime";
 import * as react_jsx_runtime40 from "react/jsx-runtime";
-import * as react_jsx_runtime43 from "react/jsx-runtime";
-import * as react_jsx_runtime46 from "react/jsx-runtime";
 import * as react_jsx_runtime47 from "react/jsx-runtime";
+import * as react_jsx_runtime41 from "react/jsx-runtime";
+import * as react_jsx_runtime43 from "react/jsx-runtime";
+import * as react_jsx_runtime45 from "react/jsx-runtime";
 import * as react_jsx_runtime48 from "react/jsx-runtime";
-import * as react_jsx_runtime51 from "react/jsx-runtime";
 import * as react_jsx_runtime49 from "react/jsx-runtime";
-import * as react_jsx_runtime68 from "react/jsx-runtime";
-import * as react_jsx_runtime57 from "react/jsx-runtime";
-import * as react_jsx_runtime60 from "react/jsx-runtime";
+import * as react_jsx_runtime50 from "react/jsx-runtime";
+import * as react_jsx_runtime51 from "react/jsx-runtime";
+import * as react_jsx_runtime54 from "react/jsx-runtime";
+import * as react_jsx_runtime52 from "react/jsx-runtime";
 import * as react_jsx_runtime59 from "react/jsx-runtime";
-import * as react_jsx_runtime58 from "react/jsx-runtime";
-import * as react_jsx_runtime61 from "react/jsx-runtime";
-import * as react_jsx_runtime56 from "react/jsx-runtime";
-import * as react_jsx_runtime62 from "react/jsx-runtime";
+import * as react_jsx_runtime60 from "react/jsx-runtime";
 import * as react_jsx_runtime63 from "react/jsx-runtime";
+import * as react_jsx_runtime62 from "react/jsx-runtime";
+import * as react_jsx_runtime61 from "react/jsx-runtime";
 import * as react_jsx_runtime64 from "react/jsx-runtime";
-import * as react_jsx_runtime66 from "react/jsx-runtime";
-import * as react_jsx_runtime67 from "react/jsx-runtime";
 import * as react_jsx_runtime65 from "react/jsx-runtime";
+import * as react_jsx_runtime70 from "react/jsx-runtime";
+import * as react_jsx_runtime67 from "react/jsx-runtime";
+import * as react_jsx_runtime68 from "react/jsx-runtime";
+import * as react_jsx_runtime69 from "react/jsx-runtime";
+import * as react_jsx_runtime71 from "react/jsx-runtime";
+import * as react_jsx_runtime72 from "react/jsx-runtime";
+import * as react_jsx_runtime73 from "react/jsx-runtime";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
-import { AnchorHTMLAttributes, AriaAttributes, ButtonHTMLAttributes, DialogHTMLAttributes, FieldsetHTMLAttributes, HTMLAttributes, InputHTMLAttributes, LabelHTMLAttributes, OptgroupHTMLAttributes, OptionHTMLAttributes, ReactNode, Ref, SelectHTMLAttributes, TextareaHTMLAttributes } from "react";
+import { AnchorHTMLAttributes, AriaAttributes, ButtonHTMLAttributes, DialogHTMLAttributes, FieldsetHTMLAttributes, HTMLAttributes, HtmlHTMLAttributes, InputHTMLAttributes, LabelHTMLAttributes, OptgroupHTMLAttributes, OptionHTMLAttributes, ReactNode, Ref, SelectHTMLAttributes, TextareaHTMLAttributes } from "react";
 import { Middleware, Placement } from "@floating-ui/dom";
 
 //#region src/components/alert/alert.d.ts
@@ -409,7 +413,7 @@ declare const Input: ({
   readOnly,
   ref,
   ...props
-}: InputProps) => react_jsx_runtime44.JSX.Element;
+}: InputProps) => react_jsx_runtime46.JSX.Element;
 //#endregion
 //#region src/components/checkbox/checkbox.d.ts
 type CheckboxProps = MergeRight<LabelRequiredProps & Omit<InputProps, 'type' | 'role' | 'size'>, {
@@ -435,7 +439,19 @@ declare const Checkbox: ({
   id,
   "aria-describedby": ariaDescribedByProp,
   ...props
-}: CheckboxProps) => react_jsx_runtime12.JSX.Element;
+}: CheckboxProps) => react_jsx_runtime13.JSX.Element;
+//#endregion
+//#region src/components/checkbox/checkbox-subsection.d.ts
+type CheckboxSubsectionProps = MergeRight<DefaultProps & HtmlHTMLAttributes<HTMLDivElement>, {
+  ref?: Ref<HTMLDivElement>;
+}>;
+declare const CheckboxSubsection: ({
+  children,
+  className,
+  dark,
+  ref,
+  ...props
+}: CheckboxSubsectionProps) => react_jsx_runtime12.JSX.Element;
 //#endregion
 //#region src/components/chip/chip.d.ts
 type ChipProps = MergeRight<DefaultProps & HTMLAttributes<HTMLDivElement>, {
@@ -468,7 +484,7 @@ declare const Chip: ({
   className,
   ref,
   ...props
-}: ChipProps) => react_jsx_runtime13.JSX.Element;
+}: ChipProps) => react_jsx_runtime14.JSX.Element;
 //#endregion
 //#region src/components/dialog/dialog.d.ts
 type DialogProps = MergeRight<DefaultProps & DialogHTMLAttributes<HTMLDialogElement>, {
@@ -538,7 +554,7 @@ declare const Dialog: ({
   dark,
   ref,
   ...rest
-}: DialogProps) => react_jsx_runtime21.JSX.Element;
+}: DialogProps) => react_jsx_runtime22.JSX.Element;
 //#endregion
 //#region src/components/dialog/dialog-content.d.ts
 type DialogContentProps = MergeRight<HTMLAttributes<HTMLDivElement>, {
@@ -561,7 +577,7 @@ declare const DialogContent: ({
   className,
   noBorder,
   ...rest
-}: DialogContentProps) => react_jsx_runtime15.JSX.Element;
+}: DialogContentProps) => react_jsx_runtime16.JSX.Element;
 //#endregion
 //#region src/components/dialog/dialog-header.d.ts
 type DialogHeaderProps = MergeRight<HTMLAttributes<HTMLHeadingElement>, {
@@ -584,7 +600,7 @@ declare const DialogHeader: ({
   className,
   noBorder,
   ...rest
-}: DialogHeaderProps) => react_jsx_runtime17.JSX.Element;
+}: DialogHeaderProps) => react_jsx_runtime18.JSX.Element;
 //#endregion
 //#region src/components/dialog/dialog-footer.d.ts
 type DialogFooterProps = MergeRight<HTMLAttributes<HTMLDivElement>, {
@@ -607,7 +623,7 @@ declare const DialogFooter: ({
   className,
   noBorder,
   ...rest
-}: DialogFooterProps) => react_jsx_runtime16.JSX.Element;
+}: DialogFooterProps) => react_jsx_runtime17.JSX.Element;
 //#endregion
 //#region src/components/dialog/dialog-trigger.d.ts
 type DialogTriggerProps = ButtonProps;
@@ -615,7 +631,7 @@ declare const DialogTrigger: ({
   asChild,
   ref,
   ...rest
-}: DialogTriggerProps) => react_jsx_runtime20.JSX.Element;
+}: DialogTriggerProps) => react_jsx_runtime21.JSX.Element;
 //#endregion
 //#region src/components/dialog/dialog-close-button.d.ts
 type DialogCloseButtonProps = Omit<ButtonProps, 'asChild' | 'type' | 'name'>;
@@ -623,7 +639,7 @@ declare const DialogCloseButton: ({
   children,
   ref,
   ...props
-}: DialogCloseButtonProps) => react_jsx_runtime14.JSX.Element;
+}: DialogCloseButtonProps) => react_jsx_runtime15.JSX.Element;
 //#endregion
 //#region src/components/drawer/drawer.d.ts
 type DrawerProps = MergeRight<DialogProps, {
@@ -669,7 +685,7 @@ declare const Drawer: ({
   className,
   ref,
   ...rest
-}: DrawerProps) => react_jsx_runtime28.JSX.Element;
+}: DrawerProps) => react_jsx_runtime29.JSX.Element;
 //#endregion
 //#region src/components/drawer/drawer-content.d.ts
 type DrawerContentProps = DialogContentProps;
@@ -677,7 +693,7 @@ declare const DrawerContent: ({
   className,
   ref,
   ...rest
-}: DrawerContentProps) => react_jsx_runtime23.JSX.Element;
+}: DrawerContentProps) => react_jsx_runtime24.JSX.Element;
 //#endregion
 //#region src/components/drawer/drawer-header.d.ts
 type DrawerHeaderProps = DialogHeaderProps;
@@ -685,7 +701,7 @@ declare const DrawerHeader: ({
   className,
   ref,
   ...rest
-}: DrawerHeaderProps) => react_jsx_runtime25.JSX.Element;
+}: DrawerHeaderProps) => react_jsx_runtime26.JSX.Element;
 //#endregion
 //#region src/components/drawer/drawer-footer.d.ts
 type DrawerFooterProps = DialogFooterProps;
@@ -693,21 +709,21 @@ declare const DrawerFooter: ({
   className,
   ref,
   ...rest
-}: DrawerFooterProps) => react_jsx_runtime24.JSX.Element;
+}: DrawerFooterProps) => react_jsx_runtime25.JSX.Element;
 //#endregion
 //#region src/components/drawer/drawer-trigger.d.ts
 type DrawerTriggerProps = DialogTriggerProps;
 declare const DrawerTrigger: ({
   ref,
   ...rest
-}: DrawerTriggerProps) => react_jsx_runtime27.JSX.Element;
+}: DrawerTriggerProps) => react_jsx_runtime28.JSX.Element;
 //#endregion
 //#region src/components/drawer/drawer-close-button.d.ts
 type DrawerCloseButtonProps = DialogCloseButtonProps;
 declare const DrawerCloseButton: ({
   ref,
   ...rest
-}: DrawerCloseButtonProps) => react_jsx_runtime22.JSX.Element;
+}: DrawerCloseButtonProps) => react_jsx_runtime23.JSX.Element;
 //#endregion
 //#region src/components/popover/popover.d.ts
 type PopoverProps = MergeRight<DefaultProps & HTMLAttributes<HTMLDivElement>, {
@@ -792,7 +808,7 @@ declare const Popover: ({
   asChild,
   ref,
   ...rest
-}: PopoverProps) => react_jsx_runtime55.JSX.Element;
+}: PopoverProps) => react_jsx_runtime58.JSX.Element;
 //#endregion
 //#region src/components/popover/popover-trigger.d.ts
 type PopoverTriggerProps = ({
@@ -841,7 +857,7 @@ declare const PopoverTrigger: ({
   asChild,
   ref,
   ...rest
-}: PopoverTriggerProps) => react_jsx_runtime54.JSX.Element;
+}: PopoverTriggerProps) => react_jsx_runtime57.JSX.Element;
 //#endregion
 //#region src/components/dropdown/dropdown.d.ts
 type DropdownProps = MergeRight<DefaultProps & PopoverProps, {
@@ -883,21 +899,21 @@ declare const Dropdown: ({
   className,
   ref,
   ...rest
-}: DropdownProps) => react_jsx_runtime34.JSX.Element;
+}: DropdownProps) => react_jsx_runtime35.JSX.Element;
 //#endregion
 //#region src/components/dropdown/dropdown-button.d.ts
 type DropdownButtonProps = Omit<ButtonProps, 'variant'>;
 declare const DropdownButton: ({
   ref,
   ...rest
-}: DropdownButtonProps) => react_jsx_runtime29.JSX.Element;
+}: DropdownButtonProps) => react_jsx_runtime30.JSX.Element;
 //#endregion
 //#region src/components/dropdown/dropdown-trigger.d.ts
 type DropdownTriggerProps = PopoverTriggerProps;
 declare const DropdownTrigger: ({
   ref,
   ...rest
-}: DropdownTriggerProps) => react_jsx_runtime33.JSX.Element;
+}: DropdownTriggerProps) => react_jsx_runtime34.JSX.Element;
 //#endregion
 //#region src/components/field/field.d.ts
 type FieldProps = MergeRight<DefaultProps & AsChildProps & HTMLAttributes<HTMLDivElement>, {
@@ -926,7 +942,7 @@ declare const Field: ({
   asChild,
   ref,
   ...props
-}: FieldProps) => react_jsx_runtime38.JSX.Element;
+}: FieldProps) => react_jsx_runtime39.JSX.Element;
 //#endregion
 //#region src/components/field/field-description.d.ts
 type FieldDescriptionProps = MergeRight<AsChildProps & HTMLAttributes<HTMLDivElement>, {
@@ -937,7 +953,7 @@ declare const FieldDescription: ({
   className,
   ref,
   ...props
-}: FieldDescriptionProps) => react_jsx_runtime37.JSX.Element;
+}: FieldDescriptionProps) => react_jsx_runtime38.JSX.Element;
 //#endregion
 //#region src/components/field/field-affix.d.ts
 type FieldAffixesProps = MergeRight<AsChildProps & Omit<HTMLAttributes<HTMLDivElement>, 'prefix'>, {
@@ -958,7 +974,7 @@ declare const FieldAffixes: ({
   asChild,
   ref,
   ...rest
-}: FieldAffixesProps) => react_jsx_runtime35.JSX.Element;
+}: FieldAffixesProps) => react_jsx_runtime36.JSX.Element;
 type FieldAffixProps = MergeRight<AsChildProps & Omit<HTMLAttributes<HTMLSpanElement>, 'prefix'>, {
   ref?: Ref<HTMLSpanElement>;
 }>;
@@ -978,7 +994,7 @@ declare const FieldAffix: ({
   asChild,
   ref,
   ...rest
-}: FieldAffixProps) => react_jsx_runtime35.JSX.Element;
+}: FieldAffixProps) => react_jsx_runtime36.JSX.Element;
 //#endregion
 //#region src/components/fieldset/fieldset.d.ts
 type FieldsetProps = MergeRight<DefaultProps & FieldsetHTMLAttributes<HTMLFieldSetElement>, {
@@ -990,7 +1006,7 @@ declare const Fieldset: ({
   dark,
   ref,
   ...props
-}: FieldsetProps) => react_jsx_runtime41.JSX.Element;
+}: FieldsetProps) => react_jsx_runtime42.JSX.Element;
 //#endregion
 //#region src/components/fieldset/fieldset-description.d.ts
 type FieldsetDescriptionProps = MergeRight<AsChildProps & HTMLAttributes<HTMLParagraphElement>, {
@@ -1000,7 +1016,7 @@ declare const FieldsetDescription: ({
   asChild,
   ref,
   ...props
-}: FieldsetDescriptionProps) => react_jsx_runtime39.JSX.Element;
+}: FieldsetDescriptionProps) => react_jsx_runtime40.JSX.Element;
 //#endregion
 //#region src/components/label/label.d.ts
 type LabelProps = MergeRight<DefaultProps & AsChildProps & LabelHTMLAttributes<HTMLLabelElement>, {
@@ -1018,7 +1034,7 @@ declare const Label: ({
   asChild,
   ref,
   ...props
-}: LabelProps) => react_jsx_runtime45.JSX.Element;
+}: LabelProps) => react_jsx_runtime47.JSX.Element;
 //#endregion
 //#region src/components/fieldset/fieldset-legend.d.ts
 type FieldsetLegendProps = MergeRight<LabelProps & HTMLAttributes<HTMLLegendElement>, {
@@ -1029,7 +1045,34 @@ declare const FieldsetLegend: ({
   dark,
   ref,
   ...props
-}: FieldsetLegendProps) => react_jsx_runtime40.JSX.Element;
+}: FieldsetLegendProps) => react_jsx_runtime41.JSX.Element;
+//#endregion
+//#region src/components/filter-group/filter-group.d.ts
+type FilterGroupProps = MergeRight<DefaultProps & AsChildProps & HtmlHTMLAttributes<HTMLDivElement>, {
+  /** Icon displayed in the filter group */
+  icon: ReactNode;
+  /** Label of the filter group */
+  label: ReactNode;
+  /** Default open state of the filter group, should not be used together with `open` */
+  defaultOpen?: boolean;
+  /** Control the open state of the filter group */
+  open?: boolean;
+  /** Callback when the open state changes */
+  onOpenChange?: (open: boolean) => void;
+  ref?: Ref<HTMLDivElement>;
+}>;
+declare const FilterGroup: ({
+  dark,
+  icon,
+  label,
+  defaultOpen,
+  open,
+  onOpenChange,
+  children,
+  className,
+  ref,
+  ...props
+}: FilterGroupProps) => react_jsx_runtime43.JSX.Element;
 //#endregion
 //#region src/components/footer/footer.d.ts
 type FooterProps = MergeRight<DefaultProps & HTMLAttributes<HTMLDivElement>, {
@@ -1065,7 +1108,7 @@ declare const Footer: ({
   children,
   ref,
   ...props
-}: FooterProps) => react_jsx_runtime43.JSX.Element;
+}: FooterProps) => react_jsx_runtime45.JSX.Element;
 //#endregion
 //#region src/components/link/link.d.ts
 type LinkProps = MergeRight<DefaultProps & AnchorHTMLAttributes<HTMLAnchorElement>, {
@@ -1089,7 +1132,7 @@ declare const Link: ({
   dark,
   ref,
   ...rest
-}: LinkProps) => react_jsx_runtime46.JSX.Element;
+}: LinkProps) => react_jsx_runtime48.JSX.Element;
 //#endregion
 //#region src/components/logo/logo.d.ts
 type LogoProps = MergeRight<DefaultProps & Omit<HTMLAttributes<HTMLSpanElement>, 'children'>, {
@@ -1119,21 +1162,14 @@ declare const Logo: ({
   className,
   ref,
   ...props
-}: LogoProps) => react_jsx_runtime47.JSX.Element;
+}: LogoProps) => react_jsx_runtime49.JSX.Element;
 //#endregion
 //#region src/components/navbar/navbar.d.ts
 type NavbarProps = MergeRight<DefaultProps & HTMLAttributes<HTMLDivElement>, {
   /**
    * Skip link.
    */
-  skipLink?: {
-    label: string;
-    href: string;
-  };
-  /**
-   * Text for menu area label.
-   */
-  menuAreaLabel: string;
+  skipLink?: ReactNode;
   /**
    * Determines if the navbar should be fixed.
    * @default false
@@ -1156,7 +1192,6 @@ type NavbarProps = MergeRight<DefaultProps & HTMLAttributes<HTMLDivElement>, {
 declare const Navbar: ({
   dark,
   fixed,
-  menuAreaLabel,
   homeAriaLabel,
   skipLink,
   homeHref,
@@ -1165,7 +1200,19 @@ declare const Navbar: ({
   className,
   ref,
   ...props
-}: NavbarProps) => react_jsx_runtime48.JSX.Element;
+}: NavbarProps) => react_jsx_runtime50.JSX.Element;
+//#endregion
+//#region src/components/navbar/sub-navbar.d.ts
+type SubNavbarProps = MergeRight<DefaultProps & HTMLAttributes<HTMLDivElement>, {
+  ref?: Ref<HTMLElement>;
+}>;
+declare const SubNavbar: ({
+  dark,
+  children,
+  className,
+  ref,
+  ...props
+}: SubNavbarProps) => react_jsx_runtime51.JSX.Element;
 //#endregion
 //#region src/components/pagination/pagination.d.ts
 type PaginationProps = MergeRight<DefaultProps & HTMLAttributes<HTMLDivElement>, {
@@ -1177,7 +1224,7 @@ declare const Pagination: ({
   ref,
   children,
   ...props
-}: PaginationProps) => react_jsx_runtime51.JSX.Element;
+}: PaginationProps) => react_jsx_runtime54.JSX.Element;
 //#endregion
 //#region src/components/pagination/pagination-button.d.ts
 type PaginationButtonProps = ButtonProps & {
@@ -1190,7 +1237,7 @@ type PaginationButtonProps = ButtonProps & {
 declare const PaginationButton: ({
   ref,
   ...rest
-}: PaginationButtonProps) => react_jsx_runtime49.JSX.Element;
+}: PaginationButtonProps) => react_jsx_runtime52.JSX.Element;
 //#endregion
 //#region src/components/radio/radio.d.ts
 type RadioProps = MergeRight<LabelRequiredProps & Omit<InputProps, 'type' | 'role' | 'size'>, {
@@ -1213,7 +1260,7 @@ declare const Radio: ({
   id,
   "aria-describedby": ariaDescribedByProp,
   ...props
-}: RadioProps) => react_jsx_runtime68.JSX.Element;
+}: RadioProps) => react_jsx_runtime59.JSX.Element;
 //#endregion
 //#region src/components/search/search.d.ts
 type SearchProps = MergeRight<Omit<InputProps, 'type' | 'size'>, {
@@ -1224,6 +1271,8 @@ type SearchProps = MergeRight<Omit<InputProps, 'type' | 'size'>, {
   size?: 'medium' | 'large';
   /** Called when the user presses enter. You can use this to for example navigate on submit. */
   onSubmit?: (value: string) => void;
+  /** Called when the user resets the search input. */
+  onReset?: (value: string) => void;
   /**
    * Aria-label for the clear button.
    * @defaultValue 'Clear'
@@ -1233,13 +1282,14 @@ type SearchProps = MergeRight<Omit<InputProps, 'type' | 'size'>, {
 declare const Search: ({
   className,
   onSubmit,
+  onReset,
   clearAriaLabel,
   size,
   ref,
   dark,
   style,
   ...props
-}: SearchProps) => react_jsx_runtime57.JSX.Element;
+}: SearchProps) => react_jsx_runtime60.JSX.Element;
 //#endregion
 //#region src/components/select/select.d.ts
 type SelectProps = MergeRight<DefaultProps & Omit<SelectHTMLAttributes<HTMLSelectElement>, 'multiple' | 'size'>, {
@@ -1260,7 +1310,7 @@ declare const Select: ({
   size,
   ref,
   ...props
-}: SelectProps) => react_jsx_runtime60.JSX.Element;
+}: SelectProps) => react_jsx_runtime63.JSX.Element;
 //#endregion
 //#region src/components/select/select-option.d.ts
 type SelectOptionProps = MergeRight<AsChildProps & OptionHTMLAttributes<HTMLOptionElement>, {
@@ -1270,7 +1320,7 @@ declare const SelectOption: ({
   asChild,
   ref,
   ...props
-}: SelectOptionProps) => react_jsx_runtime59.JSX.Element;
+}: SelectOptionProps) => react_jsx_runtime62.JSX.Element;
 //#endregion
 //#region src/components/select/select-optgroup.d.ts
 type SelectOptgroupProps = MergeRight<AsChildProps & OptgroupHTMLAttributes<HTMLOptGroupElement>, {
@@ -1280,7 +1330,19 @@ declare const SelectOptgroup: ({
   asChild,
   ref,
   ...props
-}: SelectOptgroupProps) => react_jsx_runtime58.JSX.Element;
+}: SelectOptgroupProps) => react_jsx_runtime61.JSX.Element;
+//#endregion
+//#region src/components/skip-link/skip-link.d.ts
+type SkipLinkProps = MergeRight<DefaultProps & AsChildProps & AnchorHTMLAttributes<HTMLAnchorElement>, {
+  ref?: Ref<HTMLAnchorElement>;
+}>;
+declare const SkipLink: ({
+  asChild,
+  children,
+  className,
+  dark,
+  ...props
+}: SkipLinkProps) => react_jsx_runtime64.JSX.Element;
 //#endregion
 //#region src/components/spinner/spinner.d.ts
 type SpinnerProps = MergeRight<DefaultProps & HTMLAttributes<HTMLSpanElement>, {
@@ -1302,7 +1364,7 @@ declare const Spinner: ({
   className,
   ref,
   ...props
-}: SpinnerProps) => react_jsx_runtime61.JSX.Element;
+}: SpinnerProps) => react_jsx_runtime65.JSX.Element;
 //#endregion
 //#region src/components/tabs/tabs.d.ts
 type TabsProps = MergeRight<DefaultProps & Omit<HTMLAttributes<HTMLDivElement>, 'dir'>, {
@@ -1341,7 +1403,7 @@ declare const Tabs: ({
   dark,
   ref,
   ...props
-}: TabsProps) => react_jsx_runtime56.JSX.Element;
+}: TabsProps) => react_jsx_runtime70.JSX.Element;
 //#endregion
 //#region src/components/tabs/tab.d.ts
 type TabProps = MergeRight<Omit<ButtonProps, 'variant' | 'type'>, {
@@ -1362,7 +1424,7 @@ declare const Tab: ({
   dark,
   ref,
   ...props
-}: TabProps) => react_jsx_runtime62.JSX.Element;
+}: TabProps) => react_jsx_runtime67.JSX.Element;
 //#endregion
 //#region src/components/tabs/tabs-list.d.ts
 type TabsListProps = MergeRight<DefaultProps & Omit<HTMLAttributes<HTMLDivElement>, 'dir'>, {
@@ -1386,7 +1448,7 @@ declare const TabsList: ({
   dark,
   ref,
   ...props
-}: TabsListProps) => react_jsx_runtime63.JSX.Element;
+}: TabsListProps) => react_jsx_runtime68.JSX.Element;
 //#endregion
 //#region src/components/tabs/tabs-panel.d.ts
 type TabsPanelProps = MergeRight<DefaultProps & Omit<HTMLAttributes<HTMLDivElement>, 'dir'>, {
@@ -1410,7 +1472,7 @@ declare const TabsPanel: ({
   dark,
   ref,
   ...props
-}: TabsPanelProps) => react_jsx_runtime64.JSX.Element;
+}: TabsPanelProps) => react_jsx_runtime69.JSX.Element;
 //#endregion
 //#region src/components/textarea/textarea.d.ts
 type TextareaProps = MergeRight<DefaultProps & Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'prefix'>, {
@@ -1427,7 +1489,7 @@ declare const Textarea: ({
   size,
   ref,
   ...props
-}: TextareaProps) => react_jsx_runtime66.JSX.Element;
+}: TextareaProps) => react_jsx_runtime71.JSX.Element;
 //#endregion
 //#region src/components/textfield/textfield.d.ts
 type InputPropsFiltered = Omit<InputProps, 'prefix' | 'className' | 'style'>;
@@ -1473,7 +1535,7 @@ declare const Textfield: ({
   id: idProp,
   "aria-describedby": ariaDescribedByProp,
   ...props
-}: TextfieldProps) => react_jsx_runtime67.JSX.Element;
+}: TextfieldProps) => react_jsx_runtime72.JSX.Element;
 //#endregion
 //#region src/components/validation-message/validation-message.d.ts
 type ValidationMessageProps = MergeRight<AsChildProps & HTMLAttributes<HTMLParagraphElement>, {
@@ -1488,7 +1550,7 @@ declare const ValidationMessage: ({
   asChild,
   ref,
   ...props
-}: ValidationMessageProps) => react_jsx_runtime65.JSX.Element;
+}: ValidationMessageProps) => react_jsx_runtime73.JSX.Element;
 //#endregion
 //#region src/utilities/hooks/usePagination/usePagination.d.ts
 type UsePaginationProps = {
@@ -1595,5 +1657,5 @@ declare const AlertFooter: ({
   ...rest
 }: AlertFooterProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
-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, Chip, ChipProps, Dialog, DialogCloseButton, DialogCloseButtonProps, DialogContent, DialogContentProps, DialogFooter, DialogFooterProps, DialogHeader, DialogHeaderProps, DialogProps, DialogTrigger, DialogTriggerProps, Drawer, DrawerCloseButton, DrawerCloseButtonProps, DrawerContent, DrawerContentProps, DrawerFooter, DrawerFooterProps, DrawerHeader, DrawerHeaderProps, DrawerProps, DrawerTrigger, DrawerTriggerProps, Dropdown, DropdownButton, DropdownButtonProps, DropdownProps, DropdownTrigger, DropdownTriggerProps, Field, FieldAffix, FieldAffixProps, FieldAffixes, FieldAffixesProps, FieldDescription, FieldDescriptionProps, FieldProps, Fieldset, FieldsetDescription, FieldsetDescriptionProps, FieldsetLegend, FieldsetLegendProps, FieldsetProps, Footer, FooterProps, Input, InputProps, Label, LabelProps, Link, LinkProps, Logo, LogoProps, Navbar, NavbarProps, Pagination, PaginationButton, PaginationButtonProps, PaginationProps, Popover, PopoverProps, PopoverTrigger, PopoverTriggerProps, Radio, RadioProps, Search, SearchProps, Select, SelectOptgroup, SelectOptgroupProps, SelectOption, SelectOptionProps, SelectProps, Spinner, SpinnerProps, Tab, TabProps, Tabs, TabsList, TabsListProps, TabsPanel, TabsPanelProps, TabsProps, Textarea, TextareaProps, Textfield, TextfieldProps, UsePaginationProps, ValidationMessage, ValidationMessageProps, usePagination };
-//# sourceMappingURL=alert-footer-BaB0tSHl.d.ts.map
+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, Dialog, DialogCloseButton, DialogCloseButtonProps, DialogContent, DialogContentProps, DialogFooter, DialogFooterProps, DialogHeader, DialogHeaderProps, DialogProps, DialogTrigger, DialogTriggerProps, Drawer, DrawerCloseButton, DrawerCloseButtonProps, DrawerContent, DrawerContentProps, DrawerFooter, DrawerFooterProps, DrawerHeader, DrawerHeaderProps, DrawerProps, DrawerTrigger, DrawerTriggerProps, Dropdown, DropdownButton, DropdownButtonProps, DropdownProps, DropdownTrigger, DropdownTriggerProps, Field, FieldAffix, FieldAffixProps, FieldAffixes, FieldAffixesProps, FieldDescription, FieldDescriptionProps, FieldProps, Fieldset, FieldsetDescription, FieldsetDescriptionProps, FieldsetLegend, FieldsetLegendProps, FieldsetProps, FilterGroup, FilterGroupProps, Footer, FooterProps, Input, InputProps, Label, LabelProps, Link, LinkProps, Logo, LogoProps, Navbar, NavbarProps, Pagination, PaginationButton, PaginationButtonProps, PaginationProps, Popover, PopoverProps, PopoverTrigger, PopoverTriggerProps, Radio, RadioProps, Search, SearchProps, Select, SelectOptgroup, SelectOptgroupProps, SelectOption, SelectOptionProps, SelectProps, SkipLink, SkipLinkProps, Spinner, SpinnerProps, SubNavbar, SubNavbarProps, Tab, TabProps, Tabs, TabsList, TabsListProps, TabsPanel, TabsPanelProps, TabsProps, Textarea, TextareaProps, Textfield, TextfieldProps, UsePaginationProps, ValidationMessage, ValidationMessageProps, usePagination };
+//# sourceMappingURL=alert-footer-DO4EmxdJ.d.ts.map

package/dist/{checkbox-Bx9n-4ar.js → checkbox-CK2lV4pu.js}

@@ -2,7 +2,7 @@ import { Field } from "./field-U2SN9jkp.js";
 import { FieldDescription } from "./field-description-Dhm1VA08.js";
 import { Input } from "./input-Dr7BnTyd.js";
 import { Label } from "./label-DUzvAx-T.js";
-import { useMergeRefs } from "./useMergeRefs-Cz-t7gpp.js";
+import { useMergeRefs } from "./useMergeRefs-CcJMoo46.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useEffect, useId, useRef } from "react";
 
@@ -53,4 +53,4 @@ const Checkbox = ({ dark, label, description, error, style, className, indetermi
 
 //#endregion
 export { Checkbox };
-//# sourceMappingURL=checkbox-Bx9n-4ar.js.map
+//# sourceMappingURL=checkbox-CK2lV4pu.js.map

package/dist/{checkbox-Bx9n-4ar.js.map → checkbox-CK2lV4pu.js.map}

@@ -1 +1 @@
-{"version":3,"file":"checkbox-Bx9n-4ar.js","names":["input: HTMLInputElement | null"],"sources":["../src/components/checkbox/checkbox.tsx"],"sourcesContent":["import { useEffect, useId, useRef, type ReactNode, type Ref } from 'react';\n\nimport type { LabelRequiredProps } from '../../types';\nimport type { MergeRight } from '../../utilities';\nimport { Field, FieldDescription } from '../field';\nimport { Input, type InputProps } from '../input';\nimport { Label } from '../label';\nimport { useMergeRefs } from '../../utilities/hooks';\n\nexport type CheckboxProps = MergeRight<\n  LabelRequiredProps & Omit<InputProps, 'type' | 'role' | 'size'>,\n  {\n    /** Label */\n    label?: ReactNode;\n    /** Description */\n    description?: ReactNode;\n    /** Add error indication to the checkbox. */\n    error?: boolean;\n    /** Specify whether the Checkbox is indeterminate */\n    indeterminate?: boolean;\n    ref?: Ref<HTMLInputElement>;\n  }\n>;\n\nexport const Checkbox = ({\n  dark,\n  label,\n  description,\n  error,\n  style,\n  className,\n  indeterminate,\n  ref,\n  id,\n  'aria-describedby': ariaDescribedByProp,\n  ...props\n}: CheckboxProps) => {\n  const checkRef = useRef<HTMLInputElement>(null);\n  const refs = useMergeRefs([checkRef, ref]);\n  const descriptionId = useId();\n\n  useEffect(() => {\n    let input: HTMLInputElement | null;\n    if (ref && typeof ref !== 'function') {\n      input = ref.current;\n    } else {\n      input = checkRef.current;\n    }\n\n    if (input) {\n      input.indeterminate = indeterminate || false;\n    }\n  }, [indeterminate, checkRef, ref]);\n\n  const ariaDescribedBy = [description ? descriptionId : '', ariaDescribedByProp].join(' ').trim() || undefined;\n\n  return (\n    <Field className={className} data-dark={dark} style={style} asChild>\n      <label>\n        <Input\n          type='checkbox'\n          id={id}\n          ref={refs}\n          aria-invalid={error || undefined}\n          aria-describedby={ariaDescribedBy}\n          {...props}\n        />\n        {label && (\n          <Label weight='medium' htmlFor={id} asChild>\n            <span>{label}</span>\n          </Label>\n        )}\n        {description && (\n          // Aria-hidden is used to prevent screen readers from reading the description twice:\n          // once as part of the label and once from being connected through aria-describedby.\n          <FieldDescription aria-hidden='true' id={descriptionId}>\n            {description}\n          </FieldDescription>\n        )}\n      </label>\n    </Field>\n  );\n};\n"],"mappings":";;;;;;;;;AAwBA,MAAa,WAAW,CAAC,EACvB,MACA,OACA,aACA,OACA,OACA,WACA,eACA,KACA,IACA,oBAAoB,oBACpB,GAAG,OACW,KAAK;CACnB,MAAM,WAAW,OAAyB,KAAK;CAC/C,MAAM,OAAO,aAAa,CAAC,UAAU,GAAI,EAAC;CAC1C,MAAM,gBAAgB,OAAO;AAE7B,WAAU,MAAM;EACd,IAAIA;AACJ,MAAI,cAAc,QAAQ,WACxB,SAAQ,IAAI;MAEZ,SAAQ,SAAS;AAGnB,MAAI,MACF,OAAM,gBAAgB,iBAAiB;CAE1C,GAAE;EAAC;EAAe;EAAU;CAAI,EAAC;CAElC,MAAM,kBAAkB,CAAC,cAAc,gBAAgB,IAAI,mBAAoB,EAAC,KAAK,IAAI,CAAC,MAAM;AAEhG,wBACE,IAAC;EAAiB;EAAW,aAAW;EAAa;EAAO;4BAC1D,KAAC;mBACC,IAAC;IACC,MAAK;IACD;IACJ,KAAK;IACL,gBAAc;IACd,oBAAkB;IAClB,GAAI;KACJ;GACD,yBACC,IAAC;IAAM,QAAO;IAAS,SAAS;IAAI;8BAClC,IAAC,oBAAM,QAAa;KACd;GAET,+BAGC,IAAC;IAAiB,eAAY;IAAO,IAAI;cACtC;KACgB;MAEf;GACF;AAEX"}
+{"version":3,"file":"checkbox-CK2lV4pu.js","names":["input: HTMLInputElement | null"],"sources":["../src/components/checkbox/checkbox.tsx"],"sourcesContent":["import { useEffect, useId, useRef, type ReactNode, type Ref } from 'react';\n\nimport type { LabelRequiredProps } from '../../types';\nimport type { MergeRight } from '../../utilities';\nimport { Field, FieldDescription } from '../field';\nimport { Input, type InputProps } from '../input';\nimport { Label } from '../label';\nimport { useMergeRefs } from '../../utilities/hooks';\n\nexport type CheckboxProps = MergeRight<\n  LabelRequiredProps & Omit<InputProps, 'type' | 'role' | 'size'>,\n  {\n    /** Label */\n    label?: ReactNode;\n    /** Description */\n    description?: ReactNode;\n    /** Add error indication to the checkbox. */\n    error?: boolean;\n    /** Specify whether the Checkbox is indeterminate */\n    indeterminate?: boolean;\n    ref?: Ref<HTMLInputElement>;\n  }\n>;\n\nexport const Checkbox = ({\n  dark,\n  label,\n  description,\n  error,\n  style,\n  className,\n  indeterminate,\n  ref,\n  id,\n  'aria-describedby': ariaDescribedByProp,\n  ...props\n}: CheckboxProps) => {\n  const checkRef = useRef<HTMLInputElement>(null);\n  const refs = useMergeRefs([checkRef, ref]);\n  const descriptionId = useId();\n\n  useEffect(() => {\n    let input: HTMLInputElement | null;\n    if (ref && typeof ref !== 'function') {\n      input = ref.current;\n    } else {\n      input = checkRef.current;\n    }\n\n    if (input) {\n      input.indeterminate = indeterminate || false;\n    }\n  }, [indeterminate, checkRef, ref]);\n\n  const ariaDescribedBy = [description ? descriptionId : '', ariaDescribedByProp].join(' ').trim() || undefined;\n\n  return (\n    <Field className={className} data-dark={dark} style={style} asChild>\n      <label>\n        <Input\n          type='checkbox'\n          id={id}\n          ref={refs}\n          aria-invalid={error || undefined}\n          aria-describedby={ariaDescribedBy}\n          {...props}\n        />\n        {label && (\n          <Label weight='medium' htmlFor={id} asChild>\n            <span>{label}</span>\n          </Label>\n        )}\n        {description && (\n          // Aria-hidden is used to prevent screen readers from reading the description twice:\n          // once as part of the label and once from being connected through aria-describedby.\n          <FieldDescription aria-hidden='true' id={descriptionId}>\n            {description}\n          </FieldDescription>\n        )}\n      </label>\n    </Field>\n  );\n};\n"],"mappings":";;;;;;;;;AAwBA,MAAa,WAAW,CAAC,EACvB,MACA,OACA,aACA,OACA,OACA,WACA,eACA,KACA,IACA,oBAAoB,oBACpB,GAAG,OACW,KAAK;CACnB,MAAM,WAAW,OAAyB,KAAK;CAC/C,MAAM,OAAO,aAAa,CAAC,UAAU,GAAI,EAAC;CAC1C,MAAM,gBAAgB,OAAO;AAE7B,WAAU,MAAM;EACd,IAAIA;AACJ,MAAI,cAAc,QAAQ,WACxB,SAAQ,IAAI;MAEZ,SAAQ,SAAS;AAGnB,MAAI,MACF,OAAM,gBAAgB,iBAAiB;CAE1C,GAAE;EAAC;EAAe;EAAU;CAAI,EAAC;CAElC,MAAM,kBAAkB,CAAC,cAAc,gBAAgB,IAAI,mBAAoB,EAAC,KAAK,IAAI,CAAC,MAAM;AAEhG,wBACE,IAAC;EAAiB;EAAW,aAAW;EAAa;EAAO;4BAC1D,KAAC;mBACC,IAAC;IACC,MAAK;IACD;IACJ,KAAK;IACL,gBAAc;IACd,oBAAkB;IAClB,GAAI;KACJ;GACD,yBACC,IAAC;IAAM,QAAO;IAAS,SAAS;IAAI;8BAClC,IAAC,oBAAM,QAAa;KACd;GAET,+BAGC,IAAC;IAAiB,eAAY;IAAO,IAAI;cACtC;KACgB;MAEf;GACF;AAEX"}