@bi-digital/react 0.9.0 → 0.11.0

package/dist/{alert-footer-CHHPzMiX.d.mts → alert-footer-D_kCDrhn.d.mts}

@@ -1,7 +1,9 @@
-import { n as DefaultProps, r as LabelRequiredProps, t as AsChildProps } from "./types-Bgj7p8nD.mjs";
-import { r as PopoverTriggerContextProps } from "./popover-trigger-context-sQGC75uf.mjs";
-import { t as MergeRight } from "./types-Biyhmxh9.mjs";
-import * as react_jsx_runtime8 from "react/jsx-runtime";
+import { n as DefaultProps, r as LabelRequiredProps, t as AsChildProps } from "./types-BXsMIYrD.mjs";
+import { r as PopoverTriggerContextProps } from "./popover-trigger-context-DTh-_AMm.mjs";
+import { t as MergeRight } from "./types-CgAV-Uiu.mjs";
+import { DSTabElement, DSTabListElement, DSTabPanelElement, DSTabsElement } from "@digdir/designsystemet-web";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as react from "react";
 import { AnchorHTMLAttributes, AriaAttributes, ButtonHTMLAttributes, DialogHTMLAttributes, FieldsetHTMLAttributes, HTMLAttributes, HtmlHTMLAttributes, InputHTMLAttributes, LabelHTMLAttributes, OptgroupHTMLAttributes, OptionHTMLAttributes, ReactNode, Ref, SelectHTMLAttributes, TextareaHTMLAttributes } from "react";
 import { Middleware, Placement } from "@floating-ui/dom";
 
@@ -37,7 +39,7 @@ declare const Alert: ({
   size,
   ref,
   ...rest
-}: AlertProps) => react_jsx_runtime8.JSX.Element;
+}: AlertProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/avatar/avatar.d.ts
 type AvatarProps = MergeRight<DefaultProps & HTMLAttributes<HTMLSpanElement>, {
@@ -77,7 +79,7 @@ declare const Avatar: ({
   color,
   children,
   ...props
-}: AvatarProps) => react_jsx_runtime8.JSX.Element;
+}: AvatarProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/badge/badge.d.ts
 type BadgeProps = MergeRight<DefaultProps & AsChildProps & HTMLAttributes<HTMLSpanElement>, {
@@ -108,7 +110,7 @@ declare const Badge: ({
   asChild,
   ref,
   ...props
-}: BadgeProps) => react_jsx_runtime8.JSX.Element;
+}: BadgeProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/button/button.d.ts
 type ButtonProps = MergeRight<DefaultProps & ButtonHTMLAttributes<HTMLButtonElement>, {
@@ -127,12 +129,6 @@ type ButtonProps = MergeRight<DefaultProps & ButtonHTMLAttributes<HTMLButtonElem
    * @default false
    */
   fullwidth?: boolean;
-  /**
-   * Stretch the button to the full width.
-   * @deprecated Use `fullwidth` instead, which is more consistent with other components. `stretch` will be removed in a future release.
-   * @default false
-   */
-  stretch?: boolean;
   /**
    * Display a loading animation with the Spinner-component.
    * Replaces the `startIcon` if used
@@ -166,7 +162,6 @@ declare const Button: ({
   variant,
   size,
   fullwidth,
-  stretch,
   dark,
   submitting,
   icon,
@@ -177,7 +172,7 @@ declare const Button: ({
   active,
   ref,
   ...props
-}: ButtonProps) => react_jsx_runtime8.JSX.Element;
+}: ButtonProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/card/card.d.ts
 type CardProps = MergeRight<DefaultProps & HTMLAttributes<HTMLDivElement>, {
@@ -209,7 +204,7 @@ declare const Card: ({
   children,
   asChild,
   ...props
-}: CardProps) => react_jsx_runtime8.JSX.Element;
+}: CardProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/card/card-actions.d.ts
 type CardActionsProps = MergeRight<HTMLAttributes<HTMLDivElement>, {
@@ -220,7 +215,7 @@ declare const CardActions: ({
   ref,
   children,
   ...props
-}: CardActionsProps) => react_jsx_runtime8.JSX.Element;
+}: CardActionsProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/card/card-action.d.ts
 type CardActionProps = ButtonProps;
@@ -231,7 +226,7 @@ declare const CardAction: ({
   dark,
   className,
   ...props
-}: CardActionProps) => react_jsx_runtime8.JSX.Element;
+}: CardActionProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/card/card-content.d.ts
 type CardContentProps = MergeRight<HTMLAttributes<HTMLDivElement>, {
@@ -249,7 +244,7 @@ declare const CardContent: ({
   children,
   asChild,
   ...props
-}: CardContentProps) => react_jsx_runtime8.JSX.Element;
+}: CardContentProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/card/card-header.d.ts
 type CardHeaderProps = MergeRight<Omit<HTMLAttributes<HTMLDivElement>, 'children'>, {
@@ -279,7 +274,7 @@ declare const CardHeader: ({
   subLabel,
   description,
   ...props
-}: CardHeaderProps) => react_jsx_runtime8.JSX.Element;
+}: CardHeaderProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/card/card-media.d.ts
 type CardMediaProps = MergeRight<HTMLAttributes<HTMLDivElement>, {
@@ -299,7 +294,7 @@ declare const CardMedia: ({
   children,
   overlay,
   ...props
-}: CardMediaProps) => react_jsx_runtime8.JSX.Element;
+}: CardMediaProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/card/card-date.d.ts
 type CardDateProps = MergeRight<Omit<HTMLAttributes<HTMLParagraphElement>, 'children'>, {
@@ -319,7 +314,7 @@ declare const CardDate: ({
   day,
   month,
   ...props
-}: CardDateProps) => react_jsx_runtime8.JSX.Element;
+}: CardDateProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/input/input.d.ts
 type InputProps = MergeRight<DefaultProps & Omit<InputHTMLAttributes<HTMLInputElement>, 'prefix' | 'type'>, {
@@ -353,7 +348,7 @@ declare const Input: ({
   readOnly,
   ref,
   ...props
-}: InputProps) => react_jsx_runtime8.JSX.Element;
+}: InputProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/checkbox/checkbox.d.ts
 type CheckboxProps = MergeRight<LabelRequiredProps & Omit<InputProps, 'type' | 'role' | 'size'>, {
@@ -377,7 +372,7 @@ declare const Checkbox: ({
   id,
   "aria-describedby": ariaDescribedByProp,
   ...props
-}: CheckboxProps) => react_jsx_runtime8.JSX.Element;
+}: CheckboxProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/checkbox/checkbox-subsection.d.ts
 type CheckboxSubsectionProps = MergeRight<DefaultProps & HtmlHTMLAttributes<HTMLDivElement>, {
@@ -389,7 +384,7 @@ declare const CheckboxSubsection: ({
   dark,
   ref,
   ...props
-}: CheckboxSubsectionProps) => react_jsx_runtime8.JSX.Element;
+}: CheckboxSubsectionProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/chip/chip.d.ts
 type ChipProps = MergeRight<DefaultProps & HTMLAttributes<HTMLDivElement>, {
@@ -427,7 +422,7 @@ declare const Chip: ({
   className,
   ref,
   ...props
-}: ChipProps) => react_jsx_runtime8.JSX.Element;
+}: ChipProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/details/details.d.ts
 type DetailsProps = MergeRight<DefaultProps & HTMLAttributes<HTMLDetailsElement>, {
@@ -479,7 +474,7 @@ declare const Details: ({
   onToggle,
   ref,
   ...rest
-}: DetailsProps) => react_jsx_runtime8.JSX.Element;
+}: DetailsProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/details/details-content.d.ts
 type DetailsContentProps = MergeRight<HTMLAttributes<HTMLParagraphElement>, {
@@ -502,7 +497,7 @@ declare const DetailsContent: ({
   children,
   ref,
   ...rest
-}: DetailsContentProps) => react_jsx_runtime8.JSX.Element;
+}: DetailsContentProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/details/details-summary.d.ts
 type DetailsSummaryProps = MergeRight<HTMLAttributes<HTMLElement>, {
@@ -522,10 +517,15 @@ declare const DetailsSummary: ({
   icon,
   ref,
   ...rest
-}: DetailsSummaryProps) => react_jsx_runtime8.JSX.Element;
+}: DetailsSummaryProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/dialog/dialog.d.ts
 type DialogProps = MergeRight<DefaultProps & DialogHTMLAttributes<HTMLDialogElement>, {
+  /**
+   * When not "center", displays the dialog as a "drawer" from the specified side.
+   * @default 'center'
+   */
+  anchor?: 'center' | 'left' | 'right' | 'top' | 'bottom';
   /**
    * Dismiss behavior.
    *
@@ -544,11 +544,6 @@ type DialogProps = MergeRight<DefaultProps & DialogHTMLAttributes<HTMLDialogElem
    * 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>;
 }>;
 /**
@@ -561,38 +556,36 @@ type DialogProps = MergeRight<DefaultProps & DialogHTMLAttributes<HTMLDialogElem
  *     <DialogHeader>Dialog Header</DialogHeader>
  *     <DialogContent>Dialog Content</DialogContent>
  *     <DialogFooter>
- *       <Button variant='text'>Cancel</Button>
+ *       <DialogCloseButton variant='text'>Cancel</DialogCloseButton>
  *       <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}>
+ * <Button command="show-modal" commandfor="my-dialog">Open Dialog</Button>
+ * <Dialog id="my-dialog">
  *   <DialogHeader>Dialog Header</DialogHeader>
  *   <DialogContent>Dialog Content</DialogContent>
  *   <DialogFooter>
- *     <Button variant='text'>Cancel</Button>
+ *     <Button variant="text" command="close" commandfor="my-dialog">Cancel</Button>
  *     <Button>Confirm</Button>
  *   </DialogFooter>
  * </Dialog>
  */
 declare const Dialog: ({
-  asChild,
+  anchor,
   children,
   className,
   closedby,
+  id,
+  onAnimationEnd,
   onClose,
   open,
   dark,
   ref,
   ...rest
-}: DialogProps) => react_jsx_runtime8.JSX.Element;
+}: DialogProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/dialog/dialog-content.d.ts
 type DialogContentProps = MergeRight<HTMLAttributes<HTMLDivElement>, {
@@ -615,7 +608,7 @@ declare const DialogContent: ({
   className,
   noBorder,
   ...rest
-}: DialogContentProps) => react_jsx_runtime8.JSX.Element;
+}: DialogContentProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/dialog/dialog-header.d.ts
 type DialogHeaderProps = MergeRight<HTMLAttributes<HTMLHeadingElement>, {
@@ -638,7 +631,7 @@ declare const DialogHeader: ({
   className,
   noBorder,
   ...rest
-}: DialogHeaderProps) => react_jsx_runtime8.JSX.Element;
+}: DialogHeaderProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/dialog/dialog-footer.d.ts
 type DialogFooterProps = MergeRight<HTMLAttributes<HTMLDivElement>, {
@@ -661,7 +654,7 @@ declare const DialogFooter: ({
   className,
   noBorder,
   ...rest
-}: DialogFooterProps) => react_jsx_runtime8.JSX.Element;
+}: DialogFooterProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/dialog/dialog-trigger.d.ts
 type DialogTriggerProps = ButtonProps;
@@ -669,99 +662,19 @@ declare const DialogTrigger: ({
   asChild,
   ref,
   ...rest
-}: DialogTriggerProps) => react_jsx_runtime8.JSX.Element;
+}: DialogTriggerProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/dialog/dialog-close-button.d.ts
 type DialogCloseButtonProps = Omit<ButtonProps, 'asChild' | 'type' | 'name'>;
+/**
+ * A button that can be used to close the dialog. Must be used inside a `Dialog` that is wrapped in a `DialogTriggerContext`.
+ * If placed as the first direct child of the `Dialog`, it will be placed in the top right corner of the dialog, otherwise it will be placed where it is rendered.
+ */
 declare const DialogCloseButton: ({
   children,
   ref,
   ...props
-}: DialogCloseButtonProps) => react_jsx_runtime8.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_runtime8.JSX.Element;
-//#endregion
-//#region src/components/drawer/drawer-content.d.ts
-type DrawerContentProps = DialogContentProps;
-declare const DrawerContent: ({
-  className,
-  ref,
-  ...rest
-}: DrawerContentProps) => react_jsx_runtime8.JSX.Element;
-//#endregion
-//#region src/components/drawer/drawer-header.d.ts
-type DrawerHeaderProps = DialogHeaderProps;
-declare const DrawerHeader: ({
-  className,
-  ref,
-  ...rest
-}: DrawerHeaderProps) => react_jsx_runtime8.JSX.Element;
-//#endregion
-//#region src/components/drawer/drawer-footer.d.ts
-type DrawerFooterProps = DialogFooterProps;
-declare const DrawerFooter: ({
-  className,
-  ref,
-  ...rest
-}: DrawerFooterProps) => react_jsx_runtime8.JSX.Element;
-//#endregion
-//#region src/components/drawer/drawer-trigger.d.ts
-type DrawerTriggerProps = DialogTriggerProps;
-declare const DrawerTrigger: ({
-  ref,
-  ...rest
-}: DrawerTriggerProps) => react_jsx_runtime8.JSX.Element;
-//#endregion
-//#region src/components/drawer/drawer-close-button.d.ts
-type DrawerCloseButtonProps = DialogCloseButtonProps;
-declare const DrawerCloseButton: ({
-  ref,
-  ...rest
-}: DrawerCloseButtonProps) => react_jsx_runtime8.JSX.Element;
+}: DialogCloseButtonProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/popover/popover.d.ts
 type PopoverProps = MergeRight<DefaultProps & HTMLAttributes<HTMLDivElement>, {
@@ -858,7 +771,7 @@ declare const Popover: ({
   asChild,
   ref,
   ...rest
-}: PopoverProps) => react_jsx_runtime8.JSX.Element;
+}: PopoverProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/popover/popover-trigger.d.ts
 type PopoverTriggerProps = ({
@@ -907,7 +820,7 @@ declare const PopoverTrigger: ({
   asChild,
   ref,
   ...rest
-}: PopoverTriggerProps) => react_jsx_runtime8.JSX.Element;
+}: PopoverTriggerProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/dropdown/dropdown.d.ts
 type DropdownProps = MergeRight<DefaultProps & PopoverProps, {
@@ -949,21 +862,21 @@ declare const Dropdown: ({
   className,
   ref,
   ...rest
-}: DropdownProps) => react_jsx_runtime8.JSX.Element;
+}: 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_runtime8.JSX.Element;
+}: 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_runtime8.JSX.Element;
+}: DropdownTriggerProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/dropdown/dropdown-trigger-context.d.ts
 type DropdownTriggerContextProps = PopoverTriggerContextProps;
@@ -986,7 +899,7 @@ type DropdownTriggerContextProps = PopoverTriggerContextProps;
 declare const DropdownTriggerContext: ({
   children,
   ...props
-}: DropdownTriggerContextProps) => react_jsx_runtime8.JSX.Element;
+}: DropdownTriggerContextProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/field/field.d.ts
 type FieldProps = MergeRight<DefaultProps & AsChildProps & HTMLAttributes<HTMLDivElement>, {
@@ -1017,7 +930,7 @@ declare const Field: ({
   asChild,
   ref,
   ...props
-}: FieldProps) => react_jsx_runtime8.JSX.Element;
+}: FieldProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/field/field-description.d.ts
 type FieldDescriptionProps = MergeRight<AsChildProps & HTMLAttributes<HTMLDivElement>, {
@@ -1028,7 +941,7 @@ declare const FieldDescription: ({
   className,
   ref,
   ...props
-}: FieldDescriptionProps) => react_jsx_runtime8.JSX.Element;
+}: FieldDescriptionProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/field/field-affix.d.ts
 type FieldAffixesProps = MergeRight<AsChildProps & Omit<HTMLAttributes<HTMLDivElement>, 'prefix'>, {
@@ -1049,7 +962,7 @@ declare const FieldAffixes: ({
   asChild,
   ref,
   ...rest
-}: FieldAffixesProps) => react_jsx_runtime8.JSX.Element;
+}: FieldAffixesProps) => react_jsx_runtime0.JSX.Element;
 type FieldAffixProps = MergeRight<AsChildProps & Omit<HTMLAttributes<HTMLSpanElement>, 'prefix'>, {
   ref?: Ref<HTMLSpanElement>;
 }>;
@@ -1069,7 +982,7 @@ declare const FieldAffix: ({
   asChild,
   ref,
   ...rest
-}: FieldAffixProps) => react_jsx_runtime8.JSX.Element;
+}: FieldAffixProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/fieldset/fieldset.d.ts
 type FieldsetProps = MergeRight<DefaultProps & FieldsetHTMLAttributes<HTMLFieldSetElement>, {
@@ -1081,7 +994,7 @@ declare const Fieldset: ({
   dark,
   ref,
   ...props
-}: FieldsetProps) => react_jsx_runtime8.JSX.Element;
+}: FieldsetProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/fieldset/fieldset-description.d.ts
 type FieldsetDescriptionProps = MergeRight<AsChildProps & HTMLAttributes<HTMLParagraphElement>, {
@@ -1091,7 +1004,7 @@ declare const FieldsetDescription: ({
   asChild,
   ref,
   ...props
-}: FieldsetDescriptionProps) => react_jsx_runtime8.JSX.Element;
+}: FieldsetDescriptionProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/label/label.d.ts
 type LabelProps = MergeRight<DefaultProps & AsChildProps & LabelHTMLAttributes<HTMLLabelElement>, {
@@ -1109,7 +1022,7 @@ declare const Label: ({
   asChild,
   ref,
   ...props
-}: LabelProps) => react_jsx_runtime8.JSX.Element;
+}: LabelProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/fieldset/fieldset-legend.d.ts
 type FieldsetLegendProps = MergeRight<LabelProps & HTMLAttributes<HTMLLegendElement>, {
@@ -1120,7 +1033,7 @@ declare const FieldsetLegend: ({
   dark,
   ref,
   ...props
-}: FieldsetLegendProps) => react_jsx_runtime8.JSX.Element;
+}: FieldsetLegendProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/filter-group/filter-group.d.ts
 type FilterGroupProps = MergeRight<DefaultProps & AsChildProps & HtmlHTMLAttributes<HTMLDivElement>, {
@@ -1142,7 +1055,7 @@ declare const FilterGroup: ({
   className,
   ref,
   ...props
-}: FilterGroupProps) => react_jsx_runtime8.JSX.Element;
+}: FilterGroupProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/footer/footer.d.ts
 type FooterProps = MergeRight<DefaultProps & HTMLAttributes<HTMLDivElement>, {
@@ -1178,7 +1091,7 @@ declare const Footer: ({
   children,
   ref,
   ...props
-}: FooterProps) => react_jsx_runtime8.JSX.Element;
+}: FooterProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/link/link.d.ts
 type LinkProps = MergeRight<DefaultProps & AnchorHTMLAttributes<HTMLAnchorElement>, {
@@ -1210,7 +1123,7 @@ declare const Link: ({
   underline,
   ref,
   ...rest
-}: LinkProps) => react_jsx_runtime8.JSX.Element;
+}: LinkProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/logo/logo.d.ts
 type LogoProps = MergeRight<DefaultProps & Omit<HTMLAttributes<HTMLSpanElement>, 'children'>, {
@@ -1240,7 +1153,7 @@ declare const Logo: ({
   className,
   ref,
   ...props
-}: LogoProps) => react_jsx_runtime8.JSX.Element;
+}: LogoProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/navbar/navbar.d.ts
 type NavbarProps = MergeRight<DefaultProps & HTMLAttributes<HTMLDivElement>, {
@@ -1278,7 +1191,7 @@ declare const Navbar: ({
   className,
   ref,
   ...props
-}: NavbarProps) => react_jsx_runtime8.JSX.Element;
+}: NavbarProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/navbar/sub-navbar.d.ts
 type SubNavbarProps = MergeRight<DefaultProps & HTMLAttributes<HTMLDivElement>, {
@@ -1290,7 +1203,7 @@ declare const SubNavbar: ({
   className,
   ref,
   ...props
-}: SubNavbarProps) => react_jsx_runtime8.JSX.Element;
+}: SubNavbarProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/pagination/pagination.d.ts
 type PaginationProps = MergeRight<DefaultProps & HTMLAttributes<HTMLDivElement>, {
@@ -1302,7 +1215,7 @@ declare const Pagination: ({
   ref,
   children,
   ...props
-}: PaginationProps) => react_jsx_runtime8.JSX.Element;
+}: PaginationProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/pagination/pagination-button.d.ts
 type PaginationButtonProps = ButtonProps & {
@@ -1315,7 +1228,7 @@ type PaginationButtonProps = ButtonProps & {
 declare const PaginationButton: ({
   ref,
   ...rest
-}: PaginationButtonProps) => react_jsx_runtime8.JSX.Element;
+}: PaginationButtonProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/radio/radio.d.ts
 type RadioProps = MergeRight<LabelRequiredProps & Omit<InputProps, 'type' | 'role' | 'size'>, {
@@ -1337,7 +1250,7 @@ declare const Radio: ({
   id,
   "aria-describedby": ariaDescribedByProp,
   ...props
-}: RadioProps) => react_jsx_runtime8.JSX.Element;
+}: RadioProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/search/search.d.ts
 type SearchProps = MergeRight<Omit<InputProps, 'type' | 'size'>, {
@@ -1366,7 +1279,7 @@ declare const Search: ({
   style,
   fullwidth,
   ...props
-}: SearchProps) => react_jsx_runtime8.JSX.Element;
+}: SearchProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/select/select.d.ts
 type SelectProps = MergeRight<DefaultProps & Omit<SelectHTMLAttributes<HTMLSelectElement>, 'multiple' | 'size'>, {
@@ -1386,7 +1299,7 @@ declare const Select: ({
   size,
   ref,
   ...props
-}: SelectProps) => react_jsx_runtime8.JSX.Element;
+}: SelectProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/select/select-option.d.ts
 type SelectOptionProps = MergeRight<AsChildProps & OptionHTMLAttributes<HTMLOptionElement>, {
@@ -1396,7 +1309,7 @@ declare const SelectOption: ({
   asChild,
   ref,
   ...props
-}: SelectOptionProps) => react_jsx_runtime8.JSX.Element;
+}: SelectOptionProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/select/select-optgroup.d.ts
 type SelectOptgroupProps = MergeRight<AsChildProps & OptgroupHTMLAttributes<HTMLOptGroupElement>, {
@@ -1406,7 +1319,7 @@ declare const SelectOptgroup: ({
   asChild,
   ref,
   ...props
-}: SelectOptgroupProps) => react_jsx_runtime8.JSX.Element;
+}: SelectOptgroupProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/selectfield/selectfield.d.ts
 type SelectfieldProps = MergeRight<LabelRequiredProps & SelectProps, {
@@ -1427,7 +1340,7 @@ declare const Selectfield: ({
   id: idProp,
   "aria-describedby": ariaDescribedByProp,
   ...props
-}: SelectfieldProps) => react_jsx_runtime8.JSX.Element;
+}: SelectfieldProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/skip-link/skip-link.d.ts
 type SkipLinkProps = MergeRight<DefaultProps & AsChildProps & AnchorHTMLAttributes<HTMLAnchorElement>, {
@@ -1439,7 +1352,7 @@ declare const SkipLink: ({
   className,
   dark,
   ...props
-}: SkipLinkProps) => react_jsx_runtime8.JSX.Element;
+}: SkipLinkProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/spinner/spinner.d.ts
 type SpinnerProps = MergeRight<DefaultProps & HTMLAttributes<HTMLSpanElement>, {
@@ -1461,7 +1374,7 @@ declare const Spinner: ({
   className,
   ref,
   ...props
-}: SpinnerProps) => react_jsx_runtime8.JSX.Element;
+}: SpinnerProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/switch/switch.d.ts
 type SwitchProps = MergeRight<LabelRequiredProps & Omit<InputProps, 'type' | 'role' | 'size'> & Pick<FieldProps, 'position'>, {
@@ -1481,109 +1394,73 @@ declare const Switch: ({
   id,
   position,
   ...props
-}: SwitchProps) => react_jsx_runtime8.JSX.Element;
+}: SwitchProps) => 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`. */
+type TabsProps = MergeRight<DefaultProps & HTMLAttributes<DSTabsElement>, {
+  /** 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>;
+  ref?: Ref<DSTabsElement>;
 }>;
+type TabsContext = {
+  isControlled?: boolean;
+  currentValue?: string;
+  defaultValue?: string;
+  onChange?: (value: string) => void;
+  getPrefixedValue?: (value?: string) => string | undefined;
+};
+declare const Context: react.Context<TabsContext>;
 declare const Tabs: ({
-  activationMode,
-  orientation,
   defaultValue,
-  value,
+  value: valueProp,
   onChange,
   children,
   className,
-  asChild,
   dark,
   ref,
   ...props
-}: TabsProps) => react_jsx_runtime8.JSX.Element;
+}: TabsProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/tabs/tab.d.ts
-type TabProps = MergeRight<Omit<ButtonProps, 'variant' | 'type'>, {
+type TabProps = MergeRight<DefaultProps & HTMLAttributes<DSTabElement>, {
   /** 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;
+  ref?: Ref<DSTabElement>;
 }>;
 declare const Tab: ({
-  className,
   value,
-  disabled,
   children,
-  asChild,
   dark,
+  onClick,
+  onClickCapture,
   ref,
   ...props
-}: TabProps) => react_jsx_runtime8.JSX.Element;
+}: 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>;
+type TabsListProps = MergeRight<DefaultProps & HTMLAttributes<DSTabListElement>, {
+  ref?: Ref<DSTabListElement>;
 }>;
 declare const TabsList: ({
-  className,
-  loop,
   children,
-  asChild,
   dark,
   ref,
   ...props
-}: TabsListProps) => react_jsx_runtime8.JSX.Element;
+}: 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>;
+type TabsPanelProps = MergeRight<DefaultProps & HTMLAttributes<DSTabPanelElement>, {
+  /** A unique value that associates the content with a trigger. */value: string;
+  ref?: Ref<DSTabPanelElement>;
 }>;
 declare const TabsPanel: ({
-  className,
   value,
-  forceMount,
+  id,
   children,
-  asChild,
   dark,
   ref,
   ...props
-}: TabsPanelProps) => react_jsx_runtime8.JSX.Element;
+}: TabsPanelProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/textarea/textarea.d.ts
 type TextareaProps = MergeRight<DefaultProps & Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'prefix'>, {
@@ -1600,7 +1477,7 @@ declare const Textarea: ({
   size,
   ref,
   ...props
-}: TextareaProps) => react_jsx_runtime8.JSX.Element;
+}: TextareaProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/textfield/textfield.d.ts
 type InputPropsFiltered = Omit<InputProps, 'prefix' | 'className' | 'style'>;
@@ -1640,7 +1517,7 @@ declare const Textfield: ({
   id: idProp,
   "aria-describedby": ariaDescribedByProp,
   ...props
-}: TextfieldProps) => react_jsx_runtime8.JSX.Element;
+}: TextfieldProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/validation-message/validation-message.d.ts
 type ValidationMessageProps = MergeRight<AsChildProps & HTMLAttributes<HTMLParagraphElement>, {
@@ -1654,7 +1531,7 @@ declare const ValidationMessage: ({
   asChild,
   ref,
   ...props
-}: ValidationMessageProps) => react_jsx_runtime8.JSX.Element;
+}: ValidationMessageProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/utilities/hooks/usePagination/usePagination.d.ts
 type UsePaginationProps = {
@@ -1750,7 +1627,7 @@ declare const AlertFooter: ({
   asChild,
   ref,
   ...rest
-}: AlertFooterProps) => react_jsx_runtime8.JSX.Element;
+}: AlertFooterProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
-export { FieldsetLegend as $, DetailsContent as $t, SelectOptionProps as A, AvatarProps as An, DrawerTriggerProps as At, PaginationProps as B, DialogCloseButtonProps as Bt, SkipLink as C, Card as Cn, PopoverTrigger as Ct, SelectOptgroup as D, Badge as Dn, DrawerCloseButton as Dt, SelectfieldProps as E, ButtonProps as En, PopoverProps as Et, Radio as F, DrawerContent as Ft, Logo as G, DialogHeader as Gt, SubNavbarProps as H, DialogTriggerProps as Ht, RadioProps as I, DrawerContentProps as It, LinkProps as J, DialogContentProps as Jt, LogoProps as K, DialogHeaderProps as Kt, PaginationButton as L, Drawer as Lt, SelectProps as M, AlertProps as Mn, DrawerFooterProps as Mt, Search as N, DrawerHeader as Nt, SelectOptgroupProps as O, BadgeProps as On, DrawerCloseButtonProps as Ot, SearchProps as P, DrawerHeaderProps as Pt, FilterGroupProps as Q, DetailsSummaryProps as Qt, PaginationButtonProps as R, DrawerProps as Rt, SpinnerProps as S, CardActionsProps as Sn, DropdownProps as St, Selectfield as T, Button as Tn, Popover as Tt, Navbar as U, DialogFooter as Ut, SubNavbar as V, DialogTrigger as Vt, NavbarProps as W, DialogFooterProps as Wt, FooterProps as X, DialogProps as Xt, Footer as Y, Dialog as Yt, FilterGroup as Z, DetailsSummary as Zt, Tabs as _, CardContent as _n, DropdownTrigger as _t, ValidationMessage as a, CheckboxSubsection as an, Fieldset as at, SwitchProps as b, CardActionProps as bn, DropdownButtonProps as bt, TextfieldProps as c, CheckboxProps as cn, FieldAffixProps as ct, TabsPanel as d, CardDate as dn, FieldDescription as dt, DetailsContentProps as en, FieldsetLegendProps as et, TabsPanelProps as f, CardDateProps as fn, FieldDescriptionProps as ft, TabProps as g, CardHeaderProps as gn, DropdownTriggerContextProps as gt, Tab as h, CardHeader as hn, DropdownTriggerContext as ht, usePagination as i, ChipProps as in, FieldsetDescriptionProps as it, Select as j, Alert as jn, DrawerFooter as jt, SelectOption as k, Avatar as kn, DrawerTrigger as kt, Textarea as l, Input as ln, FieldAffixes as lt, TabsListProps as m, CardMediaProps as mn, FieldProps as mt, AlertFooterProps as n, DetailsProps as nn, LabelProps as nt, ValidationMessageProps as o, CheckboxSubsectionProps as on, FieldsetProps as ot, TabsList as p, CardMedia as pn, Field as pt, Link as q, DialogContent as qt, UsePaginationProps as r, Chip as rn, FieldsetDescription as rt, Textfield as s, Checkbox as sn, FieldAffix as st, AlertFooter as t, Details as tn, Label as tt, TextareaProps as u, InputProps as un, FieldAffixesProps as ut, TabsProps as v, CardContentProps as vn, DropdownTriggerProps as vt, SkipLinkProps as w, CardProps as wn, PopoverTriggerProps as wt, Spinner as x, CardActions as xn, Dropdown as xt, Switch as y, CardAction as yn, DropdownButton as yt, Pagination as z, DialogCloseButton as zt };
-//# sourceMappingURL=alert-footer-CHHPzMiX.d.mts.map
+export { FilterGroup as $, Input as $t, SelectOptgroupProps as A, DialogCloseButtonProps as At, PaginationButtonProps as B, DialogProps as Bt, Spinner as C, Dropdown as Ct, Selectfield as D, Popover as Dt, SkipLinkProps as E, PopoverTriggerProps as Et, Search as F, DialogHeader as Ft, Navbar as G, Details as Gt, PaginationProps as H, DetailsSummaryProps as Ht, SearchProps as I, DialogHeaderProps as It, LogoProps as J, ChipProps as Jt, NavbarProps as K, DetailsProps as Kt, Radio as L, DialogContent as Lt, SelectOptionProps as M, DialogTriggerProps as Mt, Select as N, DialogFooter as Nt, SelectfieldProps as O, PopoverProps as Ot, SelectProps as P, DialogFooterProps as Pt, FooterProps as Q, CheckboxProps as Qt, RadioProps as R, DialogContentProps as Rt, SwitchProps as S, AlertProps as Sn, DropdownButtonProps as St, SkipLink as T, PopoverTrigger as Tt, SubNavbar as U, DetailsContent as Ut, Pagination as V, DetailsSummary as Vt, SubNavbarProps as W, DetailsContentProps as Wt, LinkProps as X, CheckboxSubsectionProps as Xt, Link as Y, CheckboxSubsection as Yt, Footer as Z, Checkbox as Zt, Context as _, Badge as _n, DropdownTriggerContext as _t, ValidationMessage as a, CardHeader as an, FieldsetDescription as at, TabsProps as b, AvatarProps as bn, DropdownTriggerProps as bt, TextfieldProps as c, CardContentProps as cn, FieldsetProps as ct, TabsPanel as d, CardActions as dn, FieldAffixes as dt, InputProps as en, FilterGroupProps as et, TabsPanelProps as f, CardActionsProps as fn, FieldAffixesProps as ft, TabProps as g, ButtonProps as gn, FieldProps as gt, Tab as h, Button as hn, Field as ht, usePagination as i, CardMediaProps as in, LabelProps as it, SelectOption as j, DialogTrigger as jt, SelectOptgroup as k, DialogCloseButton as kt, Textarea as l, CardAction as ln, FieldAffix as lt, TabsListProps as m, CardProps as mn, FieldDescriptionProps as mt, AlertFooterProps as n, CardDateProps as nn, FieldsetLegendProps as nt, ValidationMessageProps as o, CardHeaderProps as on, FieldsetDescriptionProps as ot, TabsList as p, Card as pn, FieldDescription as pt, Logo as q, Chip as qt, UsePaginationProps as r, CardMedia as rn, Label as rt, Textfield as s, CardContent as sn, Fieldset as st, AlertFooter as t, CardDate as tn, FieldsetLegend as tt, TextareaProps as u, CardActionProps as un, FieldAffixProps as ut, Tabs as v, BadgeProps as vn, DropdownTriggerContextProps as vt, SpinnerProps as w, DropdownProps as wt, Switch as x, Alert as xn, DropdownButton as xt, TabsContext as y, Avatar as yn, DropdownTrigger as yt, PaginationButton as z, Dialog as zt };
+//# sourceMappingURL=alert-footer-D_kCDrhn.d.mts.map