@bi-digital/react 0.2.22 → 0.2.24

package/dist/{alert-footer-CmqpWEov.d.ts → alert-footer-D9CtX3s3.d.ts}

@@ -1,67 +1,7 @@
-import { AsChildProps, DefaultProps, LabelRequiredProps } from "./types-Mj1poXVf.js";
-import { MergeRight } from "./types-DC-FPmDA.js";
-import * as react_jsx_runtime3 from "react/jsx-runtime";
+import { AsChildProps, DefaultProps, LabelRequiredProps } from "./types-Bga-EYiy.js";
+import { PopoverTriggerContextProps } from "./popover-trigger-context-CyMKQtlR.js";
+import { MergeRight } from "./types-CtaqzrVi.js";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
-import * as react_jsx_runtime1 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_runtime45 from "react/jsx-runtime";
-import * as react_jsx_runtime14 from "react/jsx-runtime";
-import * as react_jsx_runtime13 from "react/jsx-runtime";
-import * as react_jsx_runtime12 from "react/jsx-runtime";
-import * as react_jsx_runtime21 from "react/jsx-runtime";
-import * as react_jsx_runtime16 from "react/jsx-runtime";
-import * as react_jsx_runtime18 from "react/jsx-runtime";
-import * as react_jsx_runtime17 from "react/jsx-runtime";
-import * as react_jsx_runtime20 from "react/jsx-runtime";
-import * as react_jsx_runtime15 from "react/jsx-runtime";
-import * as react_jsx_runtime28 from "react/jsx-runtime";
-import * as react_jsx_runtime23 from "react/jsx-runtime";
-import * as react_jsx_runtime25 from "react/jsx-runtime";
-import * as react_jsx_runtime24 from "react/jsx-runtime";
-import * as react_jsx_runtime27 from "react/jsx-runtime";
-import * as react_jsx_runtime22 from "react/jsx-runtime";
-import * as react_jsx_runtime56 from "react/jsx-runtime";
-import * as react_jsx_runtime55 from "react/jsx-runtime";
-import * as react_jsx_runtime34 from "react/jsx-runtime";
-import * as react_jsx_runtime29 from "react/jsx-runtime";
-import * as react_jsx_runtime33 from "react/jsx-runtime";
-import * as react_jsx_runtime38 from "react/jsx-runtime";
-import * as react_jsx_runtime37 from "react/jsx-runtime";
-import * as react_jsx_runtime35 from "react/jsx-runtime";
-import * as react_jsx_runtime41 from "react/jsx-runtime";
-import * as react_jsx_runtime39 from "react/jsx-runtime";
-import * as react_jsx_runtime46 from "react/jsx-runtime";
-import * as react_jsx_runtime40 from "react/jsx-runtime";
-import * as react_jsx_runtime42 from "react/jsx-runtime";
-import * as react_jsx_runtime44 from "react/jsx-runtime";
-import * as react_jsx_runtime47 from "react/jsx-runtime";
-import * as react_jsx_runtime48 from "react/jsx-runtime";
-import * as react_jsx_runtime49 from "react/jsx-runtime";
-import * as react_jsx_runtime19 from "react/jsx-runtime";
-import * as react_jsx_runtime52 from "react/jsx-runtime";
-import * as react_jsx_runtime50 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_runtime62 from "react/jsx-runtime";
-import * as react_jsx_runtime61 from "react/jsx-runtime";
-import * as react_jsx_runtime60 from "react/jsx-runtime";
-import * as react_jsx_runtime59 from "react/jsx-runtime";
-import * as react_jsx_runtime63 from "react/jsx-runtime";
-import * as react_jsx_runtime68 from "react/jsx-runtime";
-import * as react_jsx_runtime65 from "react/jsx-runtime";
-import * as react_jsx_runtime66 from "react/jsx-runtime";
-import * as react_jsx_runtime67 from "react/jsx-runtime";
-import * as react_jsx_runtime69 from "react/jsx-runtime";
-import * as react_jsx_runtime70 from "react/jsx-runtime";
-import * as react_jsx_runtime71 from "react/jsx-runtime";
-import * as react_jsx_runtime2 from "react/jsx-runtime";
 import { AnchorHTMLAttributes, AriaAttributes, ButtonHTMLAttributes, DialogHTMLAttributes, FieldsetHTMLAttributes, HTMLAttributes, HtmlHTMLAttributes, InputHTMLAttributes, LabelHTMLAttributes, OptgroupHTMLAttributes, OptionHTMLAttributes, ReactNode, Ref, SelectHTMLAttributes, TextareaHTMLAttributes } from "react";
 import { Middleware, Placement } from "@floating-ui/dom";
 
@@ -99,7 +39,7 @@ declare const Alert: ({
   size,
   ref,
   ...rest
-}: AlertProps) => react_jsx_runtime3.JSX.Element;
+}: AlertProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/avatar/avatar.d.ts
 type AvatarProps = MergeRight<DefaultProps & HTMLAttributes<HTMLSpanElement>, {
@@ -170,7 +110,7 @@ declare const Badge: ({
   asChild,
   ref,
   ...props
-}: BadgeProps) => react_jsx_runtime1.JSX.Element;
+}: BadgeProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/button/button.d.ts
 type ButtonProps = MergeRight<DefaultProps & ButtonHTMLAttributes<HTMLButtonElement>, {
@@ -235,7 +175,7 @@ declare const Button: ({
   active,
   ref,
   ...props
-}: ButtonProps) => react_jsx_runtime4.JSX.Element;
+}: ButtonProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/card/card.d.ts
 type CardProps = MergeRight<DefaultProps & HTMLAttributes<HTMLDivElement>, {
@@ -267,7 +207,7 @@ declare const Card: ({
   children,
   asChild,
   ...props
-}: CardProps) => react_jsx_runtime11.JSX.Element;
+}: CardProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/card/card-actions.d.ts
 type CardActionsProps = MergeRight<HTMLAttributes<HTMLDivElement>, {
@@ -278,7 +218,7 @@ declare const CardActions: ({
   ref,
   children,
   ...props
-}: CardActionsProps) => react_jsx_runtime6.JSX.Element;
+}: CardActionsProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/card/card-action.d.ts
 type CardActionProps = ButtonProps;
@@ -289,7 +229,7 @@ declare const CardAction: ({
   dark,
   className,
   ...props
-}: CardActionProps) => react_jsx_runtime5.JSX.Element;
+}: CardActionProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/card/card-content.d.ts
 type CardContentProps = MergeRight<HTMLAttributes<HTMLDivElement>, {
@@ -307,7 +247,7 @@ declare const CardContent: ({
   children,
   asChild,
   ...props
-}: CardContentProps) => react_jsx_runtime7.JSX.Element;
+}: CardContentProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/card/card-header.d.ts
 type CardHeaderProps = MergeRight<Omit<HTMLAttributes<HTMLDivElement>, 'children'>, {
@@ -337,7 +277,7 @@ declare const CardHeader: ({
   subLabel,
   description,
   ...props
-}: CardHeaderProps) => react_jsx_runtime9.JSX.Element;
+}: CardHeaderProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/card/card-media.d.ts
 type CardMediaProps = MergeRight<HTMLAttributes<HTMLDivElement>, {
@@ -357,7 +297,7 @@ declare const CardMedia: ({
   children,
   overlay,
   ...props
-}: CardMediaProps) => react_jsx_runtime10.JSX.Element;
+}: CardMediaProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/card/card-date.d.ts
 type CardDateProps = MergeRight<Omit<HTMLAttributes<HTMLParagraphElement>, 'children'>, {
@@ -377,7 +317,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'>, {
@@ -413,7 +353,7 @@ declare const Input: ({
   readOnly,
   ref,
   ...props
-}: InputProps) => react_jsx_runtime45.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'>, {
@@ -442,7 +382,7 @@ declare const Checkbox: ({
   id,
   "aria-describedby": ariaDescribedByProp,
   ...props
-}: CheckboxProps) => react_jsx_runtime14.JSX.Element;
+}: CheckboxProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/checkbox/checkbox-subsection.d.ts
 type CheckboxSubsectionProps = MergeRight<DefaultProps & HtmlHTMLAttributes<HTMLDivElement>, {
@@ -454,7 +394,7 @@ declare const CheckboxSubsection: ({
   dark,
   ref,
   ...props
-}: CheckboxSubsectionProps) => react_jsx_runtime13.JSX.Element;
+}: CheckboxSubsectionProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/chip/chip.d.ts
 type ChipProps = MergeRight<DefaultProps & HTMLAttributes<HTMLDivElement>, {
@@ -487,7 +427,7 @@ declare const Chip: ({
   className,
   ref,
   ...props
-}: ChipProps) => react_jsx_runtime12.JSX.Element;
+}: ChipProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/dialog/dialog.d.ts
 type DialogProps = MergeRight<DefaultProps & DialogHTMLAttributes<HTMLDialogElement>, {
@@ -557,7 +497,7 @@ declare const Dialog: ({
   dark,
   ref,
   ...rest
-}: DialogProps) => react_jsx_runtime21.JSX.Element;
+}: DialogProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/dialog/dialog-content.d.ts
 type DialogContentProps = MergeRight<HTMLAttributes<HTMLDivElement>, {
@@ -580,7 +520,7 @@ declare const DialogContent: ({
   className,
   noBorder,
   ...rest
-}: DialogContentProps) => react_jsx_runtime16.JSX.Element;
+}: DialogContentProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/dialog/dialog-header.d.ts
 type DialogHeaderProps = MergeRight<HTMLAttributes<HTMLHeadingElement>, {
@@ -603,7 +543,7 @@ declare const DialogHeader: ({
   className,
   noBorder,
   ...rest
-}: DialogHeaderProps) => react_jsx_runtime18.JSX.Element;
+}: DialogHeaderProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/dialog/dialog-footer.d.ts
 type DialogFooterProps = MergeRight<HTMLAttributes<HTMLDivElement>, {
@@ -626,7 +566,7 @@ declare const DialogFooter: ({
   className,
   noBorder,
   ...rest
-}: DialogFooterProps) => react_jsx_runtime17.JSX.Element;
+}: DialogFooterProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/dialog/dialog-trigger.d.ts
 type DialogTriggerProps = ButtonProps;
@@ -634,7 +574,7 @@ declare const DialogTrigger: ({
   asChild,
   ref,
   ...rest
-}: DialogTriggerProps) => react_jsx_runtime20.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'>;
@@ -642,7 +582,7 @@ declare const DialogCloseButton: ({
   children,
   ref,
   ...props
-}: DialogCloseButtonProps) => react_jsx_runtime15.JSX.Element;
+}: DialogCloseButtonProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/drawer/drawer.d.ts
 type DrawerProps = MergeRight<DialogProps, {
@@ -688,7 +628,7 @@ declare const Drawer: ({
   className,
   ref,
   ...rest
-}: DrawerProps) => react_jsx_runtime28.JSX.Element;
+}: DrawerProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/drawer/drawer-content.d.ts
 type DrawerContentProps = DialogContentProps;
@@ -696,7 +636,7 @@ declare const DrawerContent: ({
   className,
   ref,
   ...rest
-}: DrawerContentProps) => react_jsx_runtime23.JSX.Element;
+}: DrawerContentProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/drawer/drawer-header.d.ts
 type DrawerHeaderProps = DialogHeaderProps;
@@ -704,7 +644,7 @@ declare const DrawerHeader: ({
   className,
   ref,
   ...rest
-}: DrawerHeaderProps) => react_jsx_runtime25.JSX.Element;
+}: DrawerHeaderProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/drawer/drawer-footer.d.ts
 type DrawerFooterProps = DialogFooterProps;
@@ -712,21 +652,21 @@ declare const DrawerFooter: ({
   className,
   ref,
   ...rest
-}: DrawerFooterProps) => react_jsx_runtime24.JSX.Element;
+}: DrawerFooterProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/drawer/drawer-trigger.d.ts
 type DrawerTriggerProps = DialogTriggerProps;
 declare const DrawerTrigger: ({
   ref,
   ...rest
-}: DrawerTriggerProps) => react_jsx_runtime27.JSX.Element;
+}: DrawerTriggerProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/drawer/drawer-close-button.d.ts
 type DrawerCloseButtonProps = DialogCloseButtonProps;
 declare const DrawerCloseButton: ({
   ref,
   ...rest
-}: DrawerCloseButtonProps) => react_jsx_runtime22.JSX.Element;
+}: DrawerCloseButtonProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/popover/popover.d.ts
 type PopoverProps = MergeRight<DefaultProps & HTMLAttributes<HTMLDivElement>, {
@@ -775,6 +715,11 @@ type PopoverProps = MergeRight<DefaultProps & HTMLAttributes<HTMLDivElement>, {
    * ```
    */
   positionMiddleware?: Middleware[];
+  /**
+   * The padding used by the `offset` middleware.
+   * @default '20'
+   */
+  padding?: number;
   /**
    * Change the default rendered element for the one passed as a child, merging their props and behavior.
    * @default false
@@ -807,11 +752,12 @@ declare const Popover: ({
   placement,
   disableAutoPlacement,
   positionMiddleware,
+  padding,
   dark,
   asChild,
   ref,
   ...rest
-}: PopoverProps) => react_jsx_runtime56.JSX.Element;
+}: PopoverProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/popover/popover-trigger.d.ts
 type PopoverTriggerProps = ({
@@ -860,7 +806,7 @@ declare const PopoverTrigger: ({
   asChild,
   ref,
   ...rest
-}: PopoverTriggerProps) => react_jsx_runtime55.JSX.Element;
+}: PopoverTriggerProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/dropdown/dropdown.d.ts
 type DropdownProps = MergeRight<DefaultProps & PopoverProps, {
@@ -902,21 +848,44 @@ declare const Dropdown: ({
   className,
   ref,
   ...rest
-}: DropdownProps) => react_jsx_runtime34.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_runtime29.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_runtime33.JSX.Element;
+}: DropdownTriggerProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/dropdown/dropdown-trigger-context.d.ts
+type DropdownTriggerContextProps = PopoverTriggerContextProps;
+/**
+ * DropdownTriggerContext component, use to wrap a DropdownTrigger and Dropdown.
+ *
+ * @example
+ * <DropdownTriggerContext>
+ *  <DropdownTrigger>Dropdown</DropdownTrigger>
+ *  <Dropdown>
+ *   <DropdownHeading>Heading</DropdownHeading>
+ *    <DropdownList>
+ *      <DropdownItem>
+ *        <DropdownButton>Button</DropdownButton>
+ *      </DropdownItem>
+ *    </DropdownList>
+ *  </Dropdown>
+ * </DropdownTriggerContext>
+ */
+declare const DropdownTriggerContext: ({
+  children,
+  ...props
+}: DropdownTriggerContextProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/field/field.d.ts
 type FieldProps = MergeRight<DefaultProps & AsChildProps & HTMLAttributes<HTMLDivElement>, {
@@ -948,7 +917,7 @@ declare const Field: ({
   asChild,
   ref,
   ...props
-}: FieldProps) => react_jsx_runtime38.JSX.Element;
+}: FieldProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/field/field-description.d.ts
 type FieldDescriptionProps = MergeRight<AsChildProps & HTMLAttributes<HTMLDivElement>, {
@@ -959,7 +928,7 @@ declare const FieldDescription: ({
   className,
   ref,
   ...props
-}: FieldDescriptionProps) => react_jsx_runtime37.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'>, {
@@ -980,7 +949,7 @@ declare const FieldAffixes: ({
   asChild,
   ref,
   ...rest
-}: FieldAffixesProps) => react_jsx_runtime35.JSX.Element;
+}: FieldAffixesProps) => react_jsx_runtime0.JSX.Element;
 type FieldAffixProps = MergeRight<AsChildProps & Omit<HTMLAttributes<HTMLSpanElement>, 'prefix'>, {
   ref?: Ref<HTMLSpanElement>;
 }>;
@@ -1000,7 +969,7 @@ declare const FieldAffix: ({
   asChild,
   ref,
   ...rest
-}: FieldAffixProps) => react_jsx_runtime35.JSX.Element;
+}: FieldAffixProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/fieldset/fieldset.d.ts
 type FieldsetProps = MergeRight<DefaultProps & FieldsetHTMLAttributes<HTMLFieldSetElement>, {
@@ -1012,7 +981,7 @@ declare const Fieldset: ({
   dark,
   ref,
   ...props
-}: FieldsetProps) => react_jsx_runtime41.JSX.Element;
+}: FieldsetProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/fieldset/fieldset-description.d.ts
 type FieldsetDescriptionProps = MergeRight<AsChildProps & HTMLAttributes<HTMLParagraphElement>, {
@@ -1022,7 +991,7 @@ declare const FieldsetDescription: ({
   asChild,
   ref,
   ...props
-}: FieldsetDescriptionProps) => react_jsx_runtime39.JSX.Element;
+}: FieldsetDescriptionProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/label/label.d.ts
 type LabelProps = MergeRight<DefaultProps & AsChildProps & LabelHTMLAttributes<HTMLLabelElement>, {
@@ -1040,7 +1009,7 @@ declare const Label: ({
   asChild,
   ref,
   ...props
-}: LabelProps) => react_jsx_runtime46.JSX.Element;
+}: LabelProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/fieldset/fieldset-legend.d.ts
 type FieldsetLegendProps = MergeRight<LabelProps & HTMLAttributes<HTMLLegendElement>, {
@@ -1051,7 +1020,7 @@ declare const FieldsetLegend: ({
   dark,
   ref,
   ...props
-}: FieldsetLegendProps) => react_jsx_runtime40.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>, {
@@ -1078,7 +1047,7 @@ declare const FilterGroup: ({
   className,
   ref,
   ...props
-}: FilterGroupProps) => react_jsx_runtime42.JSX.Element;
+}: FilterGroupProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/footer/footer.d.ts
 type FooterProps = MergeRight<DefaultProps & HTMLAttributes<HTMLDivElement>, {
@@ -1114,7 +1083,7 @@ declare const Footer: ({
   children,
   ref,
   ...props
-}: FooterProps) => react_jsx_runtime44.JSX.Element;
+}: FooterProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/link/link.d.ts
 type LinkProps = MergeRight<DefaultProps & AnchorHTMLAttributes<HTMLAnchorElement>, {
@@ -1146,7 +1115,7 @@ declare const Link: ({
   underline,
   ref,
   ...rest
-}: LinkProps) => react_jsx_runtime47.JSX.Element;
+}: LinkProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/logo/logo.d.ts
 type LogoProps = MergeRight<DefaultProps & Omit<HTMLAttributes<HTMLSpanElement>, 'children'>, {
@@ -1176,7 +1145,7 @@ declare const Logo: ({
   className,
   ref,
   ...props
-}: LogoProps) => react_jsx_runtime48.JSX.Element;
+}: LogoProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/navbar/navbar.d.ts
 type NavbarProps = MergeRight<DefaultProps & HTMLAttributes<HTMLDivElement>, {
@@ -1214,7 +1183,7 @@ declare const Navbar: ({
   className,
   ref,
   ...props
-}: NavbarProps) => react_jsx_runtime49.JSX.Element;
+}: NavbarProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/navbar/sub-navbar.d.ts
 type SubNavbarProps = MergeRight<DefaultProps & HTMLAttributes<HTMLDivElement>, {
@@ -1226,7 +1195,7 @@ declare const SubNavbar: ({
   className,
   ref,
   ...props
-}: SubNavbarProps) => react_jsx_runtime19.JSX.Element;
+}: SubNavbarProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/pagination/pagination.d.ts
 type PaginationProps = MergeRight<DefaultProps & HTMLAttributes<HTMLDivElement>, {
@@ -1238,7 +1207,7 @@ declare const Pagination: ({
   ref,
   children,
   ...props
-}: PaginationProps) => react_jsx_runtime52.JSX.Element;
+}: PaginationProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/pagination/pagination-button.d.ts
 type PaginationButtonProps = ButtonProps & {
@@ -1251,7 +1220,7 @@ type PaginationButtonProps = ButtonProps & {
 declare const PaginationButton: ({
   ref,
   ...rest
-}: PaginationButtonProps) => react_jsx_runtime50.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'>, {
@@ -1277,7 +1246,7 @@ declare const Radio: ({
   id,
   "aria-describedby": ariaDescribedByProp,
   ...props
-}: RadioProps) => react_jsx_runtime57.JSX.Element;
+}: RadioProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/search/search.d.ts
 type SearchProps = MergeRight<Omit<InputProps, 'type' | 'size'>, {
@@ -1295,6 +1264,8 @@ type SearchProps = MergeRight<Omit<InputProps, 'type' | 'size'>, {
    * @defaultValue 'Clear'
    */
   clearAriaLabel?: string;
+  /** If true, the selectfield will take up the full available width */
+  fullwidth?: boolean;
 }>;
 declare const Search: ({
   className,
@@ -1305,8 +1276,9 @@ declare const Search: ({
   ref,
   dark,
   style,
+  fullwidth,
   ...props
-}: SearchProps) => react_jsx_runtime58.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'>, {
@@ -1327,7 +1299,7 @@ declare const Select: ({
   size,
   ref,
   ...props
-}: SelectProps) => react_jsx_runtime62.JSX.Element;
+}: SelectProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/select/select-option.d.ts
 type SelectOptionProps = MergeRight<AsChildProps & OptionHTMLAttributes<HTMLOptionElement>, {
@@ -1337,7 +1309,7 @@ declare const SelectOption: ({
   asChild,
   ref,
   ...props
-}: SelectOptionProps) => react_jsx_runtime61.JSX.Element;
+}: SelectOptionProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/select/select-optgroup.d.ts
 type SelectOptgroupProps = MergeRight<AsChildProps & OptgroupHTMLAttributes<HTMLOptGroupElement>, {
@@ -1347,7 +1319,31 @@ declare const SelectOptgroup: ({
   asChild,
   ref,
   ...props
-}: SelectOptgroupProps) => react_jsx_runtime60.JSX.Element;
+}: SelectOptgroupProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/selectfield/selectfield.d.ts
+type SelectfieldProps = MergeRight<LabelRequiredProps & SelectProps, {
+  /** Description */
+  description?: ReactNode;
+  /** Error message for field */
+  error?: ReactNode;
+  /** If true, the selectfield will take up the full available width */
+  fullwidth?: boolean;
+}>;
+declare const Selectfield: ({
+  children,
+  dark,
+  label,
+  description,
+  error,
+  style,
+  className,
+  fullwidth,
+  ref,
+  id: idProp,
+  "aria-describedby": ariaDescribedByProp,
+  ...props
+}: SelectfieldProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/skip-link/skip-link.d.ts
 type SkipLinkProps = MergeRight<DefaultProps & AsChildProps & AnchorHTMLAttributes<HTMLAnchorElement>, {
@@ -1359,7 +1355,7 @@ declare const SkipLink: ({
   className,
   dark,
   ...props
-}: SkipLinkProps) => react_jsx_runtime59.JSX.Element;
+}: SkipLinkProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/spinner/spinner.d.ts
 type SpinnerProps = MergeRight<DefaultProps & HTMLAttributes<HTMLSpanElement>, {
@@ -1381,7 +1377,7 @@ declare const Spinner: ({
   className,
   ref,
   ...props
-}: SpinnerProps) => react_jsx_runtime63.JSX.Element;
+}: SpinnerProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/tabs/tabs.d.ts
 type TabsProps = MergeRight<DefaultProps & Omit<HTMLAttributes<HTMLDivElement>, 'dir'>, {
@@ -1420,7 +1416,7 @@ declare const Tabs: ({
   dark,
   ref,
   ...props
-}: TabsProps) => react_jsx_runtime68.JSX.Element;
+}: TabsProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/tabs/tab.d.ts
 type TabProps = MergeRight<Omit<ButtonProps, 'variant' | 'type'>, {
@@ -1441,7 +1437,7 @@ declare const Tab: ({
   dark,
   ref,
   ...props
-}: TabProps) => react_jsx_runtime65.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'>, {
@@ -1465,7 +1461,7 @@ declare const TabsList: ({
   dark,
   ref,
   ...props
-}: TabsListProps) => react_jsx_runtime66.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'>, {
@@ -1489,7 +1485,7 @@ declare const TabsPanel: ({
   dark,
   ref,
   ...props
-}: TabsPanelProps) => react_jsx_runtime67.JSX.Element;
+}: TabsPanelProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/textarea/textarea.d.ts
 type TextareaProps = MergeRight<DefaultProps & Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'prefix'>, {
@@ -1506,7 +1502,7 @@ declare const Textarea: ({
   size,
   ref,
   ...props
-}: TextareaProps) => react_jsx_runtime69.JSX.Element;
+}: TextareaProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/textfield/textfield.d.ts
 type InputPropsFiltered = Omit<InputProps, 'prefix' | 'className' | 'style'>;
@@ -1526,6 +1522,8 @@ type BaseTextfieldProps = LabelRequiredProps & DefaultProps & {
   className?: InputProps['className'];
   /** `style` for the `Field` element */
   style?: InputProps['style'];
+  /** If true, the selectfield will take up the full available width */
+  fullwidth?: boolean;
 };
 type TextfieldTextareaProps = {
   /** Render `Textarea` instead of a `Input`. The `Textarea` has support for multiple rows of input. */
@@ -1548,11 +1546,12 @@ declare const Textfield: ({
   suffix,
   style,
   className,
+  fullwidth,
   ref,
   id: idProp,
   "aria-describedby": ariaDescribedByProp,
   ...props
-}: TextfieldProps) => react_jsx_runtime70.JSX.Element;
+}: TextfieldProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/validation-message/validation-message.d.ts
 type ValidationMessageProps = MergeRight<AsChildProps & HTMLAttributes<HTMLParagraphElement>, {
@@ -1567,7 +1566,7 @@ declare const ValidationMessage: ({
   asChild,
   ref,
   ...props
-}: ValidationMessageProps) => react_jsx_runtime71.JSX.Element;
+}: ValidationMessageProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/utilities/hooks/usePagination/usePagination.d.ts
 type UsePaginationProps = {
@@ -1672,7 +1671,7 @@ declare const AlertFooter: ({
   asChild,
   ref,
   ...rest
-}: AlertFooterProps) => react_jsx_runtime2.JSX.Element;
+}: 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, CheckboxSubsection, CheckboxSubsectionProps, Chip, ChipProps, Dialog, DialogCloseButton, DialogCloseButtonProps, DialogContent, DialogContentProps, DialogFooter, DialogFooterProps, DialogHeader, DialogHeaderProps, DialogProps, DialogTrigger, DialogTriggerProps, Drawer, DrawerCloseButton, DrawerCloseButtonProps, DrawerContent, DrawerContentProps, DrawerFooter, DrawerFooterProps, DrawerHeader, DrawerHeaderProps, DrawerProps, DrawerTrigger, DrawerTriggerProps, Dropdown, DropdownButton, DropdownButtonProps, DropdownProps, DropdownTrigger, DropdownTriggerProps, Field, FieldAffix, FieldAffixProps, FieldAffixes, FieldAffixesProps, FieldDescription, FieldDescriptionProps, FieldProps, Fieldset, FieldsetDescription, FieldsetDescriptionProps, FieldsetLegend, FieldsetLegendProps, FieldsetProps, FilterGroup, FilterGroupProps, Footer, FooterProps, Input, InputProps, Label, LabelProps, Link, LinkProps, Logo, LogoProps, Navbar, NavbarProps, Pagination, PaginationButton, PaginationButtonProps, PaginationProps, Popover, PopoverProps, PopoverTrigger, PopoverTriggerProps, Radio, RadioProps, Search, SearchProps, Select, SelectOptgroup, SelectOptgroupProps, SelectOption, SelectOptionProps, SelectProps, SkipLink, SkipLinkProps, Spinner, SpinnerProps, SubNavbar, SubNavbarProps, Tab, TabProps, Tabs, TabsList, TabsListProps, TabsPanel, TabsPanelProps, TabsProps, Textarea, TextareaProps, Textfield, TextfieldProps, UsePaginationProps, ValidationMessage, ValidationMessageProps, usePagination };
-//# sourceMappingURL=alert-footer-CmqpWEov.d.ts.map
+export { Alert, AlertFooter, AlertFooterProps, AlertProps, Avatar, AvatarProps, Badge, BadgeProps, Button, ButtonProps, Card, CardAction, CardActionProps, CardActions, CardActionsProps, CardContent, CardContentProps, CardDate, CardDateProps, CardHeader, CardHeaderProps, CardMedia, CardMediaProps, CardProps, Checkbox, CheckboxProps, CheckboxSubsection, CheckboxSubsectionProps, Chip, type ChipProps, Dialog, DialogCloseButton, DialogCloseButtonProps, DialogContent, DialogContentProps, DialogFooter, DialogFooterProps, DialogHeader, DialogHeaderProps, DialogProps, DialogTrigger, DialogTriggerProps, Drawer, DrawerCloseButton, DrawerCloseButtonProps, DrawerContent, DrawerContentProps, DrawerFooter, DrawerFooterProps, DrawerHeader, DrawerHeaderProps, DrawerProps, DrawerTrigger, DrawerTriggerProps, Dropdown, DropdownButton, type DropdownButtonProps, type DropdownProps, DropdownTrigger, DropdownTriggerContext, type DropdownTriggerContextProps, type DropdownTriggerProps, Field, FieldAffix, FieldAffixProps, FieldAffixes, FieldAffixesProps, FieldDescription, FieldDescriptionProps, FieldProps, Fieldset, FieldsetDescription, FieldsetDescriptionProps, FieldsetLegend, FieldsetLegendProps, FieldsetProps, FilterGroup, FilterGroupProps, Footer, FooterProps, Input, InputProps, Label, LabelProps, Link, LinkProps, Logo, LogoProps, Navbar, NavbarProps, Pagination, PaginationButton, PaginationButtonProps, PaginationProps, Popover, type PopoverProps, PopoverTrigger, type PopoverTriggerProps, Radio, RadioProps, Search, SearchProps, Select, SelectOptgroup, SelectOptgroupProps, SelectOption, SelectOptionProps, SelectProps, Selectfield, SelectfieldProps, SkipLink, SkipLinkProps, Spinner, SpinnerProps, SubNavbar, SubNavbarProps, Tab, TabProps, Tabs, TabsList, TabsListProps, TabsPanel, TabsPanelProps, TabsProps, Textarea, TextareaProps, Textfield, TextfieldProps, type UsePaginationProps, ValidationMessage, ValidationMessageProps, usePagination };
+//# sourceMappingURL=alert-footer-D9CtX3s3.d.ts.map