@bi-digital/react 0.3.3 → 0.3.4

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;;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"}
+{"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;CACR;AAED,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,UAAU;EACtC,gBAAc;EACd,aAAW;EACX,aAAW;EACN;EACL,GAAI;;GAEH,QAAQ,oBAAC,gBAAc;GACvB;GACA;;GACS"}

package/dist/{alert-footer-DWZoQIek.d.ts → alert-footer-BS7TXc1g.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_runtime1 from "react/jsx-runtime";
+import * as react_jsx_runtime0 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_runtime1.JSX.Element;
+}: AlertProps) => react_jsx_runtime0.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_runtime1.JSX.Element;
+}: AvatarProps) => react_jsx_runtime0.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_runtime1.JSX.Element;
+}: BadgeProps) => react_jsx_runtime0.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_runtime1.JSX.Element;
+}: ButtonProps) => react_jsx_runtime0.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_runtime1.JSX.Element;
+}: CardProps) => react_jsx_runtime0.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_runtime1.JSX.Element;
+}: CardActionsProps) => react_jsx_runtime0.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_runtime1.JSX.Element;
+}: CardActionProps) => react_jsx_runtime0.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_runtime1.JSX.Element;
+}: CardContentProps) => react_jsx_runtime0.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_runtime1.JSX.Element;
+}: CardHeaderProps) => react_jsx_runtime0.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_runtime1.JSX.Element;
+}: CardMediaProps) => react_jsx_runtime0.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_runtime1.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 +353,7 @@ declare const Input: ({
   readOnly,
   ref,
   ...props
-}: InputProps) => react_jsx_runtime1.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'>, {
@@ -382,7 +382,7 @@ declare const Checkbox: ({
   id,
   "aria-describedby": ariaDescribedByProp,
   ...props
-}: CheckboxProps) => react_jsx_runtime1.JSX.Element;
+}: CheckboxProps) => react_jsx_runtime0.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_runtime1.JSX.Element;
+}: CheckboxSubsectionProps) => react_jsx_runtime0.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_runtime1.JSX.Element;
+}: ChipProps) => react_jsx_runtime0.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_runtime1.JSX.Element;
+}: DialogProps) => react_jsx_runtime0.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_runtime1.JSX.Element;
+}: DialogContentProps) => react_jsx_runtime0.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_runtime1.JSX.Element;
+}: DialogHeaderProps) => react_jsx_runtime0.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_runtime1.JSX.Element;
+}: DialogFooterProps) => react_jsx_runtime0.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_runtime1.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'>;
@@ -582,7 +582,7 @@ declare const DialogCloseButton: ({
   children,
   ref,
   ...props
-}: DialogCloseButtonProps) => react_jsx_runtime1.JSX.Element;
+}: DialogCloseButtonProps) => react_jsx_runtime0.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_runtime1.JSX.Element;
+}: DrawerProps) => react_jsx_runtime0.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_runtime1.JSX.Element;
+}: DrawerContentProps) => react_jsx_runtime0.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_runtime1.JSX.Element;
+}: DrawerHeaderProps) => react_jsx_runtime0.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_runtime1.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_runtime1.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_runtime1.JSX.Element;
+}: DrawerCloseButtonProps) => react_jsx_runtime0.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_runtime1.JSX.Element;
+}: PopoverProps) => react_jsx_runtime0.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_runtime1.JSX.Element;
+}: PopoverTriggerProps) => react_jsx_runtime0.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_runtime1.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_runtime1.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_runtime1.JSX.Element;
+}: DropdownTriggerProps) => react_jsx_runtime0.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_runtime1.JSX.Element;
+}: DropdownTriggerContextProps) => react_jsx_runtime0.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_runtime1.JSX.Element;
+}: FieldProps) => react_jsx_runtime0.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_runtime1.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'>, {
@@ -949,7 +949,7 @@ declare const FieldAffixes: ({
   asChild,
   ref,
   ...rest
-}: FieldAffixesProps) => react_jsx_runtime1.JSX.Element;
+}: FieldAffixesProps) => react_jsx_runtime0.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_runtime1.JSX.Element;
+}: FieldAffixProps) => react_jsx_runtime0.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_runtime1.JSX.Element;
+}: FieldsetProps) => react_jsx_runtime0.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_runtime1.JSX.Element;
+}: FieldsetDescriptionProps) => react_jsx_runtime0.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_runtime1.JSX.Element;
+}: LabelProps) => react_jsx_runtime0.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_runtime1.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>, {
@@ -1047,7 +1047,7 @@ declare const FilterGroup: ({
   className,
   ref,
   ...props
-}: FilterGroupProps) => react_jsx_runtime1.JSX.Element;
+}: FilterGroupProps) => react_jsx_runtime0.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_runtime1.JSX.Element;
+}: FooterProps) => react_jsx_runtime0.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_runtime1.JSX.Element;
+}: LinkProps) => react_jsx_runtime0.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_runtime1.JSX.Element;
+}: LogoProps) => react_jsx_runtime0.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_runtime1.JSX.Element;
+}: NavbarProps) => react_jsx_runtime0.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_runtime1.JSX.Element;
+}: SubNavbarProps) => react_jsx_runtime0.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_runtime1.JSX.Element;
+}: PaginationProps) => react_jsx_runtime0.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_runtime1.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'>, {
@@ -1246,7 +1246,7 @@ declare const Radio: ({
   id,
   "aria-describedby": ariaDescribedByProp,
   ...props
-}: RadioProps) => react_jsx_runtime1.JSX.Element;
+}: RadioProps) => react_jsx_runtime0.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_runtime1.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'>, {
@@ -1299,7 +1299,7 @@ declare const Select: ({
   size,
   ref,
   ...props
-}: SelectProps) => react_jsx_runtime1.JSX.Element;
+}: SelectProps) => react_jsx_runtime0.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_runtime1.JSX.Element;
+}: SelectOptionProps) => react_jsx_runtime0.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_runtime1.JSX.Element;
+}: SelectOptgroupProps) => react_jsx_runtime0.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_runtime1.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>, {
@@ -1355,7 +1355,7 @@ declare const SkipLink: ({
   className,
   dark,
   ...props
-}: SkipLinkProps) => react_jsx_runtime1.JSX.Element;
+}: SkipLinkProps) => react_jsx_runtime0.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_runtime1.JSX.Element;
+}: SpinnerProps) => react_jsx_runtime0.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_runtime1.JSX.Element;
+}: TabsProps) => react_jsx_runtime0.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_runtime1.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'>, {
@@ -1461,7 +1461,7 @@ declare const TabsList: ({
   dark,
   ref,
   ...props
-}: TabsListProps) => react_jsx_runtime1.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'>, {
@@ -1485,7 +1485,7 @@ declare const TabsPanel: ({
   dark,
   ref,
   ...props
-}: TabsPanelProps) => react_jsx_runtime1.JSX.Element;
+}: TabsPanelProps) => react_jsx_runtime0.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_runtime1.JSX.Element;
+}: TextareaProps) => react_jsx_runtime0.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_runtime1.JSX.Element;
+}: TextfieldProps) => react_jsx_runtime0.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_runtime1.JSX.Element;
+}: ValidationMessageProps) => react_jsx_runtime0.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_runtime1.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, 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-DWZoQIek.d.ts.map
+//# sourceMappingURL=alert-footer-BS7TXc1g.d.ts.map

package/dist/{alert-footer-DL4rCThp.js → alert-footer-DfjvFlBv.js}

@@ -4,8 +4,7 @@ import { jsx } from "react/jsx-runtime";
 
 //#region src/components/alert/alert-footer.tsx
 const AlertFooter = ({ className, children, asChild, ref,...rest }) => {
-	const Component = asChild ? Slot : "div";
-	return /* @__PURE__ */ jsx(Component, {
+	return /* @__PURE__ */ jsx(asChild ? Slot : "div", {
 		className: clsx("bi-alert--footer", className),
 		ref,
 		...rest,
@@ -15,4 +14,4 @@ const AlertFooter = ({ className, children, asChild, ref,...rest }) => {
 
 //#endregion
 export { AlertFooter };
-//# sourceMappingURL=alert-footer-DL4rCThp.js.map
+//# sourceMappingURL=alert-footer-DfjvFlBv.js.map

package/dist/{alert-footer-DL4rCThp.js.map → alert-footer-DfjvFlBv.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,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"}
+{"version":3,"file":"alert-footer-DfjvFlBv.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;AAE/F,QACE,oBAFgB,UAAU,OAAO;EAEtB,WAAW,KAAK,oBAAoB,UAAU;EAAO;EAAK,GAAI;EACtE;GACS"}

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,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"}
+{"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,UAAU;EACvC,cAAY;EACZ,MAAK;EACL,aAAW;EACX,cAAY;EACZ,aAAW;EACN;EACL,GAAI;YAEJ,oBAAC;GAAU,GAAK,cAAc,EAAE,eAAe,MAAM,GAAG,EAAE;GAAI;IAAqB;GAC9E"}

package/dist/{badge-D9OVAKG8.js → badge-tKh0f84O.js}

@@ -4,8 +4,7 @@ import clsx from "clsx";
 
 //#region src/components/badge/badge.tsx
 const Badge = ({ className, children, dark, size = "medium", color = "neutral", singleLetter = false, asChild, ref,...props }) => {
-	const Component = asChild ? Slot : "span";
-	return /* @__PURE__ */ jsx(Component, {
+	return /* @__PURE__ */ jsx(asChild ? Slot : "span", {
 		className: clsx("bi-badge", className),
 		"data-size": size,
 		"data-color": color,
@@ -19,4 +18,4 @@ const Badge = ({ className, children, dark, size = "medium", color = "neutral",
 
 //#endregion
 export { Badge };
-//# sourceMappingURL=badge-D9OVAKG8.js.map
+//# sourceMappingURL=badge-tKh0f84O.js.map

package/dist/{badge-D9OVAKG8.js.map → badge-tKh0f84O.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,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"}
+{"version":3,"file":"badge-tKh0f84O.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;AAGhB,QACE,oBAHgB,UAAU,OAAO;EAI/B,WAAW,KAAK,YAAY,UAAU;EACtC,aAAW;EACX,cAAY;EACZ,sBAAoB;EACpB,aAAW;EACN;EACL,GAAI;EAEH;GACS"}