@bi-digital/react 0.2.13 → 0.2.14

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

@@ -0,0 +1,1574 @@
+import { AsChildProps, DefaultProps, LabelRequiredProps } from "./types-CaBoIvtz.js";
+import { MergeRight } from "./types-DUx4Pkhy.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";
+import * as react_jsx_runtime4 from "react/jsx-runtime";
+import * as react_jsx_runtime11 from "react/jsx-runtime";
+import * as react_jsx_runtime6 from "react/jsx-runtime";
+import * as react_jsx_runtime5 from "react/jsx-runtime";
+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_runtime42 from "react/jsx-runtime";
+import * as react_jsx_runtime12 from "react/jsx-runtime";
+import * as react_jsx_runtime13 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_runtime16 from "react/jsx-runtime";
+import * as react_jsx_runtime15 from "react/jsx-runtime";
+import * as react_jsx_runtime19 from "react/jsx-runtime";
+import * as react_jsx_runtime26 from "react/jsx-runtime";
+import * as react_jsx_runtime21 from "react/jsx-runtime";
+import * as react_jsx_runtime23 from "react/jsx-runtime";
+import * as react_jsx_runtime22 from "react/jsx-runtime";
+import * as react_jsx_runtime25 from "react/jsx-runtime";
+import * as react_jsx_runtime53 from "react/jsx-runtime";
+import * as react_jsx_runtime52 from "react/jsx-runtime";
+import * as react_jsx_runtime32 from "react/jsx-runtime";
+import * as react_jsx_runtime27 from "react/jsx-runtime";
+import * as react_jsx_runtime31 from "react/jsx-runtime";
+import * as react_jsx_runtime36 from "react/jsx-runtime";
+import * as react_jsx_runtime35 from "react/jsx-runtime";
+import * as react_jsx_runtime33 from "react/jsx-runtime";
+import * as react_jsx_runtime39 from "react/jsx-runtime";
+import * as react_jsx_runtime37 from "react/jsx-runtime";
+import * as react_jsx_runtime43 from "react/jsx-runtime";
+import * as react_jsx_runtime38 from "react/jsx-runtime";
+import * as react_jsx_runtime41 from "react/jsx-runtime";
+import * as react_jsx_runtime44 from "react/jsx-runtime";
+import * as react_jsx_runtime45 from "react/jsx-runtime";
+import * as react_jsx_runtime46 from "react/jsx-runtime";
+import * as react_jsx_runtime49 from "react/jsx-runtime";
+import * as react_jsx_runtime47 from "react/jsx-runtime";
+import * as react_jsx_runtime54 from "react/jsx-runtime";
+import * as react_jsx_runtime55 from "react/jsx-runtime";
+import * as react_jsx_runtime66 from "react/jsx-runtime";
+import * as react_jsx_runtime65 from "react/jsx-runtime";
+import * as react_jsx_runtime64 from "react/jsx-runtime";
+import * as react_jsx_runtime56 from "react/jsx-runtime";
+import * as react_jsx_runtime60 from "react/jsx-runtime";
+import * as react_jsx_runtime57 from "react/jsx-runtime";
+import * as react_jsx_runtime58 from "react/jsx-runtime";
+import * as react_jsx_runtime59 from "react/jsx-runtime";
+import * as react_jsx_runtime61 from "react/jsx-runtime";
+import * as react_jsx_runtime62 from "react/jsx-runtime";
+import * as react_jsx_runtime63 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 { Middleware, Placement } from "@floating-ui/dom";
+import "@oddbird/popover-polyfill";
+
+//#region src/components/alert/alert.d.ts
+type AlertProps = MergeRight<DefaultProps & HTMLAttributes<HTMLDivElement>, {
+  /**
+   * The alert variant.
+   * @default 'info'
+   */
+  variant?: 'info' | 'success' | 'warning' | 'alert';
+  /**
+   * 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`. */
+  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_runtime1.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_runtime2.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_runtime3.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_runtime4.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' | '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_runtime11.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_runtime6.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_runtime5.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_runtime7.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_runtime9.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_runtime10.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_runtime8.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_runtime42.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;
+  ref?: Ref<HTMLInputElement>;
+}>;
+declare const Checkbox: ({
+  dark,
+  label,
+  description,
+  error,
+  style,
+  className,
+  indeterminate,
+  ref,
+  id,
+  "aria-describedby": ariaDescribedByProp,
+  ...props
+}: CheckboxProps) => react_jsx_runtime12.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' | 'primary-light' | 'info' | 'white' | 'primary' | 'alert' | 'warning' | 'success';
+  /** Set an icon before the chip label */
+  startIcon?: ReactNode;
+  ref?: Ref<HTMLDivElement>;
+  /**
+   * 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,
+  asChild,
+  className,
+  ref,
+  ...props
+}: ChipProps) => react_jsx_runtime13.JSX.Element;
+//#endregion
+//#region src/components/dialog/dialog.d.ts
+type DialogProps = MergeRight<DefaultProps & DialogHTMLAttributes<HTMLDialogElement>, {
+  /**
+   * Screen-reader label of the close button. The close button is not shown if not set.
+   */
+  closeLabel?: string;
+  /**
+   * 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,
+  closeLabel,
+  closedby,
+  onClose,
+  open,
+  dark,
+  ref,
+  ...rest
+}: DialogProps) => react_jsx_runtime20.JSX.Element;
+//#endregion
+//#region src/components/dialog/dialog-content.d.ts
+type DialogContentProps = 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 DialogContent: ({
+  asChild,
+  ref,
+  children,
+  className,
+  ...rest
+}: DialogContentProps) => react_jsx_runtime14.JSX.Element;
+//#endregion
+//#region src/components/dialog/dialog-header.d.ts
+type DialogHeaderProps = MergeRight<HTMLAttributes<HTMLHeadingElement>, {
+  /**
+   * 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,
+  ...rest
+}: DialogHeaderProps) => react_jsx_runtime16.JSX.Element;
+//#endregion
+//#region src/components/dialog/dialog-footer.d.ts
+type DialogFooterProps = 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 DialogFooter: ({
+  asChild,
+  ref,
+  children,
+  className,
+  ...rest
+}: DialogFooterProps) => react_jsx_runtime15.JSX.Element;
+//#endregion
+//#region src/components/dialog/dialog-trigger.d.ts
+type DialogTriggerProps = ButtonProps;
+declare const DialogTrigger: ({
+  asChild,
+  ref,
+  ...rest
+}: DialogTriggerProps) => react_jsx_runtime19.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_runtime26.JSX.Element;
+//#endregion
+//#region src/components/drawer/drawer-content.d.ts
+type DrawerContentProps = DialogContentProps;
+declare const DrawerContent: ({
+  className,
+  ref,
+  ...rest
+}: DrawerContentProps) => react_jsx_runtime21.JSX.Element;
+//#endregion
+//#region src/components/drawer/drawer-header.d.ts
+type DrawerHeaderProps = DialogHeaderProps;
+declare const DrawerHeader: ({
+  className,
+  ref,
+  ...rest
+}: DrawerHeaderProps) => react_jsx_runtime23.JSX.Element;
+//#endregion
+//#region src/components/drawer/drawer-footer.d.ts
+type DrawerFooterProps = DialogFooterProps;
+declare const DrawerFooter: ({
+  className,
+  ref,
+  ...rest
+}: DrawerFooterProps) => react_jsx_runtime22.JSX.Element;
+//#endregion
+//#region src/components/drawer/drawer-trigger.d.ts
+type DrawerTriggerProps = DialogTriggerProps;
+declare const DrawerTrigger: ({
+  ref,
+  ...rest
+}: DrawerTriggerProps) => react_jsx_runtime25.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 popover wants to open.
+   */
+  onOpen?: () => void;
+  /**
+   * Callback when the popover wants to close.
+   */
+  onClose?: () => 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[];
+  /**
+   * 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 popovertarget="my-popover">Open Popover</Button>
+ * <Popover id="my-popover">
+ *   Content
+ * </Popover>
+ */
+declare const Popover: ({
+  id,
+  className,
+  onClose,
+  onOpen,
+  open,
+  placement,
+  disableAutoPlacement,
+  positionMiddleware,
+  dark,
+  asChild,
+  ref,
+  ...rest
+}: PopoverProps) => react_jsx_runtime53.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_runtime52.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 popovertarget="some-dropdown">Trigger</Button>
+ * <Dropdown id="some-dropdown">
+ *   <DropdownHeading>Heading</DropdownHeading>
+ *   <DropdownList>
+ *     <DropdownItem>
+ *       <DropdownButton>Item</DropdownButton>
+ *     </DropdownItem>
+ *   </DropdownList>
+ * </Dropdown>
+ */
+declare const Dropdown: ({
+  placement,
+  className,
+  ref,
+  ...rest
+}: DropdownProps) => react_jsx_runtime32.JSX.Element;
+//#endregion
+//#region src/components/dropdown/dropdown-button.d.ts
+type DropdownButtonProps = Omit<ButtonProps, 'variant'>;
+declare const DropdownButton: ({
+  ref,
+  ...rest
+}: DropdownButtonProps) => react_jsx_runtime27.JSX.Element;
+//#endregion
+//#region src/components/dropdown/dropdown-trigger.d.ts
+type DropdownTriggerProps = PopoverTriggerProps;
+declare const DropdownTrigger: ({
+  ref,
+  ...rest
+}: DropdownTriggerProps) => react_jsx_runtime31.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';
+  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,
+  asChild,
+  ref,
+  ...props
+}: FieldProps) => react_jsx_runtime36.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_runtime35.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_runtime33.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_runtime33.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_runtime39.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_runtime37.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_runtime43.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_runtime38.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_runtime41.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';
+  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,
+  ref,
+  ...rest
+}: LinkProps) => react_jsx_runtime44.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_runtime45.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;
+  /**
+   * 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,
+  menuAreaLabel,
+  homeAriaLabel,
+  skipLink,
+  homeHref,
+  logo,
+  children,
+  className,
+  ref,
+  ...props
+}: NavbarProps) => react_jsx_runtime46.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_runtime49.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_runtime47.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;
+  ref?: Ref<HTMLInputElement>;
+}>;
+declare const Radio: ({
+  dark,
+  label,
+  description,
+  error,
+  style,
+  className,
+  ref,
+  id,
+  "aria-describedby": ariaDescribedByProp,
+  ...props
+}: RadioProps) => react_jsx_runtime54.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;
+  /**
+   * Aria-label for the clear button.
+   * @defaultValue 'Clear'
+   */
+  clearAriaLabel?: string;
+}>;
+declare const Search: ({
+  className,
+  onSubmit,
+  clearAriaLabel,
+  size,
+  ref,
+  dark,
+  style,
+  ...props
+}: SearchProps) => react_jsx_runtime55.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_runtime66.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_runtime65.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_runtime64.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_runtime56.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_runtime60.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_runtime57.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_runtime58.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_runtime59.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_runtime61.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'];
+};
+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,
+  ref,
+  id: idProp,
+  "aria-describedby": ariaDescribedByProp,
+  ...props
+}: TextfieldProps) => react_jsx_runtime62.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_runtime63.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 { 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, DialogContent, DialogContentProps, DialogFooter, DialogFooterProps, DialogHeader, DialogHeaderProps, DialogProps, DialogTrigger, DialogTriggerProps, Drawer, 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-CWTF8lZr.d.ts.map