@bi-digital/react 0.3.2 → 0.3.3

package/dist/alert-C6PxDwHt.js.map

@@ -1 +1 @@
-{"version":3,"file":"alert-C6PxDwHt.js","names":["variantIcons: Record<NonNullable<AlertProps['variant']>, React.ComponentType>"],"sources":["../src/components/alert/alert.tsx"],"sourcesContent":["import clsx from 'clsx/lite';\nimport { Slot } from '@radix-ui/react-slot';\nimport type { HTMLAttributes, ReactNode, Ref } from 'react';\nimport type { DefaultProps } from '../../types';\nimport type { MergeRight } from '../../utilities';\nimport { CheckmarkSmallIcon, ErrorIcon, InfoIcon, WarningIcon } from '@bi-digital/icons';\n\nexport type AlertProps = MergeRight<\n  DefaultProps & HTMLAttributes<HTMLDivElement>,\n  {\n    /**\n     * The alert variant.\n     * @default 'info'\n     */\n    variant?: 'info' | 'success' | 'warning' | 'alert';\n    /**\n     * Size of the alert.\n     * @default 'medium'\n     */\n    size?: 'small' | 'medium' | 'large';\n    /** Custom close button. It's your responsibility to make the button close the alert. */\n    closeButton?: ReactNode;\n    /** Override the default icon which is decided by the `variant`. */\n    icon?: ReactNode;\n    /**\n     * Change the default rendered element for the one passed as a child, merging their props and behavior.\n     * @default false\n     */\n    asChild?: boolean;\n    ref?: Ref<HTMLDivElement>;\n  }\n>;\n\nconst variantIcons: Record<NonNullable<AlertProps['variant']>, React.ComponentType> = {\n  info: InfoIcon,\n  success: CheckmarkSmallIcon,\n  warning: WarningIcon,\n  alert: ErrorIcon,\n};\n\nexport const Alert = ({\n  className,\n  children,\n  closeButton,\n  variant = 'info',\n  icon,\n  asChild,\n  dark,\n  size,\n  ref,\n  ...rest\n}: AlertProps) => {\n  const Component = asChild ? Slot : 'div';\n  const DefaultIcon = variantIcons[variant];\n  return (\n    <Component\n      className={clsx('bi-alert', className)}\n      data-variant={variant}\n      data-size={size}\n      data-dark={dark}\n      ref={ref}\n      {...rest}\n    >\n      {icon || <DefaultIcon />}\n      {children}\n      {closeButton}\n    </Component>\n  );\n};\n"],"mappings":";;;;;;AAiCA,MAAMA,eAAgF;CACpF,MAAM;CACN,SAAS;CACT,SAAS;CACT,OAAO;AACR;AAED,MAAa,QAAQ,CAAC,EACpB,WACA,UACA,aACA,UAAU,QACV,MACA,SACA,MACA,MACA,IACA,GAAG,MACQ,KAAK;CAChB,MAAM,YAAY,UAAU,OAAO;CACnC,MAAM,cAAc,aAAa;AACjC,6BACG;EACC,WAAW,KAAK,YAAY,UAAU;EACtC,gBAAc;EACd,aAAW;EACX,aAAW;EACN;EACL,GAAI;;GAEH,4BAAS,gBAAc;GACvB;GACA;;GACS;AAEf"}
+{"version":3,"file":"alert-C6PxDwHt.js","names":["variantIcons: Record<NonNullable<AlertProps['variant']>, React.ComponentType>"],"sources":["../src/components/alert/alert.tsx"],"sourcesContent":["import clsx from 'clsx/lite';\nimport { Slot } from '@radix-ui/react-slot';\nimport type { HTMLAttributes, ReactNode, Ref } from 'react';\nimport type { DefaultProps } from '../../types';\nimport type { MergeRight } from '../../utilities';\nimport { CheckmarkSmallIcon, ErrorIcon, InfoIcon, WarningIcon } from '@bi-digital/icons';\n\nexport type AlertProps = MergeRight<\n  DefaultProps & HTMLAttributes<HTMLDivElement>,\n  {\n    /**\n     * The alert variant.\n     * @default 'info'\n     */\n    variant?: 'info' | 'success' | 'warning' | 'alert';\n    /**\n     * Size of the alert.\n     * @default 'medium'\n     */\n    size?: 'small' | 'medium' | 'large';\n    /** Custom close button. It's your responsibility to make the button close the alert. */\n    closeButton?: ReactNode;\n    /** Override the default icon which is decided by the `variant`. */\n    icon?: ReactNode;\n    /**\n     * Change the default rendered element for the one passed as a child, merging their props and behavior.\n     * @default false\n     */\n    asChild?: boolean;\n    ref?: Ref<HTMLDivElement>;\n  }\n>;\n\nconst variantIcons: Record<NonNullable<AlertProps['variant']>, React.ComponentType> = {\n  info: InfoIcon,\n  success: CheckmarkSmallIcon,\n  warning: WarningIcon,\n  alert: ErrorIcon,\n};\n\nexport const Alert = ({\n  className,\n  children,\n  closeButton,\n  variant = 'info',\n  icon,\n  asChild,\n  dark,\n  size,\n  ref,\n  ...rest\n}: AlertProps) => {\n  const Component = asChild ? Slot : 'div';\n  const DefaultIcon = variantIcons[variant];\n  return (\n    <Component\n      className={clsx('bi-alert', className)}\n      data-variant={variant}\n      data-size={size}\n      data-dark={dark}\n      ref={ref}\n      {...rest}\n    >\n      {icon || <DefaultIcon />}\n      {children}\n      {closeButton}\n    </Component>\n  );\n};\n"],"mappings":";;;;;;AAiCA,MAAMA,eAAgF;CACpF,MAAM;CACN,SAAS;CACT,SAAS;CACT,OAAO;;AAGT,MAAa,SAAS,EACpB,WACA,UACA,aACA,UAAU,QACV,MACA,SACA,MACA,MACA,IACA,GAAG,WACa;CAChB,MAAM,YAAY,UAAU,OAAO;CACnC,MAAM,cAAc,aAAa;AACjC,QACE,qBAAC;EACC,WAAW,KAAK,YAAY;EAC5B,gBAAc;EACd,aAAW;EACX,aAAW;EACN;EACL,GAAI;;GAEH,QAAQ,oBAAC;GACT;GACA"}

package/dist/alert-footer-DL4rCThp.js.map

@@ -1 +1 @@
-{"version":3,"file":"alert-footer-DL4rCThp.js","names":[],"sources":["../src/components/alert/alert-footer.tsx"],"sourcesContent":["import clsx from 'clsx/lite';\nimport { Slot } from '@radix-ui/react-slot';\nimport type { HTMLAttributes, Ref } from 'react';\nimport type { MergeRight } from '../../utilities';\n\nexport type AlertFooterProps = MergeRight<\n  HTMLAttributes<HTMLDivElement>,\n  {\n    /**\n     * Change the default rendered element for the one passed as a child, merging their props and behavior.\n     * @default false\n     */\n    asChild?: boolean;\n    ref?: Ref<HTMLDivElement>;\n  }\n>;\n\nexport const AlertFooter = ({ className, children, asChild, ref, ...rest }: AlertFooterProps) => {\n  const Component = asChild ? Slot : 'div';\n  return (\n    <Component className={clsx('bi-alert--footer', className)} ref={ref} {...rest}>\n      {children}\n    </Component>\n  );\n};\n"],"mappings":";;;;;AAiBA,MAAa,cAAc,CAAC,EAAE,WAAW,UAAU,SAAS,IAAK,GAAG,MAAwB,KAAK;CAC/F,MAAM,YAAY,UAAU,OAAO;AACnC,4BACG;EAAU,WAAW,KAAK,oBAAoB,UAAU;EAAO;EAAK,GAAI;EACtE;GACS;AAEf"}
+{"version":3,"file":"alert-footer-DL4rCThp.js","names":[],"sources":["../src/components/alert/alert-footer.tsx"],"sourcesContent":["import clsx from 'clsx/lite';\nimport { Slot } from '@radix-ui/react-slot';\nimport type { HTMLAttributes, Ref } from 'react';\nimport type { MergeRight } from '../../utilities';\n\nexport type AlertFooterProps = MergeRight<\n  HTMLAttributes<HTMLDivElement>,\n  {\n    /**\n     * Change the default rendered element for the one passed as a child, merging their props and behavior.\n     * @default false\n     */\n    asChild?: boolean;\n    ref?: Ref<HTMLDivElement>;\n  }\n>;\n\nexport const AlertFooter = ({ className, children, asChild, ref, ...rest }: AlertFooterProps) => {\n  const Component = asChild ? Slot : 'div';\n  return (\n    <Component className={clsx('bi-alert--footer', className)} ref={ref} {...rest}>\n      {children}\n    </Component>\n  );\n};\n"],"mappings":";;;;;AAiBA,MAAa,eAAe,EAAE,WAAW,UAAU,SAAS,IAAK,GAAG,WAA6B;CAC/F,MAAM,YAAY,UAAU,OAAO;AACnC,QACE,oBAAC;EAAU,WAAW,KAAK,oBAAoB;EAAiB;EAAK,GAAI;EACtE"}

package/dist/{alert-footer-BS7TXc1g.d.ts → alert-footer-DWZoQIek.d.ts}

@@ -1,7 +1,7 @@
 import { AsChildProps, DefaultProps, LabelRequiredProps } from "./types-Bga-EYiy.js";
 import { PopoverTriggerContextProps } from "./popover-trigger-context-8iojEYe0.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 { AnchorHTMLAttributes, AriaAttributes, ButtonHTMLAttributes, DialogHTMLAttributes, FieldsetHTMLAttributes, HTMLAttributes, HtmlHTMLAttributes, InputHTMLAttributes, LabelHTMLAttributes, OptgroupHTMLAttributes, OptionHTMLAttributes, ReactNode, Ref, SelectHTMLAttributes, TextareaHTMLAttributes } from "react";
 import { Middleware, Placement } from "@floating-ui/dom";
 
@@ -39,7 +39,7 @@ declare const Alert: ({
   size,
   ref,
   ...rest
-}: AlertProps) => react_jsx_runtime0.JSX.Element;
+}: AlertProps) => react_jsx_runtime1.JSX.Element;
 //#endregion
 //#region src/components/avatar/avatar.d.ts
 type AvatarProps = MergeRight<DefaultProps & HTMLAttributes<HTMLSpanElement>, {
@@ -79,7 +79,7 @@ declare const Avatar: ({
   color,
   children,
   ...props
-}: AvatarProps) => react_jsx_runtime0.JSX.Element;
+}: AvatarProps) => react_jsx_runtime1.JSX.Element;
 //#endregion
 //#region src/components/badge/badge.d.ts
 type BadgeProps = MergeRight<DefaultProps & AsChildProps & HTMLAttributes<HTMLSpanElement>, {
@@ -110,7 +110,7 @@ declare const Badge: ({
   asChild,
   ref,
   ...props
-}: BadgeProps) => react_jsx_runtime0.JSX.Element;
+}: BadgeProps) => react_jsx_runtime1.JSX.Element;
 //#endregion
 //#region src/components/button/button.d.ts
 type ButtonProps = MergeRight<DefaultProps & ButtonHTMLAttributes<HTMLButtonElement>, {
@@ -175,7 +175,7 @@ declare const Button: ({
   active,
   ref,
   ...props
-}: ButtonProps) => react_jsx_runtime0.JSX.Element;
+}: ButtonProps) => react_jsx_runtime1.JSX.Element;
 //#endregion
 //#region src/components/card/card.d.ts
 type CardProps = MergeRight<DefaultProps & HTMLAttributes<HTMLDivElement>, {
@@ -207,7 +207,7 @@ declare const Card: ({
   children,
   asChild,
   ...props
-}: CardProps) => react_jsx_runtime0.JSX.Element;
+}: CardProps) => react_jsx_runtime1.JSX.Element;
 //#endregion
 //#region src/components/card/card-actions.d.ts
 type CardActionsProps = MergeRight<HTMLAttributes<HTMLDivElement>, {
@@ -218,7 +218,7 @@ declare const CardActions: ({
   ref,
   children,
   ...props
-}: CardActionsProps) => react_jsx_runtime0.JSX.Element;
+}: CardActionsProps) => react_jsx_runtime1.JSX.Element;
 //#endregion
 //#region src/components/card/card-action.d.ts
 type CardActionProps = ButtonProps;
@@ -229,7 +229,7 @@ declare const CardAction: ({
   dark,
   className,
   ...props
-}: CardActionProps) => react_jsx_runtime0.JSX.Element;
+}: CardActionProps) => react_jsx_runtime1.JSX.Element;
 //#endregion
 //#region src/components/card/card-content.d.ts
 type CardContentProps = MergeRight<HTMLAttributes<HTMLDivElement>, {
@@ -247,7 +247,7 @@ declare const CardContent: ({
   children,
   asChild,
   ...props
-}: CardContentProps) => react_jsx_runtime0.JSX.Element;
+}: CardContentProps) => react_jsx_runtime1.JSX.Element;
 //#endregion
 //#region src/components/card/card-header.d.ts
 type CardHeaderProps = MergeRight<Omit<HTMLAttributes<HTMLDivElement>, 'children'>, {
@@ -277,7 +277,7 @@ declare const CardHeader: ({
   subLabel,
   description,
   ...props
-}: CardHeaderProps) => react_jsx_runtime0.JSX.Element;
+}: CardHeaderProps) => react_jsx_runtime1.JSX.Element;
 //#endregion
 //#region src/components/card/card-media.d.ts
 type CardMediaProps = MergeRight<HTMLAttributes<HTMLDivElement>, {
@@ -297,7 +297,7 @@ declare const CardMedia: ({
   children,
   overlay,
   ...props
-}: CardMediaProps) => react_jsx_runtime0.JSX.Element;
+}: CardMediaProps) => react_jsx_runtime1.JSX.Element;
 //#endregion
 //#region src/components/card/card-date.d.ts
 type CardDateProps = MergeRight<Omit<HTMLAttributes<HTMLParagraphElement>, 'children'>, {
@@ -317,7 +317,7 @@ declare const CardDate: ({
   day,
   month,
   ...props
-}: CardDateProps) => react_jsx_runtime0.JSX.Element;
+}: CardDateProps) => react_jsx_runtime1.JSX.Element;
 //#endregion
 //#region src/components/input/input.d.ts
 type InputProps = MergeRight<DefaultProps & Omit<InputHTMLAttributes<HTMLInputElement>, 'prefix' | 'type'>, {
@@ -353,7 +353,7 @@ declare const Input: ({
   readOnly,
   ref,
   ...props
-}: InputProps) => react_jsx_runtime0.JSX.Element;
+}: InputProps) => react_jsx_runtime1.JSX.Element;
 //#endregion
 //#region src/components/checkbox/checkbox.d.ts
 type CheckboxProps = MergeRight<LabelRequiredProps & Omit<InputProps, 'type' | 'role' | 'size'>, {
@@ -382,7 +382,7 @@ declare const Checkbox: ({
   id,
   "aria-describedby": ariaDescribedByProp,
   ...props
-}: CheckboxProps) => react_jsx_runtime0.JSX.Element;
+}: CheckboxProps) => react_jsx_runtime1.JSX.Element;
 //#endregion
 //#region src/components/checkbox/checkbox-subsection.d.ts
 type CheckboxSubsectionProps = MergeRight<DefaultProps & HtmlHTMLAttributes<HTMLDivElement>, {
@@ -394,7 +394,7 @@ declare const CheckboxSubsection: ({
   dark,
   ref,
   ...props
-}: CheckboxSubsectionProps) => react_jsx_runtime0.JSX.Element;
+}: CheckboxSubsectionProps) => react_jsx_runtime1.JSX.Element;
 //#endregion
 //#region src/components/chip/chip.d.ts
 type ChipProps = MergeRight<DefaultProps & HTMLAttributes<HTMLDivElement>, {
@@ -427,7 +427,7 @@ declare const Chip: ({
   className,
   ref,
   ...props
-}: ChipProps) => react_jsx_runtime0.JSX.Element;
+}: ChipProps) => react_jsx_runtime1.JSX.Element;
 //#endregion
 //#region src/components/dialog/dialog.d.ts
 type DialogProps = MergeRight<DefaultProps & DialogHTMLAttributes<HTMLDialogElement>, {
@@ -497,7 +497,7 @@ declare const Dialog: ({
   dark,
   ref,
   ...rest
-}: DialogProps) => react_jsx_runtime0.JSX.Element;
+}: DialogProps) => react_jsx_runtime1.JSX.Element;
 //#endregion
 //#region src/components/dialog/dialog-content.d.ts
 type DialogContentProps = MergeRight<HTMLAttributes<HTMLDivElement>, {
@@ -520,7 +520,7 @@ declare const DialogContent: ({
   className,
   noBorder,
   ...rest
-}: DialogContentProps) => react_jsx_runtime0.JSX.Element;
+}: DialogContentProps) => react_jsx_runtime1.JSX.Element;
 //#endregion
 //#region src/components/dialog/dialog-header.d.ts
 type DialogHeaderProps = MergeRight<HTMLAttributes<HTMLHeadingElement>, {
@@ -543,7 +543,7 @@ declare const DialogHeader: ({
   className,
   noBorder,
   ...rest
-}: DialogHeaderProps) => react_jsx_runtime0.JSX.Element;
+}: DialogHeaderProps) => react_jsx_runtime1.JSX.Element;
 //#endregion
 //#region src/components/dialog/dialog-footer.d.ts
 type DialogFooterProps = MergeRight<HTMLAttributes<HTMLDivElement>, {
@@ -566,7 +566,7 @@ declare const DialogFooter: ({
   className,
   noBorder,
   ...rest
-}: DialogFooterProps) => react_jsx_runtime0.JSX.Element;
+}: DialogFooterProps) => react_jsx_runtime1.JSX.Element;
 //#endregion
 //#region src/components/dialog/dialog-trigger.d.ts
 type DialogTriggerProps = ButtonProps;
@@ -574,7 +574,7 @@ declare const DialogTrigger: ({
   asChild,
   ref,
   ...rest
-}: DialogTriggerProps) => react_jsx_runtime0.JSX.Element;
+}: DialogTriggerProps) => react_jsx_runtime1.JSX.Element;
 //#endregion
 //#region src/components/dialog/dialog-close-button.d.ts
 type DialogCloseButtonProps = Omit<ButtonProps, 'asChild' | 'type' | 'name'>;
@@ -582,7 +582,7 @@ declare const DialogCloseButton: ({
   children,
   ref,
   ...props
-}: DialogCloseButtonProps) => react_jsx_runtime0.JSX.Element;
+}: DialogCloseButtonProps) => react_jsx_runtime1.JSX.Element;
 //#endregion
 //#region src/components/drawer/drawer.d.ts
 type DrawerProps = MergeRight<DialogProps, {
@@ -628,7 +628,7 @@ declare const Drawer: ({
   className,
   ref,
   ...rest
-}: DrawerProps) => react_jsx_runtime0.JSX.Element;
+}: DrawerProps) => react_jsx_runtime1.JSX.Element;
 //#endregion
 //#region src/components/drawer/drawer-content.d.ts
 type DrawerContentProps = DialogContentProps;
@@ -636,7 +636,7 @@ declare const DrawerContent: ({
   className,
   ref,
   ...rest
-}: DrawerContentProps) => react_jsx_runtime0.JSX.Element;
+}: DrawerContentProps) => react_jsx_runtime1.JSX.Element;
 //#endregion
 //#region src/components/drawer/drawer-header.d.ts
 type DrawerHeaderProps = DialogHeaderProps;
@@ -644,7 +644,7 @@ declare const DrawerHeader: ({
   className,
   ref,
   ...rest
-}: DrawerHeaderProps) => react_jsx_runtime0.JSX.Element;
+}: DrawerHeaderProps) => react_jsx_runtime1.JSX.Element;
 //#endregion
 //#region src/components/drawer/drawer-footer.d.ts
 type DrawerFooterProps = DialogFooterProps;
@@ -652,21 +652,21 @@ declare const DrawerFooter: ({
   className,
   ref,
   ...rest
-}: DrawerFooterProps) => react_jsx_runtime0.JSX.Element;
+}: DrawerFooterProps) => react_jsx_runtime1.JSX.Element;
 //#endregion
 //#region src/components/drawer/drawer-trigger.d.ts
 type DrawerTriggerProps = DialogTriggerProps;
 declare const DrawerTrigger: ({
   ref,
   ...rest
-}: DrawerTriggerProps) => react_jsx_runtime0.JSX.Element;
+}: DrawerTriggerProps) => react_jsx_runtime1.JSX.Element;
 //#endregion
 //#region src/components/drawer/drawer-close-button.d.ts
 type DrawerCloseButtonProps = DialogCloseButtonProps;
 declare const DrawerCloseButton: ({
   ref,
   ...rest
-}: DrawerCloseButtonProps) => react_jsx_runtime0.JSX.Element;
+}: DrawerCloseButtonProps) => react_jsx_runtime1.JSX.Element;
 //#endregion
 //#region src/components/popover/popover.d.ts
 type PopoverProps = MergeRight<DefaultProps & HTMLAttributes<HTMLDivElement>, {
@@ -757,7 +757,7 @@ declare const Popover: ({
   asChild,
   ref,
   ...rest
-}: PopoverProps) => react_jsx_runtime0.JSX.Element;
+}: PopoverProps) => react_jsx_runtime1.JSX.Element;
 //#endregion
 //#region src/components/popover/popover-trigger.d.ts
 type PopoverTriggerProps = ({
@@ -806,7 +806,7 @@ declare const PopoverTrigger: ({
   asChild,
   ref,
   ...rest
-}: PopoverTriggerProps) => react_jsx_runtime0.JSX.Element;
+}: PopoverTriggerProps) => react_jsx_runtime1.JSX.Element;
 //#endregion
 //#region src/components/dropdown/dropdown.d.ts
 type DropdownProps = MergeRight<DefaultProps & PopoverProps, {
@@ -848,21 +848,21 @@ declare const Dropdown: ({
   className,
   ref,
   ...rest
-}: DropdownProps) => react_jsx_runtime0.JSX.Element;
+}: DropdownProps) => react_jsx_runtime1.JSX.Element;
 //#endregion
 //#region src/components/dropdown/dropdown-button.d.ts
 type DropdownButtonProps = Omit<ButtonProps, 'variant'>;
 declare const DropdownButton: ({
   ref,
   ...rest
-}: DropdownButtonProps) => react_jsx_runtime0.JSX.Element;
+}: DropdownButtonProps) => react_jsx_runtime1.JSX.Element;
 //#endregion
 //#region src/components/dropdown/dropdown-trigger.d.ts
 type DropdownTriggerProps = PopoverTriggerProps;
 declare const DropdownTrigger: ({
   ref,
   ...rest
-}: DropdownTriggerProps) => react_jsx_runtime0.JSX.Element;
+}: DropdownTriggerProps) => react_jsx_runtime1.JSX.Element;
 //#endregion
 //#region src/components/dropdown/dropdown-trigger-context.d.ts
 type DropdownTriggerContextProps = PopoverTriggerContextProps;
@@ -885,7 +885,7 @@ type DropdownTriggerContextProps = PopoverTriggerContextProps;
 declare const DropdownTriggerContext: ({
   children,
   ...props
-}: DropdownTriggerContextProps) => react_jsx_runtime0.JSX.Element;
+}: DropdownTriggerContextProps) => react_jsx_runtime1.JSX.Element;
 //#endregion
 //#region src/components/field/field.d.ts
 type FieldProps = MergeRight<DefaultProps & AsChildProps & HTMLAttributes<HTMLDivElement>, {
@@ -917,7 +917,7 @@ declare const Field: ({
   asChild,
   ref,
   ...props
-}: FieldProps) => react_jsx_runtime0.JSX.Element;
+}: FieldProps) => react_jsx_runtime1.JSX.Element;
 //#endregion
 //#region src/components/field/field-description.d.ts
 type FieldDescriptionProps = MergeRight<AsChildProps & HTMLAttributes<HTMLDivElement>, {
@@ -928,7 +928,7 @@ declare const FieldDescription: ({
   className,
   ref,
   ...props
-}: FieldDescriptionProps) => react_jsx_runtime0.JSX.Element;
+}: FieldDescriptionProps) => react_jsx_runtime1.JSX.Element;
 //#endregion
 //#region src/components/field/field-affix.d.ts
 type FieldAffixesProps = MergeRight<AsChildProps & Omit<HTMLAttributes<HTMLDivElement>, 'prefix'>, {
@@ -949,7 +949,7 @@ declare const FieldAffixes: ({
   asChild,
   ref,
   ...rest
-}: FieldAffixesProps) => react_jsx_runtime0.JSX.Element;
+}: FieldAffixesProps) => react_jsx_runtime1.JSX.Element;
 type FieldAffixProps = MergeRight<AsChildProps & Omit<HTMLAttributes<HTMLSpanElement>, 'prefix'>, {
   ref?: Ref<HTMLSpanElement>;
 }>;
@@ -969,7 +969,7 @@ declare const FieldAffix: ({
   asChild,
   ref,
   ...rest
-}: FieldAffixProps) => react_jsx_runtime0.JSX.Element;
+}: FieldAffixProps) => react_jsx_runtime1.JSX.Element;
 //#endregion
 //#region src/components/fieldset/fieldset.d.ts
 type FieldsetProps = MergeRight<DefaultProps & FieldsetHTMLAttributes<HTMLFieldSetElement>, {
@@ -981,7 +981,7 @@ declare const Fieldset: ({
   dark,
   ref,
   ...props
-}: FieldsetProps) => react_jsx_runtime0.JSX.Element;
+}: FieldsetProps) => react_jsx_runtime1.JSX.Element;
 //#endregion
 //#region src/components/fieldset/fieldset-description.d.ts
 type FieldsetDescriptionProps = MergeRight<AsChildProps & HTMLAttributes<HTMLParagraphElement>, {
@@ -991,7 +991,7 @@ declare const FieldsetDescription: ({
   asChild,
   ref,
   ...props
-}: FieldsetDescriptionProps) => react_jsx_runtime0.JSX.Element;
+}: FieldsetDescriptionProps) => react_jsx_runtime1.JSX.Element;
 //#endregion
 //#region src/components/label/label.d.ts
 type LabelProps = MergeRight<DefaultProps & AsChildProps & LabelHTMLAttributes<HTMLLabelElement>, {
@@ -1009,7 +1009,7 @@ declare const Label: ({
   asChild,
   ref,
   ...props
-}: LabelProps) => react_jsx_runtime0.JSX.Element;
+}: LabelProps) => react_jsx_runtime1.JSX.Element;
 //#endregion
 //#region src/components/fieldset/fieldset-legend.d.ts
 type FieldsetLegendProps = MergeRight<LabelProps & HTMLAttributes<HTMLLegendElement>, {
@@ -1020,7 +1020,7 @@ declare const FieldsetLegend: ({
   dark,
   ref,
   ...props
-}: FieldsetLegendProps) => react_jsx_runtime0.JSX.Element;
+}: FieldsetLegendProps) => react_jsx_runtime1.JSX.Element;
 //#endregion
 //#region src/components/filter-group/filter-group.d.ts
 type FilterGroupProps = MergeRight<DefaultProps & AsChildProps & HtmlHTMLAttributes<HTMLDivElement>, {
@@ -1047,7 +1047,7 @@ declare const FilterGroup: ({
   className,
   ref,
   ...props
-}: FilterGroupProps) => react_jsx_runtime0.JSX.Element;
+}: FilterGroupProps) => react_jsx_runtime1.JSX.Element;
 //#endregion
 //#region src/components/footer/footer.d.ts
 type FooterProps = MergeRight<DefaultProps & HTMLAttributes<HTMLDivElement>, {
@@ -1083,7 +1083,7 @@ declare const Footer: ({
   children,
   ref,
   ...props
-}: FooterProps) => react_jsx_runtime0.JSX.Element;
+}: FooterProps) => react_jsx_runtime1.JSX.Element;
 //#endregion
 //#region src/components/link/link.d.ts
 type LinkProps = MergeRight<DefaultProps & AnchorHTMLAttributes<HTMLAnchorElement>, {
@@ -1115,7 +1115,7 @@ declare const Link: ({
   underline,
   ref,
   ...rest
-}: LinkProps) => react_jsx_runtime0.JSX.Element;
+}: LinkProps) => react_jsx_runtime1.JSX.Element;
 //#endregion
 //#region src/components/logo/logo.d.ts
 type LogoProps = MergeRight<DefaultProps & Omit<HTMLAttributes<HTMLSpanElement>, 'children'>, {
@@ -1145,7 +1145,7 @@ declare const Logo: ({
   className,
   ref,
   ...props
-}: LogoProps) => react_jsx_runtime0.JSX.Element;
+}: LogoProps) => react_jsx_runtime1.JSX.Element;
 //#endregion
 //#region src/components/navbar/navbar.d.ts
 type NavbarProps = MergeRight<DefaultProps & HTMLAttributes<HTMLDivElement>, {
@@ -1183,7 +1183,7 @@ declare const Navbar: ({
   className,
   ref,
   ...props
-}: NavbarProps) => react_jsx_runtime0.JSX.Element;
+}: NavbarProps) => react_jsx_runtime1.JSX.Element;
 //#endregion
 //#region src/components/navbar/sub-navbar.d.ts
 type SubNavbarProps = MergeRight<DefaultProps & HTMLAttributes<HTMLDivElement>, {
@@ -1195,7 +1195,7 @@ declare const SubNavbar: ({
   className,
   ref,
   ...props
-}: SubNavbarProps) => react_jsx_runtime0.JSX.Element;
+}: SubNavbarProps) => react_jsx_runtime1.JSX.Element;
 //#endregion
 //#region src/components/pagination/pagination.d.ts
 type PaginationProps = MergeRight<DefaultProps & HTMLAttributes<HTMLDivElement>, {
@@ -1207,7 +1207,7 @@ declare const Pagination: ({
   ref,
   children,
   ...props
-}: PaginationProps) => react_jsx_runtime0.JSX.Element;
+}: PaginationProps) => react_jsx_runtime1.JSX.Element;
 //#endregion
 //#region src/components/pagination/pagination-button.d.ts
 type PaginationButtonProps = ButtonProps & {
@@ -1220,7 +1220,7 @@ type PaginationButtonProps = ButtonProps & {
 declare const PaginationButton: ({
   ref,
   ...rest
-}: PaginationButtonProps) => react_jsx_runtime0.JSX.Element;
+}: PaginationButtonProps) => react_jsx_runtime1.JSX.Element;
 //#endregion
 //#region src/components/radio/radio.d.ts
 type RadioProps = MergeRight<LabelRequiredProps & Omit<InputProps, 'type' | 'role' | 'size'>, {
@@ -1246,7 +1246,7 @@ declare const Radio: ({
   id,
   "aria-describedby": ariaDescribedByProp,
   ...props
-}: RadioProps) => react_jsx_runtime0.JSX.Element;
+}: RadioProps) => react_jsx_runtime1.JSX.Element;
 //#endregion
 //#region src/components/search/search.d.ts
 type SearchProps = MergeRight<Omit<InputProps, 'type' | 'size'>, {
@@ -1278,7 +1278,7 @@ declare const Search: ({
   style,
   fullwidth,
   ...props
-}: SearchProps) => react_jsx_runtime0.JSX.Element;
+}: SearchProps) => react_jsx_runtime1.JSX.Element;
 //#endregion
 //#region src/components/select/select.d.ts
 type SelectProps = MergeRight<DefaultProps & Omit<SelectHTMLAttributes<HTMLSelectElement>, 'multiple' | 'size'>, {
@@ -1299,7 +1299,7 @@ declare const Select: ({
   size,
   ref,
   ...props
-}: SelectProps) => react_jsx_runtime0.JSX.Element;
+}: SelectProps) => react_jsx_runtime1.JSX.Element;
 //#endregion
 //#region src/components/select/select-option.d.ts
 type SelectOptionProps = MergeRight<AsChildProps & OptionHTMLAttributes<HTMLOptionElement>, {
@@ -1309,7 +1309,7 @@ declare const SelectOption: ({
   asChild,
   ref,
   ...props
-}: SelectOptionProps) => react_jsx_runtime0.JSX.Element;
+}: SelectOptionProps) => react_jsx_runtime1.JSX.Element;
 //#endregion
 //#region src/components/select/select-optgroup.d.ts
 type SelectOptgroupProps = MergeRight<AsChildProps & OptgroupHTMLAttributes<HTMLOptGroupElement>, {
@@ -1319,7 +1319,7 @@ declare const SelectOptgroup: ({
   asChild,
   ref,
   ...props
-}: SelectOptgroupProps) => react_jsx_runtime0.JSX.Element;
+}: SelectOptgroupProps) => react_jsx_runtime1.JSX.Element;
 //#endregion
 //#region src/components/selectfield/selectfield.d.ts
 type SelectfieldProps = MergeRight<LabelRequiredProps & SelectProps, {
@@ -1343,7 +1343,7 @@ declare const Selectfield: ({
   id: idProp,
   "aria-describedby": ariaDescribedByProp,
   ...props
-}: SelectfieldProps) => react_jsx_runtime0.JSX.Element;
+}: SelectfieldProps) => react_jsx_runtime1.JSX.Element;
 //#endregion
 //#region src/components/skip-link/skip-link.d.ts
 type SkipLinkProps = MergeRight<DefaultProps & AsChildProps & AnchorHTMLAttributes<HTMLAnchorElement>, {
@@ -1355,7 +1355,7 @@ declare const SkipLink: ({
   className,
   dark,
   ...props
-}: SkipLinkProps) => react_jsx_runtime0.JSX.Element;
+}: SkipLinkProps) => react_jsx_runtime1.JSX.Element;
 //#endregion
 //#region src/components/spinner/spinner.d.ts
 type SpinnerProps = MergeRight<DefaultProps & HTMLAttributes<HTMLSpanElement>, {
@@ -1377,7 +1377,7 @@ declare const Spinner: ({
   className,
   ref,
   ...props
-}: SpinnerProps) => react_jsx_runtime0.JSX.Element;
+}: SpinnerProps) => react_jsx_runtime1.JSX.Element;
 //#endregion
 //#region src/components/tabs/tabs.d.ts
 type TabsProps = MergeRight<DefaultProps & Omit<HTMLAttributes<HTMLDivElement>, 'dir'>, {
@@ -1416,7 +1416,7 @@ declare const Tabs: ({
   dark,
   ref,
   ...props
-}: TabsProps) => react_jsx_runtime0.JSX.Element;
+}: TabsProps) => react_jsx_runtime1.JSX.Element;
 //#endregion
 //#region src/components/tabs/tab.d.ts
 type TabProps = MergeRight<Omit<ButtonProps, 'variant' | 'type'>, {
@@ -1437,7 +1437,7 @@ declare const Tab: ({
   dark,
   ref,
   ...props
-}: TabProps) => react_jsx_runtime0.JSX.Element;
+}: TabProps) => react_jsx_runtime1.JSX.Element;
 //#endregion
 //#region src/components/tabs/tabs-list.d.ts
 type TabsListProps = MergeRight<DefaultProps & Omit<HTMLAttributes<HTMLDivElement>, 'dir'>, {
@@ -1461,7 +1461,7 @@ declare const TabsList: ({
   dark,
   ref,
   ...props
-}: TabsListProps) => react_jsx_runtime0.JSX.Element;
+}: TabsListProps) => react_jsx_runtime1.JSX.Element;
 //#endregion
 //#region src/components/tabs/tabs-panel.d.ts
 type TabsPanelProps = MergeRight<DefaultProps & Omit<HTMLAttributes<HTMLDivElement>, 'dir'>, {
@@ -1485,7 +1485,7 @@ declare const TabsPanel: ({
   dark,
   ref,
   ...props
-}: TabsPanelProps) => react_jsx_runtime0.JSX.Element;
+}: TabsPanelProps) => react_jsx_runtime1.JSX.Element;
 //#endregion
 //#region src/components/textarea/textarea.d.ts
 type TextareaProps = MergeRight<DefaultProps & Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'prefix'>, {
@@ -1502,7 +1502,7 @@ declare const Textarea: ({
   size,
   ref,
   ...props
-}: TextareaProps) => react_jsx_runtime0.JSX.Element;
+}: TextareaProps) => react_jsx_runtime1.JSX.Element;
 //#endregion
 //#region src/components/textfield/textfield.d.ts
 type InputPropsFiltered = Omit<InputProps, 'prefix' | 'className' | 'style'>;
@@ -1551,7 +1551,7 @@ declare const Textfield: ({
   id: idProp,
   "aria-describedby": ariaDescribedByProp,
   ...props
-}: TextfieldProps) => react_jsx_runtime0.JSX.Element;
+}: TextfieldProps) => react_jsx_runtime1.JSX.Element;
 //#endregion
 //#region src/components/validation-message/validation-message.d.ts
 type ValidationMessageProps = MergeRight<AsChildProps & HTMLAttributes<HTMLParagraphElement>, {
@@ -1566,7 +1566,7 @@ declare const ValidationMessage: ({
   asChild,
   ref,
   ...props
-}: ValidationMessageProps) => react_jsx_runtime0.JSX.Element;
+}: ValidationMessageProps) => react_jsx_runtime1.JSX.Element;
 //#endregion
 //#region src/utilities/hooks/usePagination/usePagination.d.ts
 type UsePaginationProps = {
@@ -1671,7 +1671,7 @@ declare const AlertFooter: ({
   asChild,
   ref,
   ...rest
-}: AlertFooterProps) => react_jsx_runtime0.JSX.Element;
+}: AlertFooterProps) => react_jsx_runtime1.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, 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-BS7TXc1g.d.ts.map
+//# sourceMappingURL=alert-footer-DWZoQIek.d.ts.map

package/dist/avatar-6Q2xwviO.js.map

@@ -1 +1 @@
-{"version":3,"file":"avatar-6Q2xwviO.js","names":[],"sources":["../src/components/avatar/avatar.tsx"],"sourcesContent":["import { Fragment, type HTMLAttributes, type Ref } from 'react';\nimport clsx from 'clsx/lite';\nimport { Slot } from '@radix-ui/react-slot';\nimport type { DefaultProps } from '../../types';\nimport type { MergeRight } from '../../utilities';\n\nexport type AvatarProps = MergeRight<\n  DefaultProps & HTMLAttributes<HTMLSpanElement>,\n  {\n    /**\n     * Name of the person the avatar represents.\n     */\n    'aria-label': string;\n    /**\n     * Size of the avatar.\n     * @default 'medium'\n     */\n    size?: 'small' | 'medium';\n    /**\n     * Color scheme of the avatar.\n     * @default 'primary'\n     */\n    color?: 'primary' | 'info' | 'success' | 'warning' | 'alert';\n    ref?: Ref<HTMLSpanElement>;\n  }\n>;\n\n/**\n * An Avatar represents a person.\n *\n * @example\n * <Avatar aria-label=\"Ola Nordmann\">ON</Avatar>\n *\n * @example\n * <Avatar aria-label=\"Ola Nordmann\">\n *  <img src='…' alt='Ola Nordmann' />\n * </Avatar>\n */\nexport const Avatar = ({\n  'aria-label': ariaLabel,\n  className,\n  ref,\n  dark,\n  size,\n  color,\n  children,\n  ...props\n}: AvatarProps) => {\n  const isSlotInUse = children && typeof children !== 'string';\n  const Component = isSlotInUse ? Slot : Fragment;\n  return (\n    <span\n      className={clsx('bi-avatar', className)}\n      aria-label={ariaLabel}\n      role='img'\n      data-size={size}\n      data-color={color}\n      data-dark={dark}\n      ref={ref}\n      {...props}\n    >\n      <Component {...(isSlotInUse ? { 'aria-hidden': true } : {})}>{children}</Component>\n    </span>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;AAsCA,MAAa,SAAS,CAAC,EACrB,cAAc,WACd,WACA,KACA,MACA,MACA,OACA,SACA,GAAG,OACS,KAAK;CACjB,MAAM,cAAc,YAAY,OAAO,aAAa;CACpD,MAAM,YAAY,cAAc,OAAO;AACvC,4BACG;EACC,WAAW,KAAK,aAAa,UAAU;EACvC,cAAY;EACZ,MAAK;EACL,aAAW;EACX,cAAY;EACZ,aAAW;EACN;EACL,GAAI;gCAEH;GAAU,GAAK,cAAc,EAAE,eAAe,KAAM,IAAG,CAAE;GAAI;IAAqB;GAC9E;AAEV"}
+{"version":3,"file":"avatar-6Q2xwviO.js","names":[],"sources":["../src/components/avatar/avatar.tsx"],"sourcesContent":["import { Fragment, type HTMLAttributes, type Ref } from 'react';\nimport clsx from 'clsx/lite';\nimport { Slot } from '@radix-ui/react-slot';\nimport type { DefaultProps } from '../../types';\nimport type { MergeRight } from '../../utilities';\n\nexport type AvatarProps = MergeRight<\n  DefaultProps & HTMLAttributes<HTMLSpanElement>,\n  {\n    /**\n     * Name of the person the avatar represents.\n     */\n    'aria-label': string;\n    /**\n     * Size of the avatar.\n     * @default 'medium'\n     */\n    size?: 'small' | 'medium';\n    /**\n     * Color scheme of the avatar.\n     * @default 'primary'\n     */\n    color?: 'primary' | 'info' | 'success' | 'warning' | 'alert';\n    ref?: Ref<HTMLSpanElement>;\n  }\n>;\n\n/**\n * An Avatar represents a person.\n *\n * @example\n * <Avatar aria-label=\"Ola Nordmann\">ON</Avatar>\n *\n * @example\n * <Avatar aria-label=\"Ola Nordmann\">\n *  <img src='…' alt='Ola Nordmann' />\n * </Avatar>\n */\nexport const Avatar = ({\n  'aria-label': ariaLabel,\n  className,\n  ref,\n  dark,\n  size,\n  color,\n  children,\n  ...props\n}: AvatarProps) => {\n  const isSlotInUse = children && typeof children !== 'string';\n  const Component = isSlotInUse ? Slot : Fragment;\n  return (\n    <span\n      className={clsx('bi-avatar', className)}\n      aria-label={ariaLabel}\n      role='img'\n      data-size={size}\n      data-color={color}\n      data-dark={dark}\n      ref={ref}\n      {...props}\n    >\n      <Component {...(isSlotInUse ? { 'aria-hidden': true } : {})}>{children}</Component>\n    </span>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;AAsCA,MAAa,UAAU,EACrB,cAAc,WACd,WACA,KACA,MACA,MACA,OACA,SACA,GAAG,YACc;CACjB,MAAM,cAAc,YAAY,OAAO,aAAa;CACpD,MAAM,YAAY,cAAc,OAAO;AACvC,QACE,oBAAC;EACC,WAAW,KAAK,aAAa;EAC7B,cAAY;EACZ,MAAK;EACL,aAAW;EACX,cAAY;EACZ,aAAW;EACN;EACL,GAAI;YAEJ,oBAAC;GAAU,GAAK,cAAc,EAAE,eAAe,SAAS;GAAM"}

package/dist/badge-D9OVAKG8.js.map

@@ -1 +1 @@
-{"version":3,"file":"badge-D9OVAKG8.js","names":[],"sources":["../src/components/badge/badge.tsx"],"sourcesContent":["import { HTMLAttributes, Ref } from 'react';\nimport { AsChildProps, DefaultProps } from '../../types';\nimport { MergeRight } from '../../utilities';\nimport { Slot } from '@radix-ui/react-slot';\nimport clsx from 'clsx';\n\nexport type BadgeProps = MergeRight<\n  DefaultProps & AsChildProps & HTMLAttributes<HTMLSpanElement>,\n  {\n    /**\n     * Size of the badge.\n     * @default 'medium'\n     */\n    size?: 'xs' | 'small' | 'medium';\n    /**\n     * Color of the badge.\n     * @default 'neutral'\n     */\n    color: 'neutral' | 'success' | 'warning' | 'alert' | 'brand' | 'info' | 'negative';\n    /**\n     * Makes the badge have the same height/width. Use for single-letter badges.\n     * @default false\n     */\n    singleLetter?: boolean;\n    ref?: Ref<HTMLSpanElement>;\n  }\n>;\n\nexport const Badge = ({\n  className,\n  children,\n  dark,\n  size = 'medium',\n  color = 'neutral',\n  singleLetter = false,\n  asChild,\n  ref,\n  ...props\n}: BadgeProps) => {\n  const Component = asChild ? Slot : 'span';\n\n  return (\n    <Component\n      className={clsx('bi-badge', className)}\n      data-size={size}\n      data-color={color}\n      data-single-letter={singleLetter}\n      data-dark={dark}\n      ref={ref}\n      {...props}\n    >\n      {children}\n    </Component>\n  );\n};\n"],"mappings":";;;;;AA4BA,MAAa,QAAQ,CAAC,EACpB,WACA,UACA,MACA,OAAO,UACP,QAAQ,WACR,eAAe,OACf,SACA,IACA,GAAG,OACQ,KAAK;CAChB,MAAM,YAAY,UAAU,OAAO;AAEnC,4BACG;EACC,WAAW,KAAK,YAAY,UAAU;EACtC,aAAW;EACX,cAAY;EACZ,sBAAoB;EACpB,aAAW;EACN;EACL,GAAI;EAEH;GACS;AAEf"}
+{"version":3,"file":"badge-D9OVAKG8.js","names":[],"sources":["../src/components/badge/badge.tsx"],"sourcesContent":["import { HTMLAttributes, Ref } from 'react';\nimport { AsChildProps, DefaultProps } from '../../types';\nimport { MergeRight } from '../../utilities';\nimport { Slot } from '@radix-ui/react-slot';\nimport clsx from 'clsx';\n\nexport type BadgeProps = MergeRight<\n  DefaultProps & AsChildProps & HTMLAttributes<HTMLSpanElement>,\n  {\n    /**\n     * Size of the badge.\n     * @default 'medium'\n     */\n    size?: 'xs' | 'small' | 'medium';\n    /**\n     * Color of the badge.\n     * @default 'neutral'\n     */\n    color: 'neutral' | 'success' | 'warning' | 'alert' | 'brand' | 'info' | 'negative';\n    /**\n     * Makes the badge have the same height/width. Use for single-letter badges.\n     * @default false\n     */\n    singleLetter?: boolean;\n    ref?: Ref<HTMLSpanElement>;\n  }\n>;\n\nexport const Badge = ({\n  className,\n  children,\n  dark,\n  size = 'medium',\n  color = 'neutral',\n  singleLetter = false,\n  asChild,\n  ref,\n  ...props\n}: BadgeProps) => {\n  const Component = asChild ? Slot : 'span';\n\n  return (\n    <Component\n      className={clsx('bi-badge', className)}\n      data-size={size}\n      data-color={color}\n      data-single-letter={singleLetter}\n      data-dark={dark}\n      ref={ref}\n      {...props}\n    >\n      {children}\n    </Component>\n  );\n};\n"],"mappings":";;;;;AA4BA,MAAa,SAAS,EACpB,WACA,UACA,MACA,OAAO,UACP,QAAQ,WACR,eAAe,OACf,SACA,IACA,GAAG,YACa;CAChB,MAAM,YAAY,UAAU,OAAO;AAEnC,QACE,oBAAC;EACC,WAAW,KAAK,YAAY;EAC5B,aAAW;EACX,cAAY;EACZ,sBAAoB;EACpB,aAAW;EACN;EACL,GAAI;EAEH"}

package/dist/button-fhd-JARc.js.map

@@ -1 +1 @@
-{"version":3,"file":"button-fhd-JARc.js","names":[],"sources":["../src/components/button/button.tsx"],"sourcesContent":["import clsx from 'clsx/lite';\nimport type { ButtonHTMLAttributes, ReactNode, Ref } from 'react';\nimport { Slot, Slottable } from '@radix-ui/react-slot';\nimport { Spinner } from '../spinner';\nimport type { MergeRight } from '../../utilities';\nimport type { DefaultProps } from '../../types';\n\nexport type ButtonProps = MergeRight<\n  DefaultProps & ButtonHTMLAttributes<HTMLButtonElement>,\n  {\n    /**\n     * The button size.\n     * @default 'medium'\n     */\n    size?: 'small' | 'medium' | 'large';\n    /**\n     * The button variant.\n     * @default 'filled'\n     */\n    variant?: 'filled' | 'outlined' | 'text' | 'flat';\n    /**\n     * Stretch the button to the full width.\n     * @default false\n     */\n    stretch?: boolean;\n    /**\n     * Display a loading animation with the Spinner-component.\n     * Replaces the `startIcon` if used\n     * @default false\n     */\n    submitting?: boolean;\n    /**\n     * Display as icon-button, only use when showing an icon as the label.\n     * Not compatible with the icon-slots or `stretch`.\n     * Always provide a descriptive aria-label for accessibility when set to true.\n     * @default false\n     */\n    icon?: boolean;\n    /** Set an icon before the button label, no effect if `icon=true` */\n    startIcon?: ReactNode;\n    /** Set an icon after the button label, no effect if `icon=true` */\n    endIcon?: ReactNode;\n    /** Make the button active by showing an active state. */\n    active?: boolean;\n    ref?: Ref<HTMLButtonElement>;\n    /**\n     * Change the default rendered element for the one passed as a child, merging their props and behavior.\n     * @default false\n     */\n    asChild?: boolean;\n    /**\n     * Specify the type of button. Unset when `asChild` is true\n     * @default 'button'\n     */\n    type?: ButtonHTMLAttributes<HTMLButtonElement>['type'];\n  }\n>;\n\nexport const Button = ({\n  asChild,\n  variant = 'filled',\n  size = 'medium',\n  stretch,\n  dark,\n  submitting,\n  icon,\n  children,\n  className,\n  startIcon,\n  endIcon,\n  active,\n  ref,\n  ...props\n}: ButtonProps) => {\n  const Component = asChild ? Slot : 'button';\n\n  return (\n    <Component\n      aria-busy={Boolean(submitting) || undefined}\n      aria-disabled={Boolean(submitting) || undefined}\n      className={clsx('bi-button', className)}\n      data-variant={variant}\n      data-size={size}\n      data-stretch={stretch || undefined}\n      data-dark={dark || undefined}\n      data-icon={icon || undefined}\n      data-active={active || undefined}\n      ref={ref}\n      /* don't set type when we use `asChild` */\n      type={asChild ? undefined : 'button'}\n      /* if consumers set type, our default does not set anything, as `rest` contains this */\n      {...props}\n    >\n      {!icon &&\n        (submitting ? (\n          <Spinner aria-hidden='true' className='bi-button--start-icon' />\n        ) : (\n          startIcon && <span className='bi-button--start-icon'>{startIcon}</span>\n        ))}\n      <Slottable>{icon && submitting ? <Spinner aria-hidden='true' /> : children}</Slottable>\n      {!icon && endIcon && <span className='bi-button--end-icon'>{endIcon}</span>}\n    </Component>\n  );\n};\n"],"mappings":";;;;;;AA0DA,MAAa,SAAS,CAAC,EACrB,SACA,UAAU,UACV,OAAO,UACP,SACA,MACA,YACA,MACA,UACA,WACA,WACA,SACA,QACA,IACA,GAAG,OACS,KAAK;CACjB,MAAM,YAAY,UAAU,OAAO;AAEnC,6BACG;EACC,aAAW,QAAQ,WAAW,IAAI;EAClC,iBAAe,QAAQ,WAAW,IAAI;EACtC,WAAW,KAAK,aAAa,UAAU;EACvC,gBAAc;EACd,aAAW;EACX,gBAAc,WAAW;EACzB,aAAW,QAAQ;EACnB,aAAW,QAAQ;EACnB,eAAa,UAAU;EAClB;EAEL,MAAM,UAAU,SAAY;EAE5B,GAAI;;GAEH,CAAC,SACC,iCACE;IAAQ,eAAY;IAAO,WAAU;KAA0B,GAEhE,iCAAc;IAAK,WAAU;cAAyB;KAAiB;uBAE1E,uBAAW,QAAQ,iCAAc,WAAQ,eAAY,SAAS,GAAG,WAAqB;GACtF,CAAC,QAAQ,+BAAY;IAAK,WAAU;cAAuB;KAAe;;GACjE;AAEf"}
+{"version":3,"file":"button-fhd-JARc.js","names":[],"sources":["../src/components/button/button.tsx"],"sourcesContent":["import clsx from 'clsx/lite';\nimport type { ButtonHTMLAttributes, ReactNode, Ref } from 'react';\nimport { Slot, Slottable } from '@radix-ui/react-slot';\nimport { Spinner } from '../spinner';\nimport type { MergeRight } from '../../utilities';\nimport type { DefaultProps } from '../../types';\n\nexport type ButtonProps = MergeRight<\n  DefaultProps & ButtonHTMLAttributes<HTMLButtonElement>,\n  {\n    /**\n     * The button size.\n     * @default 'medium'\n     */\n    size?: 'small' | 'medium' | 'large';\n    /**\n     * The button variant.\n     * @default 'filled'\n     */\n    variant?: 'filled' | 'outlined' | 'text' | 'flat';\n    /**\n     * Stretch the button to the full width.\n     * @default false\n     */\n    stretch?: boolean;\n    /**\n     * Display a loading animation with the Spinner-component.\n     * Replaces the `startIcon` if used\n     * @default false\n     */\n    submitting?: boolean;\n    /**\n     * Display as icon-button, only use when showing an icon as the label.\n     * Not compatible with the icon-slots or `stretch`.\n     * Always provide a descriptive aria-label for accessibility when set to true.\n     * @default false\n     */\n    icon?: boolean;\n    /** Set an icon before the button label, no effect if `icon=true` */\n    startIcon?: ReactNode;\n    /** Set an icon after the button label, no effect if `icon=true` */\n    endIcon?: ReactNode;\n    /** Make the button active by showing an active state. */\n    active?: boolean;\n    ref?: Ref<HTMLButtonElement>;\n    /**\n     * Change the default rendered element for the one passed as a child, merging their props and behavior.\n     * @default false\n     */\n    asChild?: boolean;\n    /**\n     * Specify the type of button. Unset when `asChild` is true\n     * @default 'button'\n     */\n    type?: ButtonHTMLAttributes<HTMLButtonElement>['type'];\n  }\n>;\n\nexport const Button = ({\n  asChild,\n  variant = 'filled',\n  size = 'medium',\n  stretch,\n  dark,\n  submitting,\n  icon,\n  children,\n  className,\n  startIcon,\n  endIcon,\n  active,\n  ref,\n  ...props\n}: ButtonProps) => {\n  const Component = asChild ? Slot : 'button';\n\n  return (\n    <Component\n      aria-busy={Boolean(submitting) || undefined}\n      aria-disabled={Boolean(submitting) || undefined}\n      className={clsx('bi-button', className)}\n      data-variant={variant}\n      data-size={size}\n      data-stretch={stretch || undefined}\n      data-dark={dark || undefined}\n      data-icon={icon || undefined}\n      data-active={active || undefined}\n      ref={ref}\n      /* don't set type when we use `asChild` */\n      type={asChild ? undefined : 'button'}\n      /* if consumers set type, our default does not set anything, as `rest` contains this */\n      {...props}\n    >\n      {!icon &&\n        (submitting ? (\n          <Spinner aria-hidden='true' className='bi-button--start-icon' />\n        ) : (\n          startIcon && <span className='bi-button--start-icon'>{startIcon}</span>\n        ))}\n      <Slottable>{icon && submitting ? <Spinner aria-hidden='true' /> : children}</Slottable>\n      {!icon && endIcon && <span className='bi-button--end-icon'>{endIcon}</span>}\n    </Component>\n  );\n};\n"],"mappings":";;;;;;AA0DA,MAAa,UAAU,EACrB,SACA,UAAU,UACV,OAAO,UACP,SACA,MACA,YACA,MACA,UACA,WACA,WACA,SACA,QACA,IACA,GAAG,YACc;CACjB,MAAM,YAAY,UAAU,OAAO;AAEnC,QACE,qBAAC;EACC,aAAW,QAAQ,eAAe;EAClC,iBAAe,QAAQ,eAAe;EACtC,WAAW,KAAK,aAAa;EAC7B,gBAAc;EACd,aAAW;EACX,gBAAc,WAAW;EACzB,aAAW,QAAQ;EACnB,aAAW,QAAQ;EACnB,eAAa,UAAU;EAClB;EAEL,MAAM,UAAU,SAAY;EAE5B,GAAI;;GAEH,CAAC,SACC,aACC,oBAAC;IAAQ,eAAY;IAAO,WAAU;QAEtC,aAAa,oBAAC;IAAK,WAAU;cAAyB;;GAE1D,oBAAC,uBAAW,QAAQ,aAAa,oBAAC,WAAQ,eAAY,YAAY;GACjE,CAAC,QAAQ,WAAW,oBAAC;IAAK,WAAU;cAAuB"}