@bi-digital/react 0.6.1 → 0.6.2

package/dist/alert-footer-UAe5dxDo.d.ts

@@ -1,1780 +0,0 @@
-import { n as DefaultProps, r as LabelRequiredProps, t as AsChildProps } from "./types-yUMPmMvf.js";
-import { r as PopoverTriggerContextProps } from "./popover-trigger-context-BSsZTHJj.js";
-import { t as MergeRight } from "./types-BRcQPIRw.js";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
-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
-type AlertProps = MergeRight<DefaultProps & HTMLAttributes<HTMLDivElement>, {
-  /**
-   * The alert variant.
-   * @default 'primary'
-   */
-  variant?: 'info' | 'success' | 'warning' | 'alert' | 'primary' | 'neutral';
-  /**
-   * Size of the alert.
-   * @default 'medium'
-   */
-  size?: 'small' | 'medium' | 'large';
-  /** Custom close button. It's your responsibility to make the button close the alert. */
-  closeButton?: ReactNode;
-  /** Override the default icon which is decided by the `variant`. Set to `null` to remove the icon. */
-  icon?: ReactNode;
-  /**
-   * Change the default rendered element for the one passed as a child, merging their props and behavior.
-   * @default false
-   */
-  asChild?: boolean;
-  ref?: Ref<HTMLDivElement>;
-}>;
-declare const Alert: ({
-  className,
-  children,
-  closeButton,
-  variant,
-  icon,
-  asChild,
-  dark,
-  size,
-  ref,
-  ...rest
-}: AlertProps) => react_jsx_runtime0.JSX.Element;
-//#endregion
-//#region src/components/avatar/avatar.d.ts
-type AvatarProps = MergeRight<DefaultProps & HTMLAttributes<HTMLSpanElement>, {
-  /**
-   * Name of the person the avatar represents.
-   */
-  'aria-label': string;
-  /**
-   * Size of the avatar.
-   * @default 'medium'
-   */
-  size?: 'small' | 'medium';
-  /**
-   * Color scheme of the avatar.
-   * @default 'primary'
-   */
-  color?: 'primary' | 'info' | 'success' | 'warning' | 'alert';
-  ref?: Ref<HTMLSpanElement>;
-}>;
-/**
- * An Avatar represents a person.
- *
- * @example
- * <Avatar aria-label="Ola Nordmann">ON</Avatar>
- *
- * @example
- * <Avatar aria-label="Ola Nordmann">
- *  <img src='…' alt='Ola Nordmann' />
- * </Avatar>
- */
-declare const Avatar: ({
-  "aria-label": ariaLabel,
-  className,
-  ref,
-  dark,
-  size,
-  color,
-  children,
-  ...props
-}: AvatarProps) => react_jsx_runtime0.JSX.Element;
-//#endregion
-//#region src/components/badge/badge.d.ts
-type BadgeProps = MergeRight<DefaultProps & AsChildProps & HTMLAttributes<HTMLSpanElement>, {
-  /**
-   * Size of the badge.
-   * @default 'medium'
-   */
-  size?: 'xs' | 'small' | 'medium';
-  /**
-   * Color of the badge.
-   * @default 'neutral'
-   */
-  color: 'neutral' | 'success' | 'warning' | 'alert' | 'brand' | 'info' | 'negative';
-  /**
-   * Makes the badge have the same height/width. Use for single-letter badges.
-   * @default false
-   */
-  singleLetter?: boolean;
-  ref?: Ref<HTMLSpanElement>;
-}>;
-declare const Badge: ({
-  className,
-  children,
-  dark,
-  size,
-  color,
-  singleLetter,
-  asChild,
-  ref,
-  ...props
-}: BadgeProps) => react_jsx_runtime0.JSX.Element;
-//#endregion
-//#region src/components/button/button.d.ts
-type ButtonProps = MergeRight<DefaultProps & ButtonHTMLAttributes<HTMLButtonElement>, {
-  /**
-   * The button size.
-   * @default 'medium'
-   */
-  size?: 'small' | 'medium' | 'large';
-  /**
-   * The button variant.
-   * @default 'filled'
-   */
-  variant?: 'filled' | 'outlined' | 'text' | 'flat';
-  /**
-   * Stretch the button to the full width.
-   * @default false
-   */
-  stretch?: boolean;
-  /**
-   * Display a loading animation with the Spinner-component.
-   * Replaces the `startIcon` if used
-   * @default false
-   */
-  submitting?: boolean;
-  /**
-   * Display as icon-button, only use when showing an icon as the label.
-   * Not compatible with the icon-slots or `stretch`.
-   * Always provide a descriptive aria-label for accessibility when set to true.
-   * @default false
-   */
-  icon?: boolean;
-  /** Set an icon before the button label, no effect if `icon=true` */
-  startIcon?: ReactNode;
-  /** Set an icon after the button label, no effect if `icon=true` */
-  endIcon?: ReactNode;
-  /** Make the button active by showing an active state. */
-  active?: boolean;
-  ref?: Ref<HTMLButtonElement>;
-  /**
-   * Change the default rendered element for the one passed as a child, merging their props and behavior.
-   * @default false
-   */
-  asChild?: boolean;
-  /**
-   * Specify the type of button. Unset when `asChild` is true
-   * @default 'button'
-   */
-  type?: ButtonHTMLAttributes<HTMLButtonElement>['type'];
-}>;
-declare const Button: ({
-  asChild,
-  variant,
-  size,
-  stretch,
-  dark,
-  submitting,
-  icon,
-  children,
-  className,
-  startIcon,
-  endIcon,
-  active,
-  ref,
-  ...props
-}: ButtonProps) => react_jsx_runtime0.JSX.Element;
-//#endregion
-//#region src/components/card/card.d.ts
-type CardProps = MergeRight<DefaultProps & HTMLAttributes<HTMLDivElement>, {
-  /**
-   * The orientation of the card
-   * @default 'horizontal'
-   */
-  orientation?: 'horizontal' | 'vertical';
-  /**
-   * The color of the card
-   * @default 'neutral'
-   */
-  color?: 'neutral' | 'primary' | 'info' | 'warning';
-  error?: boolean;
-  /**
-   * Change the default rendered element for the one passed as a child, merging their props and behavior.
-   * @default false
-   */
-  asChild?: boolean;
-  ref?: Ref<HTMLDivElement>;
-}>;
-declare const Card: ({
-  orientation,
-  color,
-  error,
-  dark,
-  className,
-  ref,
-  children,
-  asChild,
-  ...props
-}: CardProps) => react_jsx_runtime0.JSX.Element;
-//#endregion
-//#region src/components/card/card-actions.d.ts
-type CardActionsProps = MergeRight<HTMLAttributes<HTMLDivElement>, {
-  ref?: Ref<HTMLDivElement>;
-}>;
-declare const CardActions: ({
-  className,
-  ref,
-  children,
-  ...props
-}: CardActionsProps) => react_jsx_runtime0.JSX.Element;
-//#endregion
-//#region src/components/card/card-action.d.ts
-type CardActionProps = ButtonProps;
-declare const CardAction: ({
-  asChild,
-  ref,
-  children,
-  dark,
-  className,
-  ...props
-}: CardActionProps) => react_jsx_runtime0.JSX.Element;
-//#endregion
-//#region src/components/card/card-content.d.ts
-type CardContentProps = MergeRight<HTMLAttributes<HTMLDivElement>, {
-  /**
-   * Change the default rendered element for the one passed as a child, merging their props and behavior.
-   * @default false
-   */
-  asChild?: boolean;
-  disabled?: boolean;
-  ref?: Ref<HTMLDivElement>;
-}>;
-declare const CardContent: ({
-  className,
-  ref,
-  children,
-  asChild,
-  ...props
-}: CardContentProps) => react_jsx_runtime0.JSX.Element;
-//#endregion
-//#region src/components/card/card-header.d.ts
-type CardHeaderProps = MergeRight<Omit<HTMLAttributes<HTMLDivElement>, 'children'>, {
-  /**
-   * The header of the card
-   */
-  header?: ReactNode;
-  /**
-   * The label of the card, displayed above the header
-   */
-  label?: ReactNode;
-  /**
-   * The sublabel of the card, displayed next to the label
-   */
-  subLabel?: ReactNode;
-  /**
-   * The description of the card, displayed below the header
-   */
-  description?: ReactNode;
-  ref?: Ref<HTMLDivElement>;
-}>;
-declare const CardHeader: ({
-  className,
-  ref,
-  header,
-  label,
-  subLabel,
-  description,
-  ...props
-}: CardHeaderProps) => react_jsx_runtime0.JSX.Element;
-//#endregion
-//#region src/components/card/card-media.d.ts
-type CardMediaProps = MergeRight<HTMLAttributes<HTMLDivElement>, {
-  /**
-   * The media to display. Must be audio, figure, iframe, img or video-tag to get correct styles.
-   */
-  children?: ReactNode;
-  /**
-   * Optional content to overlay on top of the media.
-   */
-  overlay?: ReactNode;
-  ref?: Ref<HTMLDivElement>;
-}>;
-declare const CardMedia: ({
-  className,
-  ref,
-  children,
-  overlay,
-  ...props
-}: CardMediaProps) => react_jsx_runtime0.JSX.Element;
-//#endregion
-//#region src/components/card/card-date.d.ts
-type CardDateProps = MergeRight<Omit<HTMLAttributes<HTMLParagraphElement>, 'children'>, {
-  /**
-   * The day of the month.
-   */
-  day: number;
-  /**
-   * The month, should be a short string like "Jan", "Feb", etc.
-   */
-  month: string;
-  ref?: Ref<HTMLParagraphElement>;
-}>;
-declare const CardDate: ({
-  className,
-  ref,
-  day,
-  month,
-  ...props
-}: CardDateProps) => react_jsx_runtime0.JSX.Element;
-//#endregion
-//#region src/components/input/input.d.ts
-type InputProps = MergeRight<DefaultProps & Omit<InputHTMLAttributes<HTMLInputElement>, 'prefix' | 'type'>, {
-  /**
-   * Size of the input field.
-   * @default 'medium'
-   */
-  size?: 'medium' | 'large';
-  /**
-   * The `input` type
-   * @default 'text'
-   * */
-  type?: 'checkbox' | 'color' | 'date' | 'datetime-local' | 'email' | 'file' | 'hidden' | 'month' | 'number' | 'password' | 'radio' | 'search' | 'tel' | 'text' | 'time' | 'url' | 'week';
-  /** Set the visible width, in characters, of the `Input` component. */
-  visibleWidth?: number;
-  /**
-   * Disable the element
-   * @note Avoid using if possible for accessibility purposes
-   */
-  disabled?: boolean;
-  /** Toggle `readOnly` */
-  readOnly?: boolean;
-  ref?: Ref<HTMLInputElement>;
-}>;
-declare const Input: ({
-  type,
-  size,
-  visibleWidth,
-  className,
-  onChange,
-  onClick,
-  dark,
-  readOnly,
-  ref,
-  ...props
-}: InputProps) => react_jsx_runtime0.JSX.Element;
-//#endregion
-//#region src/components/checkbox/checkbox.d.ts
-type CheckboxProps = MergeRight<LabelRequiredProps & Omit<InputProps, 'type' | 'role' | 'size'>, {
-  /** Label */
-  label?: ReactNode;
-  /** Description */
-  description?: ReactNode;
-  /** Add error indication to the checkbox. */
-  error?: boolean;
-  /** Specify whether the Checkbox is indeterminate */
-  indeterminate?: boolean;
-  /** If true, the checkbox will take up the full width of the container, and not just "fit-content" which is default */
-  fullwidth?: boolean;
-  ref?: Ref<HTMLInputElement>;
-}>;
-declare const Checkbox: ({
-  dark,
-  label,
-  description,
-  error,
-  fullwidth,
-  style,
-  className,
-  indeterminate,
-  ref,
-  id,
-  "aria-describedby": ariaDescribedByProp,
-  ...props
-}: CheckboxProps) => react_jsx_runtime0.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_runtime0.JSX.Element;
-//#endregion
-//#region src/components/chip/chip.d.ts
-type ChipProps = MergeRight<DefaultProps & HTMLAttributes<HTMLDivElement>, {
-  /**
-   * The chip size
-   * @default 'medium'
-   */
-  size?: 'small' | 'medium' | 'large';
-  /**
-   * The chip color
-   * @default 'primary'
-   */
-  color?: 'neutral' | 'info' | 'white' | 'primary' | 'alert' | 'warning' | 'success';
-  /** Set an icon before the chip label */
-  startIcon?: ReactNode;
-  ref?: Ref<HTMLDivElement>;
-  /**
-   * If true, the chip will be displayed as selected.
-   * @default false
-   */
-  selected?: boolean;
-  /**
-   * Change the default rendered element for the one passed as a child, merging their props and behavior.
-   * @default false
-   */
-  asChild?: boolean;
-}>;
-declare const Chip: ({
-  children,
-  color,
-  size,
-  startIcon,
-  dark,
-  selected,
-  asChild,
-  className,
-  ref,
-  ...props
-}: ChipProps) => react_jsx_runtime0.JSX.Element;
-//#endregion
-//#region src/components/details/details.d.ts
-type DetailsProps = MergeRight<DefaultProps & HTMLAttributes<HTMLDetailsElement>, {
-  /**
-   * Controls open-state.
-   * Using this removes automatic control of open-state
-   *
-   * @default undefined
-   */
-  open?: boolean;
-  /**
-   * Defaults the details to open if not controlled
-   * @default false
-   */
-  defaultOpen?: boolean;
-  /**
-   * Callback function when Details toggles due to click on summary or find in page-search
-   * Must be defined if `open` prop is used
-   */
-  onToggle?: (open: boolean) => void;
-  /**
-   * Content should be one `<DetailsSummary>` and one `<DetailsContent>`
-   */
-  children?: ReactNode;
-  /**
-   * This attribute enables multiple `<Details>` elements to be connected, with only one open at a time.
-   * The name attribute specifies a group name — give multiple `<Details>` elements the same name value to group them.
-   * Only one of the grouped `<Details>` elements can be open at a time — opening one will cause another to close.
-   * If multiple grouped `<Details>` elements are given the open attribute, only the first one in the source order will be rendered open.
-   */
-  name?: string;
-  ref?: Ref<HTMLDetailsElement>;
-}>;
-/**
- * Details component, built on top of the native `<details>` element.
- *
- * @example
- * <Details open={isOpen} onToggle={setIsOpen} name='optional-group-name'>
- *   <DetailsSummary>Heading</DetailsSummary>
- *   <DetailsContent>Content</DetailsContent>
- * </Details>
- */
-declare const Details: ({
-  className,
-  children,
-  dark,
-  open,
-  defaultOpen,
-  onToggle,
-  ref,
-  ...rest
-}: DetailsProps) => react_jsx_runtime0.JSX.Element;
-//#endregion
-//#region src/components/details/details-content.d.ts
-type DetailsContentProps = MergeRight<HTMLAttributes<HTMLParagraphElement>, {
-  /**
-   * Change the default rendered element for the one passed as a child, merging their props and behavior.
-   * @default false
-   */
-  asChild?: boolean;
-  ref?: Ref<HTMLParagraphElement>;
-}>;
-/**
- * Details content component, contains the content to be shown or hidden.
- *
- * @example
- * <DetailsContent><p>Some content</p></DetailsContent>
- */
-declare const DetailsContent: ({
-  className,
-  asChild,
-  children,
-  ref,
-  ...rest
-}: DetailsContentProps) => react_jsx_runtime0.JSX.Element;
-//#endregion
-//#region src/components/details/details-summary.d.ts
-type DetailsSummaryProps = MergeRight<HTMLAttributes<HTMLElement>, {
-  /** Header */
-  children: ReactNode;
-  /** Optionally replace the default icon. It will be rotated 180 degrees when the content is expanded */
-  icon?: ReactNode;
-  ref?: Ref<HTMLElement>;
-}>;
-/**
- * Details summary component, contains a the heading to toggle the content.
- *
- * @example
- * <DetailsSummary>Heading</DetailsSummary>
- */
-declare const DetailsSummary: ({
-  className,
-  children,
-  icon,
-  ref,
-  ...rest
-}: DetailsSummaryProps) => react_jsx_runtime0.JSX.Element;
-//#endregion
-//#region src/components/dialog/dialog.d.ts
-type DialogProps = MergeRight<DefaultProps & DialogHTMLAttributes<HTMLDialogElement>, {
-  /**
-   * Dismiss behavior.
-   *
-   * - `closedby="any"`: Close dialog on close button click, backdrop click or ESC key.
-   * - `closedby="closerequest"`: Close dialog on close button click or ESC key.
-   * - `closedby="none"`: Close dialog on close button click.
-   *
-   * @default 'any'
-   */
-  closedby?: 'none' | 'closerequest' | 'any';
-  /**
-   * Determines if the dialog is open or not.
-   */
-  open?: boolean;
-  /**
-   * Callback that is called when the dialog is closed.
-   */
-  onClose?: (event: Event) => void;
-  /**
-   * Change the default rendered element for the one passed as a child, merging their props and behavior.
-   * @default false
-   */
-  asChild?: boolean;
-  ref?: Ref<HTMLDialogElement>;
-}>;
-/**
- * Dialog component, used to display a dialog.
- *
- * @example With TriggerContext:
- * <DialogTriggerContext>
- *   <DialogTrigger>Open Dialog</DialogTrigger>
- *   <Dialog>
- *     <DialogHeader>Dialog Header</DialogHeader>
- *     <DialogContent>Dialog Content</DialogContent>
- *     <DialogFooter>
- *       <Button variant='text'>Cancel</Button>
- *       <Button>Confirm</Button>
- *     </DialogFooter>
- *   </Dialog>
- * </DialogTriggerContext>
- *
- * @example Without TriggerContext:
- * const dialogRef = useRef<HTMLDialogElement>(null);
- *
- * ...
- *
- * <Button onClick={() => dialogRef.current?.showModal()}>Open Dialog</Button>
- * <Dialog ref={dialogRef}>
- *   <DialogHeader>Dialog Header</DialogHeader>
- *   <DialogContent>Dialog Content</DialogContent>
- *   <DialogFooter>
- *     <Button variant='text'>Cancel</Button>
- *     <Button>Confirm</Button>
- *   </DialogFooter>
- * </Dialog>
- */
-declare const Dialog: ({
-  asChild,
-  children,
-  className,
-  closedby,
-  onClose,
-  open,
-  dark,
-  ref,
-  ...rest
-}: DialogProps) => react_jsx_runtime0.JSX.Element;
-//#endregion
-//#region src/components/dialog/dialog-content.d.ts
-type DialogContentProps = MergeRight<HTMLAttributes<HTMLDivElement>, {
-  /**
-   * Don't render a border to separate the content from the other content.
-   * @default false
-   */
-  noBorder?: boolean;
-  /**
-   * Change the default rendered element for the one passed as a child, merging their props and behavior.
-   * @default false
-   */
-  asChild?: boolean;
-  ref?: Ref<HTMLDivElement>;
-}>;
-declare const DialogContent: ({
-  asChild,
-  ref,
-  children,
-  className,
-  noBorder,
-  ...rest
-}: DialogContentProps) => react_jsx_runtime0.JSX.Element;
-//#endregion
-//#region src/components/dialog/dialog-header.d.ts
-type DialogHeaderProps = MergeRight<HTMLAttributes<HTMLHeadingElement>, {
-  /**
-   * Don't render a border to separate the header from the other content.
-   * @default false
-   */
-  noBorder?: boolean;
-  /**
-   * Change the default rendered element for the one passed as a child, merging their props and behavior.
-   * @default false
-   */
-  asChild?: boolean;
-  ref?: Ref<HTMLHeadingElement>;
-}>;
-declare const DialogHeader: ({
-  asChild,
-  ref,
-  children,
-  className,
-  noBorder,
-  ...rest
-}: DialogHeaderProps) => react_jsx_runtime0.JSX.Element;
-//#endregion
-//#region src/components/dialog/dialog-footer.d.ts
-type DialogFooterProps = MergeRight<HTMLAttributes<HTMLDivElement>, {
-  /**
-   * Don't render a border to separate the footer from the other content.
-   * @default false
-   */
-  noBorder?: boolean;
-  /**
-   * Change the default rendered element for the one passed as a child, merging their props and behavior.
-   * @default false
-   */
-  asChild?: boolean;
-  ref?: Ref<HTMLDivElement>;
-}>;
-declare const DialogFooter: ({
-  asChild,
-  ref,
-  children,
-  className,
-  noBorder,
-  ...rest
-}: DialogFooterProps) => react_jsx_runtime0.JSX.Element;
-//#endregion
-//#region src/components/dialog/dialog-trigger.d.ts
-type DialogTriggerProps = ButtonProps;
-declare const DialogTrigger: ({
-  asChild,
-  ref,
-  ...rest
-}: DialogTriggerProps) => react_jsx_runtime0.JSX.Element;
-//#endregion
-//#region src/components/dialog/dialog-close-button.d.ts
-type DialogCloseButtonProps = Omit<ButtonProps, 'asChild' | 'type' | 'name'>;
-declare const DialogCloseButton: ({
-  children,
-  ref,
-  ...props
-}: DialogCloseButtonProps) => react_jsx_runtime0.JSX.Element;
-//#endregion
-//#region src/components/drawer/drawer.d.ts
-type DrawerProps = MergeRight<DialogProps, {
-  /**
-   * The anchor of the drawer, determining from which side it originates from when sliding in.
-   * @default 'left'
-   */
-  anchor?: 'left' | 'right' | 'top' | 'bottom';
-}>;
-/**
- * Drawer component. On opening, the drawer slides in from the side it is anchored on, controlled by the anchor property.
- *
- * @example With TriggerContext:
- * <DrawerTriggerContext>
- *   <DrawerTrigger>Open Drawer</DrawerTrigger>
- *   <Drawer>
- *     <DrawerHeader>Drawer Header</DrawerHeader>
- *     <DrawerContent>Drawer Content</DrawerContent>
- *     <DrawerFooter>
- *       <Button variant='text'>Cancel</Button>
- *       <Button>Confirm</Button>
- *     </DrawerFooter>
- *   </Drawer>
- * </DrawerTriggerContext>
- *
- * @example Without TriggerContext:
- * const drawerRef = useRef<HTMLDialogElement>(null);
- *
- * ...
- *
- * <Button onClick={() => drawerRef.current?.showModal()}>Open Drawer</Button>
- * <Drawer ref={dialogRef}>
- *   <DrawerHeader>Drawer Header</DrawerHeader>
- *   <DrawerContent>Drawer Content</DrawerContent>
- *   <DrawerFooter>
- *     <Button variant='text'>Cancel</Button>
- *     <Button>Confirm</Button>
- *   </DrawerFooter>
- * </Drawer>
- */
-declare const Drawer: ({
-  anchor,
-  className,
-  ref,
-  ...rest
-}: DrawerProps) => react_jsx_runtime0.JSX.Element;
-//#endregion
-//#region src/components/drawer/drawer-content.d.ts
-type DrawerContentProps = DialogContentProps;
-declare const DrawerContent: ({
-  className,
-  ref,
-  ...rest
-}: DrawerContentProps) => react_jsx_runtime0.JSX.Element;
-//#endregion
-//#region src/components/drawer/drawer-header.d.ts
-type DrawerHeaderProps = DialogHeaderProps;
-declare const DrawerHeader: ({
-  className,
-  ref,
-  ...rest
-}: DrawerHeaderProps) => react_jsx_runtime0.JSX.Element;
-//#endregion
-//#region src/components/drawer/drawer-footer.d.ts
-type DrawerFooterProps = DialogFooterProps;
-declare const DrawerFooter: ({
-  className,
-  ref,
-  ...rest
-}: DrawerFooterProps) => react_jsx_runtime0.JSX.Element;
-//#endregion
-//#region src/components/drawer/drawer-trigger.d.ts
-type DrawerTriggerProps = DialogTriggerProps;
-declare const DrawerTrigger: ({
-  ref,
-  ...rest
-}: DrawerTriggerProps) => react_jsx_runtime0.JSX.Element;
-//#endregion
-//#region src/components/drawer/drawer-close-button.d.ts
-type DrawerCloseButtonProps = DialogCloseButtonProps;
-declare const DrawerCloseButton: ({
-  ref,
-  ...rest
-}: DrawerCloseButtonProps) => react_jsx_runtime0.JSX.Element;
-//#endregion
-//#region src/components/popover/popover.d.ts
-type PopoverProps = MergeRight<DefaultProps & HTMLAttributes<HTMLDivElement>, {
-  /**
-   * `id` to connect the trigger with the popover - required when not using PopoverContext.
-   */
-  id?: string;
-  /**
-   * Placement of the popover on the trigger.
-   * @default 'top'
-   */
-  placement?: Placement;
-  /**
-   * When a boolean is provided, the popover will be controlled.
-   * @default undefined
-   */
-  open?: boolean;
-  /**
-   * Callback when the open state changes.
-   * @param open - The new open state of the popover.
-   */
-  onOpenChange?: (open: boolean) => void;
-  /**
-   * Whether to disable auto placement.
-   * @default false
-   */
-  disableAutoPlacement?: boolean;
-  /**
-   * Additional middleware to use for positioning the popover.
-   *
-   * @example
-   * Prevent the popover from overflowing the navbar by using the `size` middleware:
-   * ```ts
-   * positionMiddleware={[
-   *  size({
-   *    apply: ({ availableHeight, elements, ...state }) => {
-   *      const available = `${Math.max(0, availableHeight)}px`;
-   *      const maxHeight = state.placement.includes('top')
-   *        ? `calc(${available} - var(--bi-layout-navbar-height, 0))`
-   *        : available;
-   *      elements.floating.style.maxHeight = maxHeight;
-   *    },
-   *    padding,
-   *  })
-   * ]}
-   * ```
-   */
-  positionMiddleware?: Middleware[];
-  /**
-   * The padding used by the `offset` middleware.
-   * @default '20'
-   */
-  padding?: number;
-  /**
-   * Change the default rendered element for the one passed as a child, merging their props and behavior.
-   * @default false
-   */
-  asChild?: boolean;
-  ref?: Ref<HTMLDivElement>;
-}>;
-/**
- * Popover component, used to display content in a popover over an element.
- *
- * @example with TriggerContext
- * <PopoverTriggerContext>
- *   <PopoverTrigger>Open Popover</PopoverTrigger>
- *   <Popover>
- *     Content
- *   </Popover>
- * </PopoverTriggerContext>
- *
- * @example without TriggerContext
- * <Button aria-controls="my-popover" aria-expanded={open}>Open Popover</Button>
- * <Popover open={open} onOpenChange={onOpenChange} id="my-popover">
- *   Content
- * </Popover>
- */
-declare const Popover: ({
-  id,
-  className,
-  onOpenChange,
-  open,
-  placement,
-  disableAutoPlacement,
-  positionMiddleware,
-  padding,
-  dark,
-  asChild,
-  ref,
-  ...rest
-}: PopoverProps) => react_jsx_runtime0.JSX.Element;
-//#endregion
-//#region src/components/popover/popover-trigger.d.ts
-type PopoverTriggerProps = ({
-  /**
-   * Will render the trigger as inline text.
-   * @default false
-   */
-  inline?: true;
-  /**
-   * Change the default rendered element for the one passed as a child, merging their props and behavior.
-   * @default false
-   */
-  asChild?: boolean;
-  ref?: Ref<HTMLButtonElement>;
-} & HTMLAttributes<HTMLButtonElement> & DefaultProps) | ({
-  /**
-   * Will not render the trigger as inline text.
-   * @default false
-   */
-  inline?: false;
-} & ButtonProps);
-/**
- * PopoverTrigger component, used to trigger a popover.
- *
- * @example
- * <PopoverTriggerContext>
- *   <PopoverTrigger>Open Popover</PopoverTrigger>
- *   <Popover>
- *     Content
- *   </Popover>
- * </PopoverTriggerContext>
- *
- * @example inline
- * <PopoverTriggerContext>
- *   <Paragraph>
- *    We can use it <PopoverTrigger inline={true}>inline</PopoverTrigger>.
- *   </Paragraph>
- *   <Popover>
- *     Content
- *   </Popover>
- * </PopoverTriggerContext>
- */
-declare const PopoverTrigger: ({
-  id,
-  inline,
-  asChild,
-  ref,
-  ...rest
-}: PopoverTriggerProps) => react_jsx_runtime0.JSX.Element;
-//#endregion
-//#region src/components/dropdown/dropdown.d.ts
-type DropdownProps = MergeRight<DefaultProps & PopoverProps, {
-  /**
-   * The placement of the dropdown
-   * @default bottom-end
-   */
-  placement?: PopoverProps['placement'];
-}>;
-/**
- * Dropdown component, used to display a list of options.
- *
- * @example with TriggerContext
- * <DropdownTriggerContext>
- *   <DropdownTrigger>Dropdown trigger</DropdownTrigger>
- *   <Dropdown placement='bottom-end'>
- *     <DropdownHeading>Dropdown</DropdownHeading>
- *     <DropdownList>
- *       <DropdownItem>
- *         <DropdownButton>Item</DropdownButton>
- *       </DropdownItem>
- *     </DropdownList>
- *   </Dropdown>
- * </DropdownTriggerContext>
- *
- * @example without TriggerContext
- * <Button aria-controls="some-dropdown" aria-expanded={open}>Trigger</Button>
- * <Dropdown id="some-dropdown" open={open} onOpenChange={onOpenChange}>
- *   <DropdownHeading>Heading</DropdownHeading>
- *   <DropdownList>
- *     <DropdownItem>
- *       <DropdownButton>Item</DropdownButton>
- *     </DropdownItem>
- *   </DropdownList>
- * </Dropdown>
- */
-declare const Dropdown: ({
-  placement,
-  className,
-  ref,
-  ...rest
-}: DropdownProps) => react_jsx_runtime0.JSX.Element;
-//#endregion
-//#region src/components/dropdown/dropdown-button.d.ts
-type DropdownButtonProps = Omit<ButtonProps, 'variant'>;
-declare const DropdownButton: ({
-  ref,
-  ...rest
-}: DropdownButtonProps) => react_jsx_runtime0.JSX.Element;
-//#endregion
-//#region src/components/dropdown/dropdown-trigger.d.ts
-type DropdownTriggerProps = PopoverTriggerProps;
-declare const DropdownTrigger: ({
-  ref,
-  ...rest
-}: DropdownTriggerProps) => react_jsx_runtime0.JSX.Element;
-//#endregion
-//#region src/components/dropdown/dropdown-trigger-context.d.ts
-type DropdownTriggerContextProps = PopoverTriggerContextProps;
-/**
- * DropdownTriggerContext component, use to wrap a DropdownTrigger and Dropdown.
- *
- * @example
- * <DropdownTriggerContext>
- *  <DropdownTrigger>Dropdown</DropdownTrigger>
- *  <Dropdown>
- *   <DropdownHeading>Heading</DropdownHeading>
- *    <DropdownList>
- *      <DropdownItem>
- *        <DropdownButton>Button</DropdownButton>
- *      </DropdownItem>
- *    </DropdownList>
- *  </Dropdown>
- * </DropdownTriggerContext>
- */
-declare const DropdownTriggerContext: ({
-  children,
-  ...props
-}: DropdownTriggerContextProps) => react_jsx_runtime0.JSX.Element;
-//#endregion
-//#region src/components/field/field.d.ts
-type FieldProps = MergeRight<DefaultProps & AsChildProps & HTMLAttributes<HTMLDivElement>, {
-  /**
-   * Position of toggle-type inputs (radio, checkbox) in the field
-   * @default start
-   */
-  position?: 'start' | 'end';
-  /** Set width: 100% */
-  fullwidth?: boolean;
-  ref?: Ref<HTMLDivElement>;
-}>;
-/**
- * The Field component is used to wrap a form field.
- *
- * @example
- * <Field>
- *   <Label>Kort beskrivelse</Label>
- *   <FieldDescription>Beskrivelse</FieldDescription>
- *   <Input />
- *   <ValidationMessage>Feilmelding</ValidationMessage>
- * </Field>
- */
-declare const Field: ({
-  className,
-  dark,
-  position,
-  fullwidth,
-  asChild,
-  ref,
-  ...props
-}: FieldProps) => react_jsx_runtime0.JSX.Element;
-//#endregion
-//#region src/components/field/field-description.d.ts
-type FieldDescriptionProps = MergeRight<AsChildProps & HTMLAttributes<HTMLDivElement>, {
-  ref?: Ref<HTMLDivElement>;
-}>;
-declare const FieldDescription: ({
-  asChild,
-  className,
-  ref,
-  ...props
-}: FieldDescriptionProps) => react_jsx_runtime0.JSX.Element;
-//#endregion
-//#region src/components/field/field-affix.d.ts
-type FieldAffixesProps = MergeRight<AsChildProps & Omit<HTMLAttributes<HTMLDivElement>, 'prefix'>, {
-  ref?: Ref<HTMLDivElement>;
-}>;
-/**
- * FieldAffixes component, used to wrap a form field.
- *
- * @example
- * <FieldAffixes>
- *   <FieldAffix>+47</FieldAffix>
- *   <Input />
- *   <FieldAffix>kr</FieldAffix>
- * </FieldAffixes>
- */
-declare const FieldAffixes: ({
-  className,
-  asChild,
-  ref,
-  ...rest
-}: FieldAffixesProps) => react_jsx_runtime0.JSX.Element;
-type FieldAffixProps = MergeRight<AsChildProps & Omit<HTMLAttributes<HTMLSpanElement>, 'prefix'>, {
-  ref?: Ref<HTMLSpanElement>;
-}>;
-/**
- * FieldAffix component, used to display prefix/suffix for a form field.
- * Use inside the `FieldAffixes` component.
- *
- * @example
- * <FieldAffixes>
- *   <FieldAffix>+47</FieldAffix>
- *   <Input />
- *   <FieldAffix>kr</FieldAffix>
- * </FieldAffixes>
- */
-declare const FieldAffix: ({
-  className,
-  asChild,
-  ref,
-  ...rest
-}: FieldAffixProps) => react_jsx_runtime0.JSX.Element;
-//#endregion
-//#region src/components/fieldset/fieldset.d.ts
-type FieldsetProps = MergeRight<DefaultProps & FieldsetHTMLAttributes<HTMLFieldSetElement>, {
-  ref?: Ref<HTMLFieldSetElement>;
-}>;
-declare const Fieldset: ({
-  children,
-  className,
-  dark,
-  ref,
-  ...props
-}: FieldsetProps) => react_jsx_runtime0.JSX.Element;
-//#endregion
-//#region src/components/fieldset/fieldset-description.d.ts
-type FieldsetDescriptionProps = MergeRight<AsChildProps & HTMLAttributes<HTMLParagraphElement>, {
-  ref?: Ref<HTMLDivElement>;
-}>;
-declare const FieldsetDescription: ({
-  asChild,
-  ref,
-  ...props
-}: FieldsetDescriptionProps) => react_jsx_runtime0.JSX.Element;
-//#endregion
-//#region src/components/label/label.d.ts
-type LabelProps = MergeRight<DefaultProps & AsChildProps & LabelHTMLAttributes<HTMLLabelElement>, {
-  /**
-   * Sets the font weight of the label. Use this when you have a label hierarchy, such as checkboxes/radios in a fieldset
-   * @default 'semibold'
-   */
-  weight?: 'regular' | 'medium' | 'semibold';
-  ref?: Ref<HTMLLabelElement>;
-}>;
-declare const Label: ({
-  className,
-  weight,
-  dark,
-  asChild,
-  ref,
-  ...props
-}: LabelProps) => react_jsx_runtime0.JSX.Element;
-//#endregion
-//#region src/components/fieldset/fieldset-legend.d.ts
-type FieldsetLegendProps = MergeRight<LabelProps & HTMLAttributes<HTMLLegendElement>, {
-  ref?: Ref<HTMLLegendElement>;
-}>;
-declare const FieldsetLegend: ({
-  children,
-  dark,
-  ref,
-  ...props
-}: FieldsetLegendProps) => react_jsx_runtime0.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_runtime0.JSX.Element;
-//#endregion
-//#region src/components/footer/footer.d.ts
-type FooterProps = MergeRight<DefaultProps & HTMLAttributes<HTMLDivElement>, {
-  /**
-   * The text to display in the copyright section.
-   * @default 'Handelshøyskolen BI'
-   */
-  copyRightText?: string;
-  /**
-   * Whether to hide the accreditation icons.
-   * @default false
-   */
-  hideAccreditationIcons?: boolean;
-  /**
-   * Whether to hide the social media icons.
-   * @default false
-   */
-  hideSocialMediaIcons?: boolean;
-  /**
-   * Whether to hide the copyright text.
-   * @default false
-   */
-  hideCopyRight?: boolean;
-  ref?: Ref<HTMLDivElement>;
-}>;
-declare const Footer: ({
-  dark,
-  copyRightText,
-  hideAccreditationIcons,
-  hideSocialMediaIcons,
-  hideCopyRight,
-  className,
-  children,
-  ref,
-  ...props
-}: FooterProps) => react_jsx_runtime0.JSX.Element;
-//#endregion
-//#region src/components/link/link.d.ts
-type LinkProps = MergeRight<DefaultProps & AnchorHTMLAttributes<HTMLAnchorElement>, {
-  /**
-   * Set the color of the link.
-   * @default 'primary'
-   */
-  color?: 'primary' | 'neutral';
-  /**
-   * Control the underline style of the link.
-   * - 'always': The link is always underlined.
-   * - 'hover': The link is underlined only on hover.
-   * @default 'always'
-   */
-  underline?: 'always' | 'hover';
-  children: ReactNode;
-  /**
-   * Change the default rendered element for the one passed as a child, merging their props and behavior.
-   * @default false
-   */
-  asChild?: boolean;
-  ref?: Ref<HTMLAnchorElement>;
-}>;
-declare const Link: ({
-  asChild,
-  className,
-  color,
-  dark,
-  underline,
-  ref,
-  ...rest
-}: LinkProps) => react_jsx_runtime0.JSX.Element;
-//#endregion
-//#region src/components/logo/logo.d.ts
-type LogoProps = MergeRight<DefaultProps & Omit<HTMLAttributes<HTMLSpanElement>, 'children'>, {
-  /**
-   * Determines if the international logo should be used.
-   * @default false
-   */
-  international?: boolean;
-  /**
-   * Determines if the logo text should be displayed vertically.
-   * Only applies when `international` is `true`.
-   * @default false
-   */
-  vertical?: boolean;
-  /**
-   * Determines the height of the logo.
-   * @default 'medium'
-   */
-  size?: 'xs' | 'small' | 'medium' | 'large' | 'xl' | 'xxl';
-  ref?: Ref<HTMLSpanElement>;
-}>;
-declare const Logo: ({
-  dark,
-  international,
-  vertical,
-  size,
-  className,
-  ref,
-  ...props
-}: LogoProps) => react_jsx_runtime0.JSX.Element;
-//#endregion
-//#region src/components/navbar/navbar.d.ts
-type NavbarProps = MergeRight<DefaultProps & HTMLAttributes<HTMLDivElement>, {
-  /**
-   * Skip link.
-   */
-  skipLink?: ReactNode;
-  /**
-   * Determines if the navbar should be fixed.
-   * @default false
-   */
-  fixed?: boolean;
-  /**
-   * Aria label for the home link.
-   */
-  homeAriaLabel: string;
-  /**
-   * Href for the home link.
-   */
-  homeHref: string;
-  /**
-   * Override the default logo
-   */
-  logo?: ReactNode;
-  ref?: Ref<HTMLElement>;
-}>;
-declare const Navbar: ({
-  dark,
-  fixed,
-  homeAriaLabel,
-  skipLink,
-  homeHref,
-  logo,
-  children,
-  className,
-  ref,
-  ...props
-}: NavbarProps) => react_jsx_runtime0.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_runtime0.JSX.Element;
-//#endregion
-//#region src/components/pagination/pagination.d.ts
-type PaginationProps = MergeRight<DefaultProps & HTMLAttributes<HTMLDivElement>, {
-  ref?: Ref<HTMLUListElement>;
-}>;
-declare const Pagination: ({
-  className,
-  dark,
-  ref,
-  children,
-  ...props
-}: PaginationProps) => react_jsx_runtime0.JSX.Element;
-//#endregion
-//#region src/components/pagination/pagination-button.d.ts
-type PaginationButtonProps = ButtonProps & {
-  /**
-   * Toggle button as active
-   * @default false
-   */
-  'aria-current'?: AriaAttributes['aria-current'];
-};
-declare const PaginationButton: ({
-  ref,
-  ...rest
-}: PaginationButtonProps) => react_jsx_runtime0.JSX.Element;
-//#endregion
-//#region src/components/radio/radio.d.ts
-type RadioProps = MergeRight<LabelRequiredProps & Omit<InputProps, 'type' | 'role' | 'size'>, {
-  /** Label */
-  label?: ReactNode;
-  /** Description */
-  description?: ReactNode;
-  /** Add error indication to the radio. */
-  error?: boolean;
-  /** If true, the radio will take up the full width of the container, and not just "fit-content" which is default */
-  fullwidth?: boolean;
-  ref?: Ref<HTMLInputElement>;
-}>;
-declare const Radio: ({
-  dark,
-  label,
-  description,
-  error,
-  fullwidth,
-  style,
-  className,
-  ref,
-  id,
-  "aria-describedby": ariaDescribedByProp,
-  ...props
-}: RadioProps) => react_jsx_runtime0.JSX.Element;
-//#endregion
-//#region src/components/search/search.d.ts
-type SearchProps = MergeRight<Omit<InputProps, 'type' | 'size'>, {
-  /**
-   * Size of the search.
-   * @default 'medium'
-   */
-  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'
-   */
-  clearAriaLabel?: string;
-  /** If true, the selectfield will take up the full available width */
-  fullwidth?: boolean;
-}>;
-declare const Search: ({
-  className,
-  onSubmit,
-  onReset,
-  clearAriaLabel,
-  size,
-  ref,
-  dark,
-  style,
-  fullwidth,
-  ...props
-}: SearchProps) => react_jsx_runtime0.JSX.Element;
-//#endregion
-//#region src/components/select/select.d.ts
-type SelectProps = MergeRight<DefaultProps & Omit<SelectHTMLAttributes<HTMLSelectElement>, 'multiple' | 'size'>, {
-  /**
-   * Size of the select.
-   * @default 'medium'
-   */
-  size?: 'medium' | 'large';
-  /** Mark the select as readOnly */
-  readOnly?: boolean;
-  ref?: Ref<HTMLSelectElement>;
-}>;
-declare const Select: ({
-  className,
-  dark,
-  onKeyDown,
-  onMouseDown,
-  size,
-  ref,
-  ...props
-}: SelectProps) => react_jsx_runtime0.JSX.Element;
-//#endregion
-//#region src/components/select/select-option.d.ts
-type SelectOptionProps = MergeRight<AsChildProps & OptionHTMLAttributes<HTMLOptionElement>, {
-  ref?: Ref<HTMLOptionElement>;
-}>;
-declare const SelectOption: ({
-  asChild,
-  ref,
-  ...props
-}: SelectOptionProps) => react_jsx_runtime0.JSX.Element;
-//#endregion
-//#region src/components/select/select-optgroup.d.ts
-type SelectOptgroupProps = MergeRight<AsChildProps & OptgroupHTMLAttributes<HTMLOptGroupElement>, {
-  ref?: Ref<HTMLOptGroupElement>;
-}>;
-declare const SelectOptgroup: ({
-  asChild,
-  ref,
-  ...props
-}: SelectOptgroupProps) => react_jsx_runtime0.JSX.Element;
-//#endregion
-//#region src/components/selectfield/selectfield.d.ts
-type SelectfieldProps = MergeRight<LabelRequiredProps & SelectProps, {
-  /** Description */
-  description?: ReactNode;
-  /** Error message for field */
-  error?: ReactNode;
-  /** If true, the selectfield will take up the full available width */
-  fullwidth?: boolean;
-}>;
-declare const Selectfield: ({
-  children,
-  dark,
-  label,
-  description,
-  error,
-  style,
-  className,
-  fullwidth,
-  ref,
-  id: idProp,
-  "aria-describedby": ariaDescribedByProp,
-  ...props
-}: SelectfieldProps) => react_jsx_runtime0.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_runtime0.JSX.Element;
-//#endregion
-//#region src/components/spinner/spinner.d.ts
-type SpinnerProps = MergeRight<DefaultProps & HTMLAttributes<HTMLSpanElement>, {
-  /**
-   * The color of the spinner.
-   * @default 'inherit'
-   */
-  color?: 'inherit' | 'black';
-  /**
-   * The size of the spinner.
-   * It sets the font-size as the width and height is `1em`. If not set, the spinner will inherit the font size of its parent.
-   */
-  size?: 'small' | 'medium' | 'large' | 'xl' | '2xl';
-  ref?: Ref<HTMLSpanElement>;
-}>;
-declare const Spinner: ({
-  color,
-  size,
-  className,
-  ref,
-  ...props
-}: SpinnerProps) => react_jsx_runtime0.JSX.Element;
-//#endregion
-//#region src/components/tabs/tabs.d.ts
-type TabsProps = MergeRight<DefaultProps & Omit<HTMLAttributes<HTMLDivElement>, 'dir'>, {
-  /**
-   * When `automatic`, tabs are activated when receiving focus. When `manual`, tabs are activated when clicked.
-   * @default 'automatic'
-   */
-  activationMode?: 'manual' | 'automatic';
-  /**
-   * The orientation of the component.
-   * @default 'horizontal'
-   */
-  orientation?: 'horizontal' | 'vertical';
-  /** The value of the tab that should be active when initially rendered. Use when you do not need to control the state of the tabs. */
-  defaultValue?: string;
-  /** The controlled value of the tab to activate. Should be used together with `onChange`. */
-  value?: string;
-  /** Event handler called when the value changes. */
-  onChange?: (value: string) => void;
-  /**
-   * Change the default rendered element for the one passed as a child, merging their props and behavior.
-   * @default false
-   */
-  asChild?: boolean;
-  ref?: Ref<HTMLDivElement>;
-}>;
-declare const Tabs: ({
-  activationMode,
-  orientation,
-  defaultValue,
-  value,
-  onChange,
-  children,
-  className,
-  asChild,
-  dark,
-  ref,
-  ...props
-}: TabsProps) => react_jsx_runtime0.JSX.Element;
-//#endregion
-//#region src/components/tabs/tab.d.ts
-type TabProps = MergeRight<Omit<ButtonProps, 'variant' | 'type'>, {
-  /** A unique value that associates the trigger with a content. */
-  value: string;
-  /**
-   * When true, prevents the user from interacting with the tab.
-   * @default false
-   */
-  disabled?: boolean;
-}>;
-declare const Tab: ({
-  className,
-  value,
-  disabled,
-  children,
-  asChild,
-  dark,
-  ref,
-  ...props
-}: TabProps) => react_jsx_runtime0.JSX.Element;
-//#endregion
-//#region src/components/tabs/tabs-list.d.ts
-type TabsListProps = MergeRight<DefaultProps & Omit<HTMLAttributes<HTMLDivElement>, 'dir'>, {
-  /**
-   * When `true`, keyboard navigation will loop from last tab to first, and vice versa.
-   * @default true
-   */
-  loop?: boolean;
-  /**
-   * Change the default rendered element for the one passed as a child, merging their props and behavior.
-   * @default false
-   */
-  asChild?: boolean;
-  ref?: Ref<HTMLDivElement>;
-}>;
-declare const TabsList: ({
-  className,
-  loop,
-  children,
-  asChild,
-  dark,
-  ref,
-  ...props
-}: TabsListProps) => react_jsx_runtime0.JSX.Element;
-//#endregion
-//#region src/components/tabs/tabs-panel.d.ts
-type TabsPanelProps = MergeRight<DefaultProps & Omit<HTMLAttributes<HTMLDivElement>, 'dir'>, {
-  /** A unique value that associates the content with a trigger. */
-  value: string;
-  /** Used to force mounting when more control is needed. Useful when controlling animation with React animation libraries. */
-  forceMount?: boolean;
-  /**
-   * Change the default rendered element for the one passed as a child, merging their props and behavior.
-   * @default false
-   */
-  asChild?: boolean;
-  ref?: Ref<HTMLDivElement>;
-}>;
-declare const TabsPanel: ({
-  className,
-  value,
-  forceMount,
-  children,
-  asChild,
-  dark,
-  ref,
-  ...props
-}: TabsPanelProps) => react_jsx_runtime0.JSX.Element;
-//#endregion
-//#region src/components/textarea/textarea.d.ts
-type TextareaProps = MergeRight<DefaultProps & Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'prefix'>, {
-  /**
-   * Size of the textarea.
-   * @default 'medium'
-   */
-  size?: 'medium' | 'large';
-  ref?: Ref<HTMLTextAreaElement>;
-}>;
-declare const Textarea: ({
-  className,
-  dark,
-  size,
-  ref,
-  ...props
-}: TextareaProps) => react_jsx_runtime0.JSX.Element;
-//#endregion
-//#region src/components/textfield/textfield.d.ts
-type InputPropsFiltered = Omit<InputProps, 'prefix' | 'className' | 'style'>;
-type TextareaPropsFiltered = Omit<TextareaProps, 'prefix' | 'className' | 'style'>;
-type BaseTextfieldProps = LabelRequiredProps & DefaultProps & {
-  /** Label */
-  label?: ReactNode;
-  /** Description */
-  description?: ReactNode;
-  /** Prefix */
-  prefix?: string;
-  /** Suffix */
-  suffix?: string;
-  /** Error message for field */
-  error?: ReactNode;
-  /** `className` for the `Field` element */
-  className?: InputProps['className'];
-  /** `style` for the `Field` element */
-  style?: InputProps['style'];
-  /** If true, the selectfield will take up the full available width */
-  fullwidth?: boolean;
-};
-type TextfieldTextareaProps = {
-  /** Render `Textarea` instead of a `Input`. The `Textarea` has support for multiple rows of input. */
-  multiline: true;
-} & TextareaPropsFiltered;
-type TextfieldInputProps = {
-  /** Render `Textarea` instead of a `Input`. The `Textarea` has support for multiple rows of input. */
-  multiline?: never | false;
-} & InputPropsFiltered;
-type TextfieldProps = BaseTextfieldProps & (TextfieldTextareaProps | TextfieldInputProps) & {
-  ref?: Ref<HTMLInputElement | HTMLTextAreaElement>;
-};
-declare const Textfield: ({
-  dark,
-  label,
-  description,
-  error,
-  multiline,
-  prefix,
-  suffix,
-  style,
-  className,
-  fullwidth,
-  ref,
-  id: idProp,
-  "aria-describedby": ariaDescribedByProp,
-  ...props
-}: TextfieldProps) => react_jsx_runtime0.JSX.Element;
-//#endregion
-//#region src/components/validation-message/validation-message.d.ts
-type ValidationMessageProps = MergeRight<AsChildProps & HTMLAttributes<HTMLParagraphElement>, {
-  /** Override the default warning icon. Must be a BiIcon to work correctly. */
-  icon?: ReactNode;
-  ref?: Ref<HTMLParagraphElement>;
-}>;
-declare const ValidationMessage: ({
-  children,
-  className,
-  icon,
-  asChild,
-  ref,
-  ...props
-}: ValidationMessageProps) => react_jsx_runtime0.JSX.Element;
-//#endregion
-//#region src/utilities/hooks/usePagination/usePagination.d.ts
-type UsePaginationProps = {
-  /**
-   * The number of pages
-   */
-  count: number;
-  page?: number;
-  defaultPage?: number;
-  /**
-   * Number of always visible pages at the beginning and end.
-   * @default 1
-   */
-  boundaryCount?: number;
-  /**
-   * Number of always visible pages before and after the current page.
-   * @default 1
-   */
-  siblingCount?: number;
-  /**
-   * If `true`, the component is disabled.
-   * @default false
-   */
-  disabled?: boolean;
-  /** Callback when the page changes */
-  onPageChange?: (page: number) => void;
-};
-/**
- * Hook to help manage pagination state of a Pagination component.
- *
- * @example
- * const { pages, nextButtonProps, prevButtonProps } = usePagination({
- *   page,
- *   count: 10,
- *   showPages: 7,
- *   boundaryCount: 1,
- *   siblingCount: 1,
- * })
- *
- * <Pagination>
- *   <PaginationItem>
- *     <PaginationButton {...prevButtonProps}>Previous</PaginationButton>
- *   </PaginationItem>
- *   {pages.map(({ page, itemKey, buttonProps }) => (
- *     <PaginationItem key={itemKey}>
- *       {typeof page === 'number' && (
- *         <PaginationButton {...buttonProps} aria-label={`Page ${page}`}>
- *           {page}
- *         </PaginationButton>
- *       )}
- *     </PaginationItem>
- *   ))}
- *   <PaginationItem>
- *     <PaginationButton {...nextButtonProps}>Next</PaginationButton>
- *   </PaginationItem>
- * </Pagination>
- **/
-declare const usePagination: ({
-  count,
-  page: pageProp,
-  defaultPage,
-  boundaryCount,
-  siblingCount,
-  disabled,
-  onPageChange
-}: UsePaginationProps) => {
-  /** Items and pages to be displayed */
-  pages: {
-    /** Page number, "ellipsis" for ellipsis items */
-    page: number | "ellipsis";
-    /** Unique key for the item */
-    key: string;
-    /** Properties to spread on PaginationButton */
-    buttonProps: {
-      'aria-current': "page" | undefined;
-      onClick: () => void;
-      variant: "text";
-    } | null;
-  }[];
-  /** Properties to spread on PaginationButton used for previous navigation */
-  prevButtonProps: PaginationButtonProps;
-  /** Properties to spread on PaginationButton used for next naviagation */
-  nextButtonProps: PaginationButtonProps;
-  /** If previous page action should be shown */
-  hasPrev: boolean;
-  /** If next page action should be shown */
-  hasNext: boolean;
-};
-//#endregion
-//#region src/components/alert/alert-footer.d.ts
-type AlertFooterProps = MergeRight<HTMLAttributes<HTMLDivElement>, {
-  /**
-   * Change the default rendered element for the one passed as a child, merging their props and behavior.
-   * @default false
-   */
-  asChild?: boolean;
-  ref?: Ref<HTMLDivElement>;
-}>;
-declare const AlertFooter: ({
-  className,
-  children,
-  asChild,
-  ref,
-  ...rest
-}: AlertFooterProps) => react_jsx_runtime0.JSX.Element;
-//#endregion
-export { Label as $, Details as $t, SelectProps as A, AlertProps as An, DrawerFooterProps as At, SubNavbarProps as B, DialogTriggerProps as Bt, Selectfield as C, Button as Cn, Popover as Ct, SelectOption as D, Avatar as Dn, DrawerTrigger as Dt, SelectOptgroupProps as E, BadgeProps as En, DrawerCloseButtonProps as Et, PaginationButton as F, Drawer as Ft, Link as G, DialogContent as Gt, NavbarProps as H, DialogFooterProps as Ht, PaginationButtonProps as I, DrawerProps as It, FooterProps as J, DialogProps as Jt, LinkProps as K, DialogContentProps as Kt, Pagination as L, DialogCloseButton as Lt, SearchProps as M, DrawerHeaderProps as Mt, Radio as N, DrawerContent as Nt, SelectOptionProps as O, AvatarProps as On, DrawerTriggerProps as Ot, RadioProps as P, DrawerContentProps as Pt, FieldsetLegendProps as Q, DetailsContentProps as Qt, PaginationProps as R, DialogCloseButtonProps as Rt, SkipLinkProps as S, CardProps as Sn, PopoverTriggerProps as St, SelectOptgroup as T, Badge as Tn, DrawerCloseButton as Tt, Logo as U, DialogHeader as Ut, Navbar as V, DialogFooter as Vt, LogoProps as W, DialogHeaderProps as Wt, FilterGroupProps as X, DetailsSummaryProps as Xt, FilterGroup as Y, DetailsSummary as Yt, FieldsetLegend as Z, DetailsContent as Zt, Tabs as _, CardAction as _n, DropdownButton as _t, ValidationMessage as a, Checkbox as an, FieldAffix as at, SpinnerProps as b, CardActionsProps as bn, DropdownProps as bt, TextfieldProps as c, InputProps as cn, FieldAffixesProps as ct, TabsPanel as d, CardMedia as dn, Field as dt, DetailsProps as en, LabelProps as et, TabsPanelProps as f, CardMediaProps as fn, FieldProps as ft, TabProps as g, CardContentProps as gn, DropdownTriggerProps as gt, Tab as h, CardContent as hn, DropdownTrigger as ht, usePagination as i, CheckboxSubsectionProps as in, FieldsetProps as it, Search as j, DrawerHeader as jt, Select as k, Alert as kn, DrawerFooter as kt, Textarea as l, CardDate as ln, FieldDescription as lt, TabsListProps as m, CardHeaderProps as mn, DropdownTriggerContextProps as mt, AlertFooterProps as n, ChipProps as nn, FieldsetDescriptionProps as nt, ValidationMessageProps as o, CheckboxProps as on, FieldAffixProps as ot, TabsList as p, CardHeader as pn, DropdownTriggerContext as pt, Footer as q, Dialog as qt, UsePaginationProps as r, CheckboxSubsection as rn, Fieldset as rt, Textfield as s, Input as sn, FieldAffixes as st, AlertFooter as t, Chip as tn, FieldsetDescription as tt, TextareaProps as u, CardDateProps as un, FieldDescriptionProps as ut, TabsProps as v, CardActionProps as vn, DropdownButtonProps as vt, SelectfieldProps as w, ButtonProps as wn, PopoverProps as wt, SkipLink as x, Card as xn, PopoverTrigger as xt, Spinner as y, CardActions as yn, Dropdown as yt, SubNavbar as z, DialogTrigger as zt };
-//# sourceMappingURL=alert-footer-UAe5dxDo.d.ts.map