@bi-digital/react 0.9.0 → 0.10.0

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

@@ -1,8 +1,10 @@
-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 { AnchorHTMLAttributes, AriaAttributes, ButtonHTMLAttributes, DialogHTMLAttributes, FieldsetHTMLAttributes, HTMLAttributes, HtmlHTMLAttributes, InputHTMLAttributes, LabelHTMLAttributes, OptgroupHTMLAttributes, OptionHTMLAttributes, ReactNode, Ref, SelectHTMLAttributes, TextareaHTMLAttributes } from "react";
+import { n as DefaultProps, r as LabelRequiredProps, t as AsChildProps } from "./types-BXsMIYrD.mjs";
+import { r as PopoverTriggerContextProps } from "./popover-trigger-context-BG1lPWXA.mjs";
+import { t as MergeRight } from "./types-74lJC5tL.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, RefObject, SelectHTMLAttributes, TextareaHTMLAttributes } from "react";
 import { Middleware, Placement } from "@floating-ui/dom";
 
 //#region src/components/alert/alert.d.ts
@@ -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,15 +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;
+}: DialogCloseButtonProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/drawer/drawer.d.ts
 type DrawerProps = MergeRight<DialogProps, {
@@ -690,6 +687,8 @@ type DrawerProps = MergeRight<DialogProps, {
 /**
  * Drawer component. On opening, the drawer slides in from the side it is anchored on, controlled by the anchor property.
  *
+ * @deprecated The Drawer component is deprecated in favor of using the Dialog component with the `anchor` prop set to "left", "right", "top" or "bottom". This allows for a more consistent API and reduces the need for multiple components with similar behavior. The Dialog component with the appropriate anchor can be used to achieve the same sliding drawer effect.
+ *
  * @example With TriggerContext:
  * <DrawerTriggerContext>
  *   <DrawerTrigger>Open Drawer</DrawerTrigger>
@@ -723,45 +722,60 @@ declare const Drawer: ({
   className,
   ref,
   ...rest
-}: DrawerProps) => react_jsx_runtime8.JSX.Element;
+}: DrawerProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/drawer/drawer-content.d.ts
 type DrawerContentProps = DialogContentProps;
+/**
+ * @deprecated The DrawerContent component is deprecated in favor of using the DialogContent component with the `anchor` prop set to "left", "right", "top" or "bottom". This allows for a more consistent API and reduces the need for multiple components with similar behavior. The DialogContent component with the appropriate anchor can be used to achieve the same sliding drawer effect.
+ */
 declare const DrawerContent: ({
   className,
   ref,
   ...rest
-}: DrawerContentProps) => react_jsx_runtime8.JSX.Element;
+}: DrawerContentProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/drawer/drawer-header.d.ts
 type DrawerHeaderProps = DialogHeaderProps;
+/**
+ * @deprecated The DrawerHeader component is deprecated in favor of using the DialogHeader component with the `anchor` prop set to "left", "right", "top" or "bottom". This allows for a more consistent API and reduces the need for multiple components with similar behavior. The DialogHeader component with the appropriate anchor can be used to achieve the same sliding drawer effect.
+ */
 declare const DrawerHeader: ({
   className,
   ref,
   ...rest
-}: DrawerHeaderProps) => react_jsx_runtime8.JSX.Element;
+}: DrawerHeaderProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/drawer/drawer-footer.d.ts
 type DrawerFooterProps = DialogFooterProps;
+/**
+ * @deprecated The DrawerFooter component is deprecated in favor of using the DialogFooter component with the `anchor` prop set to "left", "right", "top" or "bottom". This allows for a more consistent API and reduces the need for multiple components with similar behavior. The DialogFooter component with the appropriate anchor can be used to achieve the same sliding drawer effect.
+ */
 declare const DrawerFooter: ({
   className,
   ref,
   ...rest
-}: DrawerFooterProps) => react_jsx_runtime8.JSX.Element;
+}: DrawerFooterProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/drawer/drawer-trigger.d.ts
 type DrawerTriggerProps = DialogTriggerProps;
+/**
+ * @deprecated The DrawerTrigger component is deprecated in favor of using the DialogTrigger component with the `anchor` prop set to "left", "right", "top" or "bottom". This allows for a more consistent API and reduces the need for multiple components with similar behavior. The DialogTrigger component with the appropriate anchor can be used to achieve the same sliding drawer effect.
+ */
 declare const DrawerTrigger: ({
   ref,
   ...rest
-}: DrawerTriggerProps) => react_jsx_runtime8.JSX.Element;
+}: DrawerTriggerProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/drawer/drawer-close-button.d.ts
 type DrawerCloseButtonProps = DialogCloseButtonProps;
+/**
+ * @deprecated The DrawerCloseButton component is deprecated in favor of using the DialogCloseButton component with the `anchor` prop set to "left", "right", "top" or "bottom". This allows for a more consistent API and reduces the need for multiple components with similar behavior. The DialogCloseButton component with the appropriate anchor can be used to achieve the same sliding drawer effect.
+ */
 declare const DrawerCloseButton: ({
   ref,
   ...rest
-}: DrawerCloseButtonProps) => react_jsx_runtime8.JSX.Element;
+}: DrawerCloseButtonProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/popover/popover.d.ts
 type PopoverProps = MergeRight<DefaultProps & HTMLAttributes<HTMLDivElement>, {
@@ -858,7 +872,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 +921,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 +963,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 +1000,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 +1031,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 +1042,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 +1063,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 +1083,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 +1095,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 +1105,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 +1123,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 +1134,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 +1156,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 +1192,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 +1224,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 +1254,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 +1292,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 +1304,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 +1316,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 +1329,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 +1351,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 +1380,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 +1400,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 +1410,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 +1420,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 +1441,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 +1453,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 +1475,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 +1495,72 @@ 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 = {
+  value?: string;
+  defaultValue?: string;
+  onChange?: (value: string) => void;
+  getPrefixedValue?: (value?: string) => string | undefined;
+  isProgrammaticClick?: RefObject<boolean>;
+};
+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,
   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 +1577,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 +1617,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 +1631,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 +1727,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 $, DetailsSummary as $t, SelectOptgroupProps as A, BadgeProps as An, DrawerCloseButtonProps as At, PaginationButtonProps as B, DrawerProps as Bt, Spinner as C, CardActions as Cn, Dropdown as Ct, Selectfield as D, Button as Dn, Popover as Dt, SkipLinkProps as E, CardProps as En, PopoverTriggerProps as Et, Search as F, DrawerHeader as Ft, Navbar as G, DialogFooter as Gt, PaginationProps as H, DialogCloseButtonProps as Ht, SearchProps as I, DrawerHeaderProps as It, LogoProps as J, DialogHeaderProps as Jt, NavbarProps as K, DialogFooterProps as Kt, Radio as L, DrawerContent as Lt, SelectOptionProps as M, AvatarProps as Mn, DrawerTriggerProps as Mt, Select as N, Alert as Nn, DrawerFooter as Nt, SelectfieldProps as O, ButtonProps as On, PopoverProps as Ot, SelectProps as P, AlertProps as Pn, DrawerFooterProps as Pt, FooterProps as Q, DialogProps as Qt, RadioProps as R, DrawerContentProps as Rt, SwitchProps as S, CardActionProps as Sn, DropdownButtonProps as St, SkipLink as T, Card as Tn, PopoverTrigger as Tt, SubNavbar as U, DialogTrigger as Ut, Pagination as V, DialogCloseButton as Vt, SubNavbarProps as W, DialogTriggerProps as Wt, LinkProps as X, DialogContentProps as Xt, Link as Y, DialogContent as Yt, Footer as Z, Dialog as Zt, Context as _, CardHeader as _n, DropdownTriggerContext as _t, ValidationMessage as a, Chip as an, FieldsetDescription as at, TabsProps as b, CardContentProps as bn, DropdownTriggerProps as bt, TextfieldProps as c, CheckboxSubsectionProps as cn, FieldsetProps as ct, TabsPanel as d, Input as dn, FieldAffixes as dt, DetailsSummaryProps as en, FilterGroupProps as et, TabsPanelProps as f, InputProps as fn, FieldAffixesProps as ft, TabProps as g, CardMediaProps as gn, FieldProps as gt, Tab as h, CardMedia as hn, Field as ht, usePagination as i, DetailsProps as in, LabelProps as it, SelectOption as j, Avatar as jn, DrawerTrigger as jt, SelectOptgroup as k, Badge as kn, DrawerCloseButton as kt, Textarea as l, Checkbox as ln, FieldAffix as lt, TabsListProps as m, CardDateProps as mn, FieldDescriptionProps as mt, AlertFooterProps as n, DetailsContentProps as nn, FieldsetLegendProps as nt, ValidationMessageProps as o, ChipProps as on, FieldsetDescriptionProps as ot, TabsList as p, CardDate as pn, FieldDescription as pt, Logo as q, DialogHeader as qt, UsePaginationProps as r, Details as rn, Label as rt, Textfield as s, CheckboxSubsection as sn, Fieldset as st, AlertFooter as t, DetailsContent as tn, FieldsetLegend as tt, TextareaProps as u, CheckboxProps as un, FieldAffixProps as ut, Tabs as v, CardHeaderProps as vn, DropdownTriggerContextProps as vt, SpinnerProps as w, CardActionsProps as wn, DropdownProps as wt, Switch as x, CardAction as xn, DropdownButton as xt, TabsContext as y, CardContent as yn, DropdownTrigger as yt, PaginationButton as z, Drawer as zt };
+//# sourceMappingURL=alert-footer-42JbxJ0B.d.mts.map