@bi-digital/react 0.2.16 → 0.2.18

package/dist/{alert-footer-DF92J9Xu.d.ts → alert-footer-BS8bENJI.d.ts}

@@ -16,7 +16,7 @@ import * as react_jsx_runtime12 from "react/jsx-runtime";
 import * as react_jsx_runtime13 from "react/jsx-runtime";
 import * as react_jsx_runtime21 from "react/jsx-runtime";
 import * as react_jsx_runtime15 from "react/jsx-runtime";
-import * as react_jsx_runtime68 from "react/jsx-runtime";
+import * as react_jsx_runtime17 from "react/jsx-runtime";
 import * as react_jsx_runtime16 from "react/jsx-runtime";
 import * as react_jsx_runtime20 from "react/jsx-runtime";
 import * as react_jsx_runtime14 from "react/jsx-runtime";
@@ -26,8 +26,8 @@ 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_runtime55 from "react/jsx-runtime";
 import * as react_jsx_runtime54 from "react/jsx-runtime";
-import * as react_jsx_runtime53 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";
@@ -40,27 +40,26 @@ import * as react_jsx_runtime45 from "react/jsx-runtime";
 import * as react_jsx_runtime40 from "react/jsx-runtime";
 import * as react_jsx_runtime43 from "react/jsx-runtime";
 import * as react_jsx_runtime46 from "react/jsx-runtime";
-import * as react_jsx_runtime17 from "react/jsx-runtime";
 import * as react_jsx_runtime47 from "react/jsx-runtime";
-import * as react_jsx_runtime50 from "react/jsx-runtime";
 import * as react_jsx_runtime48 from "react/jsx-runtime";
-import * as react_jsx_runtime55 from "react/jsx-runtime";
+import * as react_jsx_runtime51 from "react/jsx-runtime";
+import * as react_jsx_runtime49 from "react/jsx-runtime";
 import * as react_jsx_runtime56 from "react/jsx-runtime";
-import * as react_jsx_runtime59 from "react/jsx-runtime";
-import * as react_jsx_runtime58 from "react/jsx-runtime";
 import * as react_jsx_runtime57 from "react/jsx-runtime";
 import * as react_jsx_runtime60 from "react/jsx-runtime";
-import * as react_jsx_runtime64 from "react/jsx-runtime";
+import * as react_jsx_runtime59 from "react/jsx-runtime";
+import * as react_jsx_runtime58 from "react/jsx-runtime";
 import * as react_jsx_runtime61 from "react/jsx-runtime";
+import * as react_jsx_runtime65 from "react/jsx-runtime";
 import * as react_jsx_runtime62 from "react/jsx-runtime";
 import * as react_jsx_runtime63 from "react/jsx-runtime";
-import * as react_jsx_runtime65 from "react/jsx-runtime";
+import * as react_jsx_runtime64 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_runtime68 from "react/jsx-runtime";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
 import { AnchorHTMLAttributes, AriaAttributes, ButtonHTMLAttributes, DialogHTMLAttributes, FieldsetHTMLAttributes, HTMLAttributes, InputHTMLAttributes, LabelHTMLAttributes, OptgroupHTMLAttributes, OptionHTMLAttributes, ReactNode, Ref, SelectHTMLAttributes, TextareaHTMLAttributes } from "react";
 import { Middleware, Placement } from "@floating-ui/dom";
-import "@oddbird/popover-polyfill";
 
 //#region src/components/alert/alert.d.ts
 type AlertProps = MergeRight<DefaultProps & HTMLAttributes<HTMLDivElement>, {
@@ -585,7 +584,7 @@ declare const DialogHeader: ({
   className,
   noBorder,
   ...rest
-}: DialogHeaderProps) => react_jsx_runtime68.JSX.Element;
+}: DialogHeaderProps) => react_jsx_runtime17.JSX.Element;
 //#endregion
 //#region src/components/dialog/dialog-footer.d.ts
 type DialogFooterProps = MergeRight<HTMLAttributes<HTMLDivElement>, {
@@ -727,13 +726,10 @@ type PopoverProps = MergeRight<DefaultProps & HTMLAttributes<HTMLDivElement>, {
    */
   open?: boolean;
   /**
-   * Callback when the popover wants to open.
-   */
-  onOpen?: () => void;
-  /**
-   * Callback when the popover wants to close.
+   * Callback when the open state changes.
+   * @param open - The new open state of the popover.
    */
-  onClose?: () => void;
+  onOpenChange?: (open: boolean) => void;
   /**
    * Whether to disable auto placement.
    * @default false
@@ -779,16 +775,15 @@ type PopoverProps = MergeRight<DefaultProps & HTMLAttributes<HTMLDivElement>, {
  * </PopoverTriggerContext>
  *
  * @example without TriggerContext
- * <Button popovertarget="my-popover">Open Popover</Button>
- * <Popover id="my-popover">
+ * <Button aria-controls="my-popover" aria-expanded={open}>Open Popover</Button>
+ * <Popover open={open} onOpenChange={onOpenChange} id="my-popover">
  *   Content
  * </Popover>
  */
 declare const Popover: ({
   id,
   className,
-  onClose,
-  onOpen,
+  onOpenChange,
   open,
   placement,
   disableAutoPlacement,
@@ -797,7 +792,7 @@ declare const Popover: ({
   asChild,
   ref,
   ...rest
-}: PopoverProps) => react_jsx_runtime54.JSX.Element;
+}: PopoverProps) => react_jsx_runtime55.JSX.Element;
 //#endregion
 //#region src/components/popover/popover-trigger.d.ts
 type PopoverTriggerProps = ({
@@ -846,7 +841,7 @@ declare const PopoverTrigger: ({
   asChild,
   ref,
   ...rest
-}: PopoverTriggerProps) => react_jsx_runtime53.JSX.Element;
+}: PopoverTriggerProps) => react_jsx_runtime54.JSX.Element;
 //#endregion
 //#region src/components/dropdown/dropdown.d.ts
 type DropdownProps = MergeRight<DefaultProps & PopoverProps, {
@@ -873,8 +868,8 @@ type DropdownProps = MergeRight<DefaultProps & PopoverProps, {
  * </DropdownTriggerContext>
  *
  * @example without TriggerContext
- * <Button popovertarget="some-dropdown">Trigger</Button>
- * <Dropdown id="some-dropdown">
+ * <Button aria-controls="some-dropdown" aria-expanded={open}>Trigger</Button>
+ * <Dropdown id="some-dropdown" open={open} onOpenChange={onOpenChange}>
  *   <DropdownHeading>Heading</DropdownHeading>
  *   <DropdownList>
  *     <DropdownItem>
@@ -1124,7 +1119,7 @@ declare const Logo: ({
   className,
   ref,
   ...props
-}: LogoProps) => react_jsx_runtime17.JSX.Element;
+}: LogoProps) => react_jsx_runtime47.JSX.Element;
 //#endregion
 //#region src/components/navbar/navbar.d.ts
 type NavbarProps = MergeRight<DefaultProps & HTMLAttributes<HTMLDivElement>, {
@@ -1170,7 +1165,7 @@ declare const Navbar: ({
   className,
   ref,
   ...props
-}: NavbarProps) => react_jsx_runtime47.JSX.Element;
+}: NavbarProps) => react_jsx_runtime48.JSX.Element;
 //#endregion
 //#region src/components/pagination/pagination.d.ts
 type PaginationProps = MergeRight<DefaultProps & HTMLAttributes<HTMLDivElement>, {
@@ -1182,7 +1177,7 @@ declare const Pagination: ({
   ref,
   children,
   ...props
-}: PaginationProps) => react_jsx_runtime50.JSX.Element;
+}: PaginationProps) => react_jsx_runtime51.JSX.Element;
 //#endregion
 //#region src/components/pagination/pagination-button.d.ts
 type PaginationButtonProps = ButtonProps & {
@@ -1195,7 +1190,7 @@ type PaginationButtonProps = ButtonProps & {
 declare const PaginationButton: ({
   ref,
   ...rest
-}: PaginationButtonProps) => react_jsx_runtime48.JSX.Element;
+}: PaginationButtonProps) => react_jsx_runtime49.JSX.Element;
 //#endregion
 //#region src/components/radio/radio.d.ts
 type RadioProps = MergeRight<LabelRequiredProps & Omit<InputProps, 'type' | 'role' | 'size'>, {
@@ -1218,7 +1213,7 @@ declare const Radio: ({
   id,
   "aria-describedby": ariaDescribedByProp,
   ...props
-}: RadioProps) => react_jsx_runtime55.JSX.Element;
+}: RadioProps) => react_jsx_runtime56.JSX.Element;
 //#endregion
 //#region src/components/search/search.d.ts
 type SearchProps = MergeRight<Omit<InputProps, 'type' | 'size'>, {
@@ -1244,7 +1239,7 @@ declare const Search: ({
   dark,
   style,
   ...props
-}: SearchProps) => react_jsx_runtime56.JSX.Element;
+}: SearchProps) => react_jsx_runtime57.JSX.Element;
 //#endregion
 //#region src/components/select/select.d.ts
 type SelectProps = MergeRight<DefaultProps & Omit<SelectHTMLAttributes<HTMLSelectElement>, 'multiple' | 'size'>, {
@@ -1265,7 +1260,7 @@ declare const Select: ({
   size,
   ref,
   ...props
-}: SelectProps) => react_jsx_runtime59.JSX.Element;
+}: SelectProps) => react_jsx_runtime60.JSX.Element;
 //#endregion
 //#region src/components/select/select-option.d.ts
 type SelectOptionProps = MergeRight<AsChildProps & OptionHTMLAttributes<HTMLOptionElement>, {
@@ -1275,7 +1270,7 @@ declare const SelectOption: ({
   asChild,
   ref,
   ...props
-}: SelectOptionProps) => react_jsx_runtime58.JSX.Element;
+}: SelectOptionProps) => react_jsx_runtime59.JSX.Element;
 //#endregion
 //#region src/components/select/select-optgroup.d.ts
 type SelectOptgroupProps = MergeRight<AsChildProps & OptgroupHTMLAttributes<HTMLOptGroupElement>, {
@@ -1285,7 +1280,7 @@ declare const SelectOptgroup: ({
   asChild,
   ref,
   ...props
-}: SelectOptgroupProps) => react_jsx_runtime57.JSX.Element;
+}: SelectOptgroupProps) => react_jsx_runtime58.JSX.Element;
 //#endregion
 //#region src/components/spinner/spinner.d.ts
 type SpinnerProps = MergeRight<DefaultProps & HTMLAttributes<HTMLSpanElement>, {
@@ -1307,7 +1302,7 @@ declare const Spinner: ({
   className,
   ref,
   ...props
-}: SpinnerProps) => react_jsx_runtime60.JSX.Element;
+}: SpinnerProps) => react_jsx_runtime61.JSX.Element;
 //#endregion
 //#region src/components/tabs/tabs.d.ts
 type TabsProps = MergeRight<DefaultProps & Omit<HTMLAttributes<HTMLDivElement>, 'dir'>, {
@@ -1346,7 +1341,7 @@ declare const Tabs: ({
   dark,
   ref,
   ...props
-}: TabsProps) => react_jsx_runtime64.JSX.Element;
+}: TabsProps) => react_jsx_runtime65.JSX.Element;
 //#endregion
 //#region src/components/tabs/tab.d.ts
 type TabProps = MergeRight<Omit<ButtonProps, 'variant' | 'type'>, {
@@ -1367,7 +1362,7 @@ declare const Tab: ({
   dark,
   ref,
   ...props
-}: TabProps) => react_jsx_runtime61.JSX.Element;
+}: TabProps) => react_jsx_runtime62.JSX.Element;
 //#endregion
 //#region src/components/tabs/tabs-list.d.ts
 type TabsListProps = MergeRight<DefaultProps & Omit<HTMLAttributes<HTMLDivElement>, 'dir'>, {
@@ -1391,7 +1386,7 @@ declare const TabsList: ({
   dark,
   ref,
   ...props
-}: TabsListProps) => react_jsx_runtime62.JSX.Element;
+}: TabsListProps) => react_jsx_runtime63.JSX.Element;
 //#endregion
 //#region src/components/tabs/tabs-panel.d.ts
 type TabsPanelProps = MergeRight<DefaultProps & Omit<HTMLAttributes<HTMLDivElement>, 'dir'>, {
@@ -1415,7 +1410,7 @@ declare const TabsPanel: ({
   dark,
   ref,
   ...props
-}: TabsPanelProps) => react_jsx_runtime63.JSX.Element;
+}: TabsPanelProps) => react_jsx_runtime64.JSX.Element;
 //#endregion
 //#region src/components/textarea/textarea.d.ts
 type TextareaProps = MergeRight<DefaultProps & Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'prefix'>, {
@@ -1432,7 +1427,7 @@ declare const Textarea: ({
   size,
   ref,
   ...props
-}: TextareaProps) => react_jsx_runtime65.JSX.Element;
+}: TextareaProps) => react_jsx_runtime66.JSX.Element;
 //#endregion
 //#region src/components/textfield/textfield.d.ts
 type InputPropsFiltered = Omit<InputProps, 'prefix' | 'className' | 'style'>;
@@ -1478,7 +1473,7 @@ declare const Textfield: ({
   id: idProp,
   "aria-describedby": ariaDescribedByProp,
   ...props
-}: TextfieldProps) => react_jsx_runtime66.JSX.Element;
+}: TextfieldProps) => react_jsx_runtime67.JSX.Element;
 //#endregion
 //#region src/components/validation-message/validation-message.d.ts
 type ValidationMessageProps = MergeRight<AsChildProps & HTMLAttributes<HTMLParagraphElement>, {
@@ -1493,7 +1488,7 @@ declare const ValidationMessage: ({
   asChild,
   ref,
   ...props
-}: ValidationMessageProps) => react_jsx_runtime67.JSX.Element;
+}: ValidationMessageProps) => react_jsx_runtime68.JSX.Element;
 //#endregion
 //#region src/utilities/hooks/usePagination/usePagination.d.ts
 type UsePaginationProps = {
@@ -1601,4 +1596,4 @@ declare const AlertFooter: ({
 }: 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, 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, 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, Spinner, SpinnerProps, Tab, TabProps, Tabs, TabsList, TabsListProps, TabsPanel, TabsPanelProps, TabsProps, Textarea, TextareaProps, Textfield, TextfieldProps, UsePaginationProps, ValidationMessage, ValidationMessageProps, usePagination };
-//# sourceMappingURL=alert-footer-DF92J9Xu.d.ts.map
+//# sourceMappingURL=alert-footer-BS8bENJI.d.ts.map

package/dist/{button-ByuaxNe-.js → button-fhd-JARc.js}

@@ -20,13 +20,22 @@ const Button = ({ asChild, variant = "filled", size = "medium", stretch, dark, s
 		type: asChild ? void 0 : "button",
 		...props,
 		children: [
-			!icon && (submitting ? /* @__PURE__ */ jsx(Spinner, { "aria-hidden": "true" }) : startIcon),
+			!icon && (submitting ? /* @__PURE__ */ jsx(Spinner, {
+				"aria-hidden": "true",
+				className: "bi-button--start-icon"
+			}) : startIcon && /* @__PURE__ */ jsx("span", {
+				className: "bi-button--start-icon",
+				children: startIcon
+			})),
 			/* @__PURE__ */ jsx(Slottable, { children: icon && submitting ? /* @__PURE__ */ jsx(Spinner, { "aria-hidden": "true" }) : children }),
-			!icon && endIcon
+			!icon && endIcon && /* @__PURE__ */ jsx("span", {
+				className: "bi-button--end-icon",
+				children: endIcon
+			})
 		]
 	});
 };
 
 //#endregion
 export { Button };
-//# sourceMappingURL=button-ByuaxNe-.js.map
+//# sourceMappingURL=button-fhd-JARc.js.map

package/dist/{button-ByuaxNe-.js.map → button-fhd-JARc.js.map}

@@ -1 +1 @@
-{"version":3,"file":"button-ByuaxNe-.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 && (submitting ? <Spinner aria-hidden='true' /> : startIcon)}\n      <Slottable>{icon && submitting ? <Spinner aria-hidden='true' /> : children}</Slottable>\n      {!icon && endIcon}\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,wBACE,KAAC;EACC,aAAW,QAAQ,WAAW;EAC9B,iBAAe,QAAQ,WAAW;EAClC,WAAW,KAAK,aAAa,UAAU;EACvC,gBAAc;EACd,aAAW;EACX,gBAAc;EACd,aAAW;EACX,aAAW;EACX,eAAa;EACR;EAEL,MAAM,mBAAsB;EAE5B,GAAI;;IAEF,SAAS,6BAAa,IAAC,WAAQ,eAAY,SAAS,GAAG;mBACzD,IAAC,uBAAW,QAAQ,6BAAa,IAAC,WAAQ,eAAY,SAAS,GAAG,WAAqB;IACrF,QAAQ;;GACA;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,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,wBACE,KAAC;EACC,aAAW,QAAQ,WAAW;EAC9B,iBAAe,QAAQ,WAAW;EAClC,WAAW,KAAK,aAAa,UAAU;EACvC,gBAAc;EACd,aAAW;EACX,gBAAc;EACd,aAAW;EACX,aAAW;EACX,eAAa;EACR;EAEL,MAAM,mBAAsB;EAE5B,GAAI;;IAEF,SACC,6BACC,IAAC;IAAQ,eAAY;IAAO,WAAU;KAA0B,GAEhE,6BAAa,IAAC;IAAK,WAAU;cAAyB;KAAiB;mBAE3E,IAAC,uBAAW,QAAQ,6BAAa,IAAC,WAAQ,eAAY,SAAS,GAAG,WAAqB;IACrF,QAAQ,2BAAW,IAAC;IAAK,WAAU;cAAuB;KAAe;;GACjE;AAEf"}

package/dist/{card-action-DHCCNSRo.js → card-action-D8M3_IVq.js}

@@ -1,4 +1,4 @@
-import { Button } from "./button-ByuaxNe-.js";
+import { Button } from "./button-fhd-JARc.js";
 import clsx from "clsx/lite";
 import { Slot } from "@radix-ui/react-slot";
 import { jsx } from "react/jsx-runtime";
@@ -20,4 +20,4 @@ const CardAction = ({ asChild, ref, children, dark, className,...props }) => {
 
 //#endregion
 export { CardAction };
-//# sourceMappingURL=card-action-DHCCNSRo.js.map
+//# sourceMappingURL=card-action-D8M3_IVq.js.map

package/dist/{card-action-DHCCNSRo.js.map → card-action-D8M3_IVq.js.map}

@@ -1 +1 @@
-{"version":3,"file":"card-action-DHCCNSRo.js","names":[],"sources":["../src/components/card/card-action.tsx"],"sourcesContent":["import clsx from 'clsx/lite';\nimport { Button, type ButtonProps } from '../button';\nimport { Slot } from '@radix-ui/react-slot';\n\nexport type CardActionProps = ButtonProps;\n\nexport const CardAction = ({ asChild, ref, children, dark, className, ...props }: CardActionProps) => {\n  const Component = asChild ? Slot : Button;\n  return (\n    <Component\n      variant='text'\n      size='large'\n      icon\n      dark={dark}\n      className={clsx('bi-card--action', className)}\n      ref={ref}\n      {...props}\n    >\n      {children}\n    </Component>\n  );\n};\n"],"mappings":";;;;;;AAMA,MAAa,aAAa,CAAC,EAAE,SAAS,KAAK,UAAU,MAAM,UAAW,GAAG,OAAwB,KAAK;CACpG,MAAM,YAAY,UAAU,OAAO;AACnC,wBACE,IAAC;EACC,SAAQ;EACR,MAAK;EACL;EACM;EACN,WAAW,KAAK,mBAAmB,UAAU;EACxC;EACL,GAAI;EAEH;GACS;AAEf"}
+{"version":3,"file":"card-action-D8M3_IVq.js","names":[],"sources":["../src/components/card/card-action.tsx"],"sourcesContent":["import clsx from 'clsx/lite';\nimport { Button, type ButtonProps } from '../button';\nimport { Slot } from '@radix-ui/react-slot';\n\nexport type CardActionProps = ButtonProps;\n\nexport const CardAction = ({ asChild, ref, children, dark, className, ...props }: CardActionProps) => {\n  const Component = asChild ? Slot : Button;\n  return (\n    <Component\n      variant='text'\n      size='large'\n      icon\n      dark={dark}\n      className={clsx('bi-card--action', className)}\n      ref={ref}\n      {...props}\n    >\n      {children}\n    </Component>\n  );\n};\n"],"mappings":";;;;;;AAMA,MAAa,aAAa,CAAC,EAAE,SAAS,KAAK,UAAU,MAAM,UAAW,GAAG,OAAwB,KAAK;CACpG,MAAM,YAAY,UAAU,OAAO;AACnC,wBACE,IAAC;EACC,SAAQ;EACR,MAAK;EACL;EACM;EACN,WAAW,KAAK,mBAAmB,UAAU;EACxC;EACL,GAAI;EAEH;GACS;AAEf"}

package/dist/components/alert/alert-footer.d.ts

@@ -1,14 +1,14 @@
 import "../../useIsomorphicLayoutEffect-D3y6bHpX.js";
 import "../../useMergeRefs-BTgz9pcs.js";
 import "../../types-BTJlwWCQ.js";
-import { AlertFooter, AlertFooterProps } from "../../alert-footer-DF92J9Xu.js";
+import { AlertFooter, AlertFooterProps } from "../../alert-footer-BS8bENJI.js";
 import "../../dialog-trigger-context-BP03jmAI.js";
 import "../../drawer-trigger-context-BDcc94cu.js";
-import "../../popover-trigger-context-vREVdUak.js";
+import "../../popover-trigger-context-DQy9nKB2.js";
 import "../../dropdown-item-bMZ3-43Z.js";
 import "../../dropdown-list-DenWbmcv.js";
 import "../../dropdown-trigger-context-BabMM_7k.js";
 import "../../footer-links-sRD7teEv.js";
-import "../../pagination-item-DKL5arlo.js";
+import "../../pagination-item-hMN-34PX.js";
 import "../../types-CAwE6h3H.js";
 export { AlertFooter, AlertFooterProps };

package/dist/components/alert/alert.d.ts

@@ -1,14 +1,14 @@
 import "../../useIsomorphicLayoutEffect-D3y6bHpX.js";
 import "../../useMergeRefs-BTgz9pcs.js";
 import "../../types-BTJlwWCQ.js";
-import { Alert, AlertProps } from "../../alert-footer-DF92J9Xu.js";
+import { Alert, AlertProps } from "../../alert-footer-BS8bENJI.js";
 import "../../dialog-trigger-context-BP03jmAI.js";
 import "../../drawer-trigger-context-BDcc94cu.js";
-import "../../popover-trigger-context-vREVdUak.js";
+import "../../popover-trigger-context-DQy9nKB2.js";
 import "../../dropdown-item-bMZ3-43Z.js";
 import "../../dropdown-list-DenWbmcv.js";
 import "../../dropdown-trigger-context-BabMM_7k.js";
 import "../../footer-links-sRD7teEv.js";
-import "../../pagination-item-DKL5arlo.js";
+import "../../pagination-item-hMN-34PX.js";
 import "../../types-CAwE6h3H.js";
 export { Alert, AlertProps };

package/dist/components/alert/index.d.ts

@@ -1,14 +1,14 @@
 import "../../useIsomorphicLayoutEffect-D3y6bHpX.js";
 import "../../useMergeRefs-BTgz9pcs.js";
 import "../../types-BTJlwWCQ.js";
-import { Alert, AlertFooter, AlertFooterProps, AlertProps } from "../../alert-footer-DF92J9Xu.js";
+import { Alert, AlertFooter, AlertFooterProps, AlertProps } from "../../alert-footer-BS8bENJI.js";
 import "../../dialog-trigger-context-BP03jmAI.js";
 import "../../drawer-trigger-context-BDcc94cu.js";
-import "../../popover-trigger-context-vREVdUak.js";
+import "../../popover-trigger-context-DQy9nKB2.js";
 import "../../dropdown-item-bMZ3-43Z.js";
 import "../../dropdown-list-DenWbmcv.js";
 import "../../dropdown-trigger-context-BabMM_7k.js";
 import "../../footer-links-sRD7teEv.js";
-import "../../pagination-item-DKL5arlo.js";
+import "../../pagination-item-hMN-34PX.js";
 import "../../types-CAwE6h3H.js";
 export { Alert, AlertFooter, AlertFooterProps, AlertProps };

package/dist/components/avatar/avatar.d.ts

@@ -1,14 +1,14 @@
 import "../../useIsomorphicLayoutEffect-D3y6bHpX.js";
 import "../../useMergeRefs-BTgz9pcs.js";
 import "../../types-BTJlwWCQ.js";
-import { Avatar, AvatarProps } from "../../alert-footer-DF92J9Xu.js";
+import { Avatar, AvatarProps } from "../../alert-footer-BS8bENJI.js";
 import "../../dialog-trigger-context-BP03jmAI.js";
 import "../../drawer-trigger-context-BDcc94cu.js";
-import "../../popover-trigger-context-vREVdUak.js";
+import "../../popover-trigger-context-DQy9nKB2.js";
 import "../../dropdown-item-bMZ3-43Z.js";
 import "../../dropdown-list-DenWbmcv.js";
 import "../../dropdown-trigger-context-BabMM_7k.js";
 import "../../footer-links-sRD7teEv.js";
-import "../../pagination-item-DKL5arlo.js";
+import "../../pagination-item-hMN-34PX.js";
 import "../../types-CAwE6h3H.js";
 export { Avatar, AvatarProps };

package/dist/components/avatar/index.d.ts

@@ -1,14 +1,14 @@
 import "../../useIsomorphicLayoutEffect-D3y6bHpX.js";
 import "../../useMergeRefs-BTgz9pcs.js";
 import "../../types-BTJlwWCQ.js";
-import { Avatar, AvatarProps } from "../../alert-footer-DF92J9Xu.js";
+import { Avatar, AvatarProps } from "../../alert-footer-BS8bENJI.js";
 import "../../dialog-trigger-context-BP03jmAI.js";
 import "../../drawer-trigger-context-BDcc94cu.js";
-import "../../popover-trigger-context-vREVdUak.js";
+import "../../popover-trigger-context-DQy9nKB2.js";
 import "../../dropdown-item-bMZ3-43Z.js";
 import "../../dropdown-list-DenWbmcv.js";
 import "../../dropdown-trigger-context-BabMM_7k.js";
 import "../../footer-links-sRD7teEv.js";
-import "../../pagination-item-DKL5arlo.js";
+import "../../pagination-item-hMN-34PX.js";
 import "../../types-CAwE6h3H.js";
 export { Avatar, AvatarProps };

package/dist/components/badge/badge.d.ts

@@ -1,14 +1,14 @@
 import "../../useIsomorphicLayoutEffect-D3y6bHpX.js";
 import "../../useMergeRefs-BTgz9pcs.js";
 import "../../types-BTJlwWCQ.js";
-import { Badge, BadgeProps } from "../../alert-footer-DF92J9Xu.js";
+import { Badge, BadgeProps } from "../../alert-footer-BS8bENJI.js";
 import "../../dialog-trigger-context-BP03jmAI.js";
 import "../../drawer-trigger-context-BDcc94cu.js";
-import "../../popover-trigger-context-vREVdUak.js";
+import "../../popover-trigger-context-DQy9nKB2.js";
 import "../../dropdown-item-bMZ3-43Z.js";
 import "../../dropdown-list-DenWbmcv.js";
 import "../../dropdown-trigger-context-BabMM_7k.js";
 import "../../footer-links-sRD7teEv.js";
-import "../../pagination-item-DKL5arlo.js";
+import "../../pagination-item-hMN-34PX.js";
 import "../../types-CAwE6h3H.js";
 export { Badge, BadgeProps };

package/dist/components/badge/index.d.ts

@@ -1,14 +1,14 @@
 import "../../useIsomorphicLayoutEffect-D3y6bHpX.js";
 import "../../useMergeRefs-BTgz9pcs.js";
 import "../../types-BTJlwWCQ.js";
-import { Badge, BadgeProps } from "../../alert-footer-DF92J9Xu.js";
+import { Badge, BadgeProps } from "../../alert-footer-BS8bENJI.js";
 import "../../dialog-trigger-context-BP03jmAI.js";
 import "../../drawer-trigger-context-BDcc94cu.js";
-import "../../popover-trigger-context-vREVdUak.js";
+import "../../popover-trigger-context-DQy9nKB2.js";
 import "../../dropdown-item-bMZ3-43Z.js";
 import "../../dropdown-list-DenWbmcv.js";
 import "../../dropdown-trigger-context-BabMM_7k.js";
 import "../../footer-links-sRD7teEv.js";
-import "../../pagination-item-DKL5arlo.js";
+import "../../pagination-item-hMN-34PX.js";
 import "../../types-CAwE6h3H.js";
 export { Badge, BadgeProps };

package/dist/components/button/button.d.ts

@@ -1,14 +1,14 @@
 import "../../useIsomorphicLayoutEffect-D3y6bHpX.js";
 import "../../useMergeRefs-BTgz9pcs.js";
 import "../../types-BTJlwWCQ.js";
-import { Button, ButtonProps } from "../../alert-footer-DF92J9Xu.js";
+import { Button, ButtonProps } from "../../alert-footer-BS8bENJI.js";
 import "../../dialog-trigger-context-BP03jmAI.js";
 import "../../drawer-trigger-context-BDcc94cu.js";
-import "../../popover-trigger-context-vREVdUak.js";
+import "../../popover-trigger-context-DQy9nKB2.js";
 import "../../dropdown-item-bMZ3-43Z.js";
 import "../../dropdown-list-DenWbmcv.js";
 import "../../dropdown-trigger-context-BabMM_7k.js";
 import "../../footer-links-sRD7teEv.js";
-import "../../pagination-item-DKL5arlo.js";
+import "../../pagination-item-hMN-34PX.js";
 import "../../types-CAwE6h3H.js";
 export { Button, ButtonProps };

package/dist/components/button/button.js

@@ -1,5 +1,5 @@
 import "../../spinner-Ch5bEQBR.js";
 import "../../spinner-CPiGcSIc.js";
-import { Button } from "../../button-ByuaxNe-.js";
+import { Button } from "../../button-fhd-JARc.js";
 
 export { Button };

package/dist/components/button/index.d.ts

@@ -1,14 +1,14 @@
 import "../../useIsomorphicLayoutEffect-D3y6bHpX.js";
 import "../../useMergeRefs-BTgz9pcs.js";
 import "../../types-BTJlwWCQ.js";
-import { Button, ButtonProps } from "../../alert-footer-DF92J9Xu.js";
+import { Button, ButtonProps } from "../../alert-footer-BS8bENJI.js";
 import "../../dialog-trigger-context-BP03jmAI.js";
 import "../../drawer-trigger-context-BDcc94cu.js";
-import "../../popover-trigger-context-vREVdUak.js";
+import "../../popover-trigger-context-DQy9nKB2.js";
 import "../../dropdown-item-bMZ3-43Z.js";
 import "../../dropdown-list-DenWbmcv.js";
 import "../../dropdown-trigger-context-BabMM_7k.js";
 import "../../footer-links-sRD7teEv.js";
-import "../../pagination-item-DKL5arlo.js";
+import "../../pagination-item-hMN-34PX.js";
 import "../../types-CAwE6h3H.js";
 export { Button, ButtonProps };

package/dist/components/button/index.js

@@ -1,6 +1,6 @@
 import "../../spinner-Ch5bEQBR.js";
 import "../../spinner-CPiGcSIc.js";
-import { Button } from "../../button-ByuaxNe-.js";
+import { Button } from "../../button-fhd-JARc.js";
 import "../../button-vrN4Zwch.js";
 
 export { Button };

package/dist/components/card/card-action.d.ts

@@ -1,14 +1,14 @@
 import "../../useIsomorphicLayoutEffect-D3y6bHpX.js";
 import "../../useMergeRefs-BTgz9pcs.js";
 import "../../types-BTJlwWCQ.js";
-import { CardAction, CardActionProps } from "../../alert-footer-DF92J9Xu.js";
+import { CardAction, CardActionProps } from "../../alert-footer-BS8bENJI.js";
 import "../../dialog-trigger-context-BP03jmAI.js";
 import "../../drawer-trigger-context-BDcc94cu.js";
-import "../../popover-trigger-context-vREVdUak.js";
+import "../../popover-trigger-context-DQy9nKB2.js";
 import "../../dropdown-item-bMZ3-43Z.js";
 import "../../dropdown-list-DenWbmcv.js";
 import "../../dropdown-trigger-context-BabMM_7k.js";
 import "../../footer-links-sRD7teEv.js";
-import "../../pagination-item-DKL5arlo.js";
+import "../../pagination-item-hMN-34PX.js";
 import "../../types-CAwE6h3H.js";
 export { CardAction, CardActionProps };

package/dist/components/card/card-action.js

@@ -1,7 +1,7 @@
 import "../../spinner-Ch5bEQBR.js";
 import "../../spinner-CPiGcSIc.js";
-import "../../button-ByuaxNe-.js";
+import "../../button-fhd-JARc.js";
 import "../../button-vrN4Zwch.js";
-import { CardAction } from "../../card-action-DHCCNSRo.js";
+import { CardAction } from "../../card-action-D8M3_IVq.js";
 
 export { CardAction };

package/dist/components/card/card-actions.d.ts

@@ -1,14 +1,14 @@
 import "../../useIsomorphicLayoutEffect-D3y6bHpX.js";
 import "../../useMergeRefs-BTgz9pcs.js";
 import "../../types-BTJlwWCQ.js";
-import { CardActions, CardActionsProps } from "../../alert-footer-DF92J9Xu.js";
+import { CardActions, CardActionsProps } from "../../alert-footer-BS8bENJI.js";
 import "../../dialog-trigger-context-BP03jmAI.js";
 import "../../drawer-trigger-context-BDcc94cu.js";
-import "../../popover-trigger-context-vREVdUak.js";
+import "../../popover-trigger-context-DQy9nKB2.js";
 import "../../dropdown-item-bMZ3-43Z.js";
 import "../../dropdown-list-DenWbmcv.js";
 import "../../dropdown-trigger-context-BabMM_7k.js";
 import "../../footer-links-sRD7teEv.js";
-import "../../pagination-item-DKL5arlo.js";
+import "../../pagination-item-hMN-34PX.js";
 import "../../types-CAwE6h3H.js";
 export { CardActions, CardActionsProps };

package/dist/components/card/card-content.d.ts

@@ -1,14 +1,14 @@
 import "../../useIsomorphicLayoutEffect-D3y6bHpX.js";
 import "../../useMergeRefs-BTgz9pcs.js";
 import "../../types-BTJlwWCQ.js";
-import { CardContent, CardContentProps } from "../../alert-footer-DF92J9Xu.js";
+import { CardContent, CardContentProps } from "../../alert-footer-BS8bENJI.js";
 import "../../dialog-trigger-context-BP03jmAI.js";
 import "../../drawer-trigger-context-BDcc94cu.js";
-import "../../popover-trigger-context-vREVdUak.js";
+import "../../popover-trigger-context-DQy9nKB2.js";
 import "../../dropdown-item-bMZ3-43Z.js";
 import "../../dropdown-list-DenWbmcv.js";
 import "../../dropdown-trigger-context-BabMM_7k.js";
 import "../../footer-links-sRD7teEv.js";
-import "../../pagination-item-DKL5arlo.js";
+import "../../pagination-item-hMN-34PX.js";
 import "../../types-CAwE6h3H.js";
 export { CardContent, CardContentProps };

package/dist/components/card/card-date.d.ts

@@ -1,14 +1,14 @@
 import "../../useIsomorphicLayoutEffect-D3y6bHpX.js";
 import "../../useMergeRefs-BTgz9pcs.js";
 import "../../types-BTJlwWCQ.js";
-import { CardDate, CardDateProps } from "../../alert-footer-DF92J9Xu.js";
+import { CardDate, CardDateProps } from "../../alert-footer-BS8bENJI.js";
 import "../../dialog-trigger-context-BP03jmAI.js";
 import "../../drawer-trigger-context-BDcc94cu.js";
-import "../../popover-trigger-context-vREVdUak.js";
+import "../../popover-trigger-context-DQy9nKB2.js";
 import "../../dropdown-item-bMZ3-43Z.js";
 import "../../dropdown-list-DenWbmcv.js";
 import "../../dropdown-trigger-context-BabMM_7k.js";
 import "../../footer-links-sRD7teEv.js";
-import "../../pagination-item-DKL5arlo.js";
+import "../../pagination-item-hMN-34PX.js";
 import "../../types-CAwE6h3H.js";
 export { CardDate, CardDateProps };