@bi-digital/react 0.8.0 → 0.10.0

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

@@ -1,15 +1,2 @@
-import "../../useCheckboxGroup-BUpI46_M.mjs";
-import "../../useIsomorphicLayoutEffect-gxToSQn7.mjs";
-import "../../types-Bgj7p8nD.mjs";
-import { n as AlertFooterProps, t as AlertFooter } from "../../alert-footer-BFTlBQCl.mjs";
-import "../../dialog-trigger-context-BP2Q3KEA.mjs";
-import "../../drawer-trigger-context-BuP2a1-8.mjs";
-import "../../popover-trigger-context-HGF38PbW.mjs";
-import "../../dropdown-item-B9Toa4yI.mjs";
-import "../../dropdown-list-Ce8CUTGr.mjs";
-import "../../footer-links-B8XVWRnL.mjs";
-import "../../pagination-item-DBpTl8iP.mjs";
-import "../../sticky-header-CQ10VPji.mjs";
-import "../../index-C3reD4RP.mjs";
-import "../../useIsElementAboveViewport-BcIGWQqn.mjs";
+import { n as AlertFooterProps, t as AlertFooter } from "../../alert-footer-42JbxJ0B.mjs";
 export { AlertFooter, AlertFooterProps };

package/dist/components/alert/alert-footer.mjs

@@ -1,3 +1,16 @@
-import { t as AlertFooter } from "../../alert-footer-CiXj-PGD.mjs";
+import clsx from "clsx/lite";
+import { Slot } from "@radix-ui/react-slot";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/alert/alert-footer.tsx
+const AlertFooter = ({ className, children, asChild, ref, ...rest }) => {
+	return /* @__PURE__ */ jsx(asChild ? Slot : "div", {
+		className: clsx("bi-alert--footer", className),
+		ref,
+		...rest,
+		children
+	});
+};
+//#endregion
+export { AlertFooter };
 
-export { AlertFooter };
+//# sourceMappingURL=alert-footer.mjs.map

package/dist/components/alert/alert-footer.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert-footer.mjs","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,KAAK,GAAG,WAA6B;AAE/F,QACE,oBAFgB,UAAU,OAAO,OAEjC;EAAW,WAAW,KAAK,oBAAoB,UAAU;EAAO;EAAK,GAAI;EACtE;EACS,CAAA"}

package/dist/components/alert/alert.d.mts

@@ -1,15 +1,2 @@
-import "../../useCheckboxGroup-BUpI46_M.mjs";
-import "../../useIsomorphicLayoutEffect-gxToSQn7.mjs";
-import "../../types-Bgj7p8nD.mjs";
-import { Mn as AlertProps, jn as Alert } from "../../alert-footer-BFTlBQCl.mjs";
-import "../../dialog-trigger-context-BP2Q3KEA.mjs";
-import "../../drawer-trigger-context-BuP2a1-8.mjs";
-import "../../popover-trigger-context-HGF38PbW.mjs";
-import "../../dropdown-item-B9Toa4yI.mjs";
-import "../../dropdown-list-Ce8CUTGr.mjs";
-import "../../footer-links-B8XVWRnL.mjs";
-import "../../pagination-item-DBpTl8iP.mjs";
-import "../../sticky-header-CQ10VPji.mjs";
-import "../../index-C3reD4RP.mjs";
-import "../../useIsElementAboveViewport-BcIGWQqn.mjs";
+import { Nn as Alert, Pn as AlertProps } from "../../alert-footer-42JbxJ0B.mjs";
 export { Alert, AlertProps };

package/dist/components/alert/alert.mjs

@@ -1,3 +1,34 @@
-import { t as Alert } from "../../alert-B-qfyhxc.mjs";
+import clsx from "clsx/lite";
+import { Slot } from "@radix-ui/react-slot";
+import { CheckmarkSmallIcon, ErrorIcon, InfoIcon, WarningIcon } from "@bi-digital/icons";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/alert/alert.tsx
+const variantIcons = {
+	info: InfoIcon,
+	success: CheckmarkSmallIcon,
+	warning: WarningIcon,
+	alert: ErrorIcon,
+	primary: InfoIcon,
+	neutral: InfoIcon
+};
+const Alert = ({ className, children, closeButton, variant = "primary", icon, asChild, dark, size, ref, ...rest }) => {
+	const Component = asChild ? Slot : "div";
+	const DefaultIcon = variantIcons[variant];
+	return /* @__PURE__ */ jsxs(Component, {
+		className: clsx("bi-alert", className),
+		"data-variant": variant,
+		"data-size": size,
+		"data-dark": dark,
+		ref,
+		...rest,
+		children: [
+			icon === null ? null : icon ?? /* @__PURE__ */ jsx(DefaultIcon, {}),
+			children,
+			closeButton
+		]
+	});
+};
+//#endregion
+export { Alert };
 
-export { Alert };
+//# sourceMappingURL=alert.mjs.map

package/dist/components/alert/alert.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert.mjs","names":[],"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 'primary'\n     */\n    variant?: 'info' | 'success' | 'warning' | 'alert' | 'primary' | 'neutral';\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`. Set to `null` to remove the icon. */\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  primary: InfoIcon,\n  neutral: InfoIcon,\n};\n\nexport const Alert = ({\n  className,\n  children,\n  closeButton,\n  variant = 'primary',\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 === null ? null : (icon ?? <DefaultIcon />)}\n      {children}\n      {closeButton}\n    </Component>\n  );\n};\n"],"mappings":";;;;;AAiCA,MAAM,eAAgF;CACpF,MAAM;CACN,SAAS;CACT,SAAS;CACT,OAAO;CACP,SAAS;CACT,SAAS;CACV;AAED,MAAa,SAAS,EACpB,WACA,UACA,aACA,UAAU,WACV,MACA,SACA,MACA,MACA,KACA,GAAG,WACa;CAChB,MAAM,YAAY,UAAU,OAAO;CACnC,MAAM,cAAc,aAAa;AACjC,QACE,qBAAC,WAAD;EACE,WAAW,KAAK,YAAY,UAAU;EACtC,gBAAc;EACd,aAAW;EACX,aAAW;EACN;EACL,GAAI;YANN;GAQG,SAAS,OAAO,OAAQ,QAAQ,oBAAC,aAAD,EAAe,CAAA;GAC/C;GACA;GACS"}

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

@@ -1,15 +1,2 @@
-import "../../useCheckboxGroup-BUpI46_M.mjs";
-import "../../useIsomorphicLayoutEffect-gxToSQn7.mjs";
-import "../../types-Bgj7p8nD.mjs";
-import { Mn as AlertProps, jn as Alert, n as AlertFooterProps, t as AlertFooter } from "../../alert-footer-BFTlBQCl.mjs";
-import "../../dialog-trigger-context-BP2Q3KEA.mjs";
-import "../../drawer-trigger-context-BuP2a1-8.mjs";
-import "../../popover-trigger-context-HGF38PbW.mjs";
-import "../../dropdown-item-B9Toa4yI.mjs";
-import "../../dropdown-list-Ce8CUTGr.mjs";
-import "../../footer-links-B8XVWRnL.mjs";
-import "../../pagination-item-DBpTl8iP.mjs";
-import "../../sticky-header-CQ10VPji.mjs";
-import "../../index-C3reD4RP.mjs";
-import "../../useIsElementAboveViewport-BcIGWQqn.mjs";
+import { Nn as Alert, Pn as AlertProps, n as AlertFooterProps, t as AlertFooter } from "../../alert-footer-42JbxJ0B.mjs";
 export { Alert, AlertFooter, AlertFooterProps, AlertProps };

package/dist/components/alert/index.mjs

@@ -1,5 +1,3 @@
-import { t as Alert } from "../../alert-B-qfyhxc.mjs";
-import { t as AlertFooter } from "../../alert-footer-CiXj-PGD.mjs";
-import "../../alert-vOhEayej.mjs";
-
-export { Alert, AlertFooter };
+import { Alert } from "./alert.mjs";
+import { AlertFooter } from "./alert-footer.mjs";
+export { Alert, AlertFooter };

package/dist/components/avatar/avatar.d.mts

@@ -1,15 +1,2 @@
-import "../../useCheckboxGroup-BUpI46_M.mjs";
-import "../../useIsomorphicLayoutEffect-gxToSQn7.mjs";
-import "../../types-Bgj7p8nD.mjs";
-import { An as AvatarProps, kn as Avatar } from "../../alert-footer-BFTlBQCl.mjs";
-import "../../dialog-trigger-context-BP2Q3KEA.mjs";
-import "../../drawer-trigger-context-BuP2a1-8.mjs";
-import "../../popover-trigger-context-HGF38PbW.mjs";
-import "../../dropdown-item-B9Toa4yI.mjs";
-import "../../dropdown-list-Ce8CUTGr.mjs";
-import "../../footer-links-B8XVWRnL.mjs";
-import "../../pagination-item-DBpTl8iP.mjs";
-import "../../sticky-header-CQ10VPji.mjs";
-import "../../index-C3reD4RP.mjs";
-import "../../useIsElementAboveViewport-BcIGWQqn.mjs";
+import { Mn as AvatarProps, jn as Avatar } from "../../alert-footer-42JbxJ0B.mjs";
 export { Avatar, AvatarProps };

package/dist/components/avatar/avatar.mjs

@@ -1,3 +1,38 @@
-import { t as Avatar } from "../../avatar-BEjjwjRn.mjs";
+import clsx from "clsx/lite";
+import { Slot } from "@radix-ui/react-slot";
+import { jsx } from "react/jsx-runtime";
+import { Fragment } from "react";
+//#region src/components/avatar/avatar.tsx
+/**
+* An Avatar represents a person.
+*
+* @example
+* <Avatar aria-label="Ola Nordmann">ON</Avatar>
+*
+* @example
+* <Avatar aria-label="Ola Nordmann">
+*  <img src='…' alt='Ola Nordmann' />
+* </Avatar>
+*/
+const Avatar = ({ "aria-label": ariaLabel, className, ref, dark, size, color, children, ...props }) => {
+	const isSlotInUse = children && typeof children !== "string";
+	const Component = isSlotInUse ? Slot : Fragment;
+	return /* @__PURE__ */ jsx("span", {
+		className: clsx("bi-avatar", className),
+		"aria-label": ariaLabel,
+		role: "img",
+		"data-size": size,
+		"data-color": color,
+		"data-dark": dark,
+		ref,
+		...props,
+		children: /* @__PURE__ */ jsx(Component, {
+			...isSlotInUse ? { "aria-hidden": true } : {},
+			children
+		})
+	});
+};
+//#endregion
+export { Avatar };
 
-export { Avatar };
+//# sourceMappingURL=avatar.mjs.map

package/dist/components/avatar/avatar.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.mjs","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,UACA,GAAG,YACc;CACjB,MAAM,cAAc,YAAY,OAAO,aAAa;CACpD,MAAM,YAAY,cAAc,OAAO;AACvC,QACE,oBAAC,QAAD;EACE,WAAW,KAAK,aAAa,UAAU;EACvC,cAAY;EACZ,MAAK;EACL,aAAW;EACX,cAAY;EACZ,aAAW;EACN;EACL,GAAI;YAEJ,oBAAC,WAAD;GAAW,GAAK,cAAc,EAAE,eAAe,MAAM,GAAG,EAAE;GAAI;GAAqB,CAAA;EAC9E,CAAA"}

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

@@ -1,15 +1,2 @@
-import "../../useCheckboxGroup-BUpI46_M.mjs";
-import "../../useIsomorphicLayoutEffect-gxToSQn7.mjs";
-import "../../types-Bgj7p8nD.mjs";
-import { An as AvatarProps, kn as Avatar } from "../../alert-footer-BFTlBQCl.mjs";
-import "../../dialog-trigger-context-BP2Q3KEA.mjs";
-import "../../drawer-trigger-context-BuP2a1-8.mjs";
-import "../../popover-trigger-context-HGF38PbW.mjs";
-import "../../dropdown-item-B9Toa4yI.mjs";
-import "../../dropdown-list-Ce8CUTGr.mjs";
-import "../../footer-links-B8XVWRnL.mjs";
-import "../../pagination-item-DBpTl8iP.mjs";
-import "../../sticky-header-CQ10VPji.mjs";
-import "../../index-C3reD4RP.mjs";
-import "../../useIsElementAboveViewport-BcIGWQqn.mjs";
+import { Mn as AvatarProps, jn as Avatar } from "../../alert-footer-42JbxJ0B.mjs";
 export { Avatar, AvatarProps };

package/dist/components/avatar/index.mjs

@@ -1,4 +1,2 @@
-import { t as Avatar } from "../../avatar-BEjjwjRn.mjs";
-import "../../avatar-5e5_er9-.mjs";
-
-export { Avatar };
+import { Avatar } from "./avatar.mjs";
+export { Avatar };

package/dist/components/badge/badge.d.mts

@@ -1,15 +1,2 @@
-import "../../useCheckboxGroup-BUpI46_M.mjs";
-import "../../useIsomorphicLayoutEffect-gxToSQn7.mjs";
-import "../../types-Bgj7p8nD.mjs";
-import { Dn as Badge, On as BadgeProps } from "../../alert-footer-BFTlBQCl.mjs";
-import "../../dialog-trigger-context-BP2Q3KEA.mjs";
-import "../../drawer-trigger-context-BuP2a1-8.mjs";
-import "../../popover-trigger-context-HGF38PbW.mjs";
-import "../../dropdown-item-B9Toa4yI.mjs";
-import "../../dropdown-list-Ce8CUTGr.mjs";
-import "../../footer-links-B8XVWRnL.mjs";
-import "../../pagination-item-DBpTl8iP.mjs";
-import "../../sticky-header-CQ10VPji.mjs";
-import "../../index-C3reD4RP.mjs";
-import "../../useIsElementAboveViewport-BcIGWQqn.mjs";
+import { An as BadgeProps, kn as Badge } from "../../alert-footer-42JbxJ0B.mjs";
 export { Badge, BadgeProps };

package/dist/components/badge/badge.mjs

@@ -1,3 +1,20 @@
-import { t as Badge } from "../../badge-tAjYsQEq.mjs";
+import { Slot } from "@radix-ui/react-slot";
+import { jsx } from "react/jsx-runtime";
+import clsx from "clsx";
+//#region src/components/badge/badge.tsx
+const Badge = ({ className, children, dark, size = "medium", color = "neutral", singleLetter = false, asChild, ref, ...props }) => {
+	return /* @__PURE__ */ jsx(asChild ? Slot : "span", {
+		className: clsx("bi-badge", className),
+		"data-size": size,
+		"data-color": color,
+		"data-single-letter": singleLetter,
+		"data-dark": dark,
+		ref,
+		...props,
+		children
+	});
+};
+//#endregion
+export { Badge };
 
-export { Badge };
+//# sourceMappingURL=badge.mjs.map

package/dist/components/badge/badge.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge.mjs","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,KACA,GAAG,YACa;AAGhB,QACE,oBAHgB,UAAU,OAAO,QAGjC;EACE,WAAW,KAAK,YAAY,UAAU;EACtC,aAAW;EACX,cAAY;EACZ,sBAAoB;EACpB,aAAW;EACN;EACL,GAAI;EAEH;EACS,CAAA"}

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

@@ -1,15 +1,2 @@
-import "../../useCheckboxGroup-BUpI46_M.mjs";
-import "../../useIsomorphicLayoutEffect-gxToSQn7.mjs";
-import "../../types-Bgj7p8nD.mjs";
-import { Dn as Badge, On as BadgeProps } from "../../alert-footer-BFTlBQCl.mjs";
-import "../../dialog-trigger-context-BP2Q3KEA.mjs";
-import "../../drawer-trigger-context-BuP2a1-8.mjs";
-import "../../popover-trigger-context-HGF38PbW.mjs";
-import "../../dropdown-item-B9Toa4yI.mjs";
-import "../../dropdown-list-Ce8CUTGr.mjs";
-import "../../footer-links-B8XVWRnL.mjs";
-import "../../pagination-item-DBpTl8iP.mjs";
-import "../../sticky-header-CQ10VPji.mjs";
-import "../../index-C3reD4RP.mjs";
-import "../../useIsElementAboveViewport-BcIGWQqn.mjs";
+import { An as BadgeProps, kn as Badge } from "../../alert-footer-42JbxJ0B.mjs";
 export { Badge, BadgeProps };

package/dist/components/badge/index.mjs

@@ -1,4 +1,2 @@
-import { t as Badge } from "../../badge-tAjYsQEq.mjs";
-import "../../badge-D6dJHxi2.mjs";
-
-export { Badge };
+import { Badge } from "./badge.mjs";
+export { Badge };

package/dist/components/button/button.d.mts

@@ -1,15 +1,2 @@
-import "../../useCheckboxGroup-BUpI46_M.mjs";
-import "../../useIsomorphicLayoutEffect-gxToSQn7.mjs";
-import "../../types-Bgj7p8nD.mjs";
-import { En as ButtonProps, Tn as Button } from "../../alert-footer-BFTlBQCl.mjs";
-import "../../dialog-trigger-context-BP2Q3KEA.mjs";
-import "../../drawer-trigger-context-BuP2a1-8.mjs";
-import "../../popover-trigger-context-HGF38PbW.mjs";
-import "../../dropdown-item-B9Toa4yI.mjs";
-import "../../dropdown-list-Ce8CUTGr.mjs";
-import "../../footer-links-B8XVWRnL.mjs";
-import "../../pagination-item-DBpTl8iP.mjs";
-import "../../sticky-header-CQ10VPji.mjs";
-import "../../index-C3reD4RP.mjs";
-import "../../useIsElementAboveViewport-BcIGWQqn.mjs";
+import { Dn as Button, On as ButtonProps } from "../../alert-footer-42JbxJ0B.mjs";
 export { Button, ButtonProps };

package/dist/components/button/button.mjs

@@ -1,5 +1,40 @@
-import "../../spinner-xmvtWIZ0.mjs";
-import "../../spinner-C4Z-GQVz.mjs";
-import { t as Button } from "../../button-CDtQwUfp.mjs";
+import { Spinner } from "../spinner/spinner.mjs";
+import "../spinner/index.mjs";
+import clsx from "clsx/lite";
+import { Slot, Slottable } from "@radix-ui/react-slot";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/button/button.tsx
+const Button = ({ asChild, variant = "filled", size = "medium", fullwidth, dark, submitting, icon, children, className, startIcon, endIcon, active, ref, ...props }) => {
+	return /* @__PURE__ */ jsxs(asChild ? Slot : "button", {
+		"aria-busy": Boolean(submitting) || void 0,
+		"aria-disabled": Boolean(submitting) || void 0,
+		className: clsx("bi-button", className),
+		"data-variant": variant,
+		"data-size": size,
+		"data-fullwidth": fullwidth || void 0,
+		"data-dark": dark || void 0,
+		"data-icon": icon || void 0,
+		"data-active": active || void 0,
+		ref,
+		type: asChild ? void 0 : "button",
+		...props,
+		children: [
+			!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 && /* @__PURE__ */ jsx("span", {
+				className: "bi-button--end-icon",
+				children: endIcon
+			})
+		]
+	});
+};
+//#endregion
+export { Button };
 
-export { Button };
+//# sourceMappingURL=button.mjs.map

package/dist/components/button/button.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.mjs","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    fullwidth?: 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 `startIcon`, `endIcon` and `fullwidth` props.\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  fullwidth,\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-fullwidth={fullwidth || 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,WACA,MACA,YACA,MACA,UACA,WACA,WACA,SACA,QACA,KACA,GAAG,YACc;AAGjB,QACE,qBAHgB,UAAU,OAAO,UAGjC;EACE,aAAW,QAAQ,WAAW,IAAI,KAAA;EAClC,iBAAe,QAAQ,WAAW,IAAI,KAAA;EACtC,WAAW,KAAK,aAAa,UAAU;EACvC,gBAAc;EACd,aAAW;EACX,kBAAgB,aAAa,KAAA;EAC7B,aAAW,QAAQ,KAAA;EACnB,aAAW,QAAQ,KAAA;EACnB,eAAa,UAAU,KAAA;EAClB;EAEL,MAAM,UAAU,KAAA,IAAY;EAE5B,GAAI;YAdN;GAgBG,CAAC,SACC,aACC,oBAAC,SAAD;IAAS,eAAY;IAAO,WAAU;IAA0B,CAAA,GAEhE,aAAa,oBAAC,QAAD;IAAM,WAAU;cAAyB;IAAiB,CAAA;GAE3E,oBAAC,WAAD,EAAA,UAAY,QAAQ,aAAa,oBAAC,SAAD,EAAS,eAAY,QAAS,CAAA,GAAG,UAAqB,CAAA;GACtF,CAAC,QAAQ,WAAW,oBAAC,QAAD;IAAM,WAAU;cAAuB;IAAe,CAAA;GACjE"}

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

@@ -1,15 +1,2 @@
-import "../../useCheckboxGroup-BUpI46_M.mjs";
-import "../../useIsomorphicLayoutEffect-gxToSQn7.mjs";
-import "../../types-Bgj7p8nD.mjs";
-import { En as ButtonProps, Tn as Button } from "../../alert-footer-BFTlBQCl.mjs";
-import "../../dialog-trigger-context-BP2Q3KEA.mjs";
-import "../../drawer-trigger-context-BuP2a1-8.mjs";
-import "../../popover-trigger-context-HGF38PbW.mjs";
-import "../../dropdown-item-B9Toa4yI.mjs";
-import "../../dropdown-list-Ce8CUTGr.mjs";
-import "../../footer-links-B8XVWRnL.mjs";
-import "../../pagination-item-DBpTl8iP.mjs";
-import "../../sticky-header-CQ10VPji.mjs";
-import "../../index-C3reD4RP.mjs";
-import "../../useIsElementAboveViewport-BcIGWQqn.mjs";
+import { Dn as Button, On as ButtonProps } from "../../alert-footer-42JbxJ0B.mjs";
 export { Button, ButtonProps };

package/dist/components/button/index.mjs

@@ -1,6 +1,2 @@
-import "../../spinner-xmvtWIZ0.mjs";
-import "../../spinner-C4Z-GQVz.mjs";
-import { t as Button } from "../../button-CDtQwUfp.mjs";
-import "../../button-BoSub8TT.mjs";
-
-export { Button };
+import { Button } from "./button.mjs";
+export { Button };

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

@@ -1,15 +1,2 @@
-import "../../useCheckboxGroup-BUpI46_M.mjs";
-import "../../useIsomorphicLayoutEffect-gxToSQn7.mjs";
-import "../../types-Bgj7p8nD.mjs";
-import { bn as CardActionProps, yn as CardAction } from "../../alert-footer-BFTlBQCl.mjs";
-import "../../dialog-trigger-context-BP2Q3KEA.mjs";
-import "../../drawer-trigger-context-BuP2a1-8.mjs";
-import "../../popover-trigger-context-HGF38PbW.mjs";
-import "../../dropdown-item-B9Toa4yI.mjs";
-import "../../dropdown-list-Ce8CUTGr.mjs";
-import "../../footer-links-B8XVWRnL.mjs";
-import "../../pagination-item-DBpTl8iP.mjs";
-import "../../sticky-header-CQ10VPji.mjs";
-import "../../index-C3reD4RP.mjs";
-import "../../useIsElementAboveViewport-BcIGWQqn.mjs";
+import { Sn as CardActionProps, xn as CardAction } from "../../alert-footer-42JbxJ0B.mjs";
 export { CardAction, CardActionProps };

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

@@ -1,7 +1,22 @@
-import "../../spinner-xmvtWIZ0.mjs";
-import "../../spinner-C4Z-GQVz.mjs";
-import "../../button-CDtQwUfp.mjs";
-import "../../button-BoSub8TT.mjs";
-import { t as CardAction } from "../../card-action-CkWX8kB1.mjs";
+import { Button } from "../button/button.mjs";
+import "../button/index.mjs";
+import clsx from "clsx/lite";
+import { Slot } from "@radix-ui/react-slot";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/card/card-action.tsx
+const CardAction = ({ asChild, ref, children, dark, className, ...props }) => {
+	return /* @__PURE__ */ jsx(asChild ? Slot : Button, {
+		variant: "text",
+		size: "large",
+		icon: true,
+		dark,
+		className: clsx("bi-card--action", className),
+		ref,
+		...props,
+		children
+	});
+};
+//#endregion
+export { CardAction };
 
-export { CardAction };
+//# sourceMappingURL=card-action.mjs.map

package/dist/components/card/card-action.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"card-action.mjs","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,cAAc,EAAE,SAAS,KAAK,UAAU,MAAM,WAAW,GAAG,YAA6B;AAEpG,QACE,oBAFgB,UAAU,OAAO,QAEjC;EACE,SAAQ;EACR,MAAK;EACL,MAAA;EACM;EACN,WAAW,KAAK,mBAAmB,UAAU;EACxC;EACL,GAAI;EAEH;EACS,CAAA"}

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

@@ -1,15 +1,2 @@
-import "../../useCheckboxGroup-BUpI46_M.mjs";
-import "../../useIsomorphicLayoutEffect-gxToSQn7.mjs";
-import "../../types-Bgj7p8nD.mjs";
-import { Sn as CardActionsProps, xn as CardActions } from "../../alert-footer-BFTlBQCl.mjs";
-import "../../dialog-trigger-context-BP2Q3KEA.mjs";
-import "../../drawer-trigger-context-BuP2a1-8.mjs";
-import "../../popover-trigger-context-HGF38PbW.mjs";
-import "../../dropdown-item-B9Toa4yI.mjs";
-import "../../dropdown-list-Ce8CUTGr.mjs";
-import "../../footer-links-B8XVWRnL.mjs";
-import "../../pagination-item-DBpTl8iP.mjs";
-import "../../sticky-header-CQ10VPji.mjs";
-import "../../index-C3reD4RP.mjs";
-import "../../useIsElementAboveViewport-BcIGWQqn.mjs";
+import { Cn as CardActions, wn as CardActionsProps } from "../../alert-footer-42JbxJ0B.mjs";
 export { CardActions, CardActionsProps };

package/dist/components/card/card-actions.mjs

@@ -1,3 +1,15 @@
-import { t as CardActions } from "../../card-actions-DQXkkGKI.mjs";
+import clsx from "clsx/lite";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/card/card-actions.tsx
+const CardActions = ({ className, ref, children, ...props }) => {
+	return /* @__PURE__ */ jsx("div", {
+		className: clsx("bi-card--actions", className),
+		ref,
+		...props,
+		children
+	});
+};
+//#endregion
+export { CardActions };
 
-export { CardActions };
+//# sourceMappingURL=card-actions.mjs.map

package/dist/components/card/card-actions.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"card-actions.mjs","names":[],"sources":["../../../src/components/card/card-actions.tsx"],"sourcesContent":["import type { HTMLAttributes, Ref } from 'react';\nimport type { MergeRight } from '../../utilities';\nimport clsx from 'clsx/lite';\n\nexport type CardActionsProps = MergeRight<\n  HTMLAttributes<HTMLDivElement>,\n  {\n    ref?: Ref<HTMLDivElement>;\n  }\n>;\n\nexport const CardActions = ({ className, ref, children, ...props }: CardActionsProps) => {\n  return (\n    <div className={clsx('bi-card--actions', className)} ref={ref} {...props}>\n      {children}\n    </div>\n  );\n};\n"],"mappings":";;;AAWA,MAAa,eAAe,EAAE,WAAW,KAAK,UAAU,GAAG,YAA8B;AACvF,QACE,oBAAC,OAAD;EAAK,WAAW,KAAK,oBAAoB,UAAU;EAAO;EAAK,GAAI;EAChE;EACG,CAAA"}

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

@@ -1,15 +1,2 @@
-import "../../useCheckboxGroup-BUpI46_M.mjs";
-import "../../useIsomorphicLayoutEffect-gxToSQn7.mjs";
-import "../../types-Bgj7p8nD.mjs";
-import { _n as CardContent, vn as CardContentProps } from "../../alert-footer-BFTlBQCl.mjs";
-import "../../dialog-trigger-context-BP2Q3KEA.mjs";
-import "../../drawer-trigger-context-BuP2a1-8.mjs";
-import "../../popover-trigger-context-HGF38PbW.mjs";
-import "../../dropdown-item-B9Toa4yI.mjs";
-import "../../dropdown-list-Ce8CUTGr.mjs";
-import "../../footer-links-B8XVWRnL.mjs";
-import "../../pagination-item-DBpTl8iP.mjs";
-import "../../sticky-header-CQ10VPji.mjs";
-import "../../index-C3reD4RP.mjs";
-import "../../useIsElementAboveViewport-BcIGWQqn.mjs";
+import { bn as CardContentProps, yn as CardContent } from "../../alert-footer-42JbxJ0B.mjs";
 export { CardContent, CardContentProps };

package/dist/components/card/card-content.mjs

@@ -1,3 +1,16 @@
-import { t as CardContent } from "../../card-content-zQQxsR9_.mjs";
+import clsx from "clsx/lite";
+import { Slot } from "@radix-ui/react-slot";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/card/card-content.tsx
+const CardContent = ({ className, ref, children, asChild, ...props }) => {
+	return /* @__PURE__ */ jsx(asChild ? Slot : "div", {
+		className: clsx("bi-card--content", className),
+		ref,
+		...props,
+		children
+	});
+};
+//#endregion
+export { CardContent };
 
-export { CardContent };
+//# sourceMappingURL=card-content.mjs.map

package/dist/components/card/card-content.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"card-content.mjs","names":[],"sources":["../../../src/components/card/card-content.tsx"],"sourcesContent":["import type { HTMLAttributes, Ref } from 'react';\nimport type { MergeRight } from '../../utilities';\nimport clsx from 'clsx/lite';\nimport { Slot } from '@radix-ui/react-slot';\n\nexport type CardContentProps = 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    disabled?: boolean;\n    ref?: Ref<HTMLDivElement>;\n  }\n>;\n\nexport const CardContent = ({ className, ref, children, asChild, ...props }: CardContentProps) => {\n  const Component = asChild ? Slot : 'div';\n  return (\n    <Component className={clsx('bi-card--content', className)} ref={ref} {...props}>\n      {children}\n    </Component>\n  );\n};\n"],"mappings":";;;;AAkBA,MAAa,eAAe,EAAE,WAAW,KAAK,UAAU,SAAS,GAAG,YAA8B;AAEhG,QACE,oBAFgB,UAAU,OAAO,OAEjC;EAAW,WAAW,KAAK,oBAAoB,UAAU;EAAO;EAAK,GAAI;EACtE;EACS,CAAA"}

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

@@ -1,15 +1,2 @@
-import "../../useCheckboxGroup-BUpI46_M.mjs";
-import "../../useIsomorphicLayoutEffect-gxToSQn7.mjs";
-import "../../types-Bgj7p8nD.mjs";
-import { dn as CardDate, fn as CardDateProps } from "../../alert-footer-BFTlBQCl.mjs";
-import "../../dialog-trigger-context-BP2Q3KEA.mjs";
-import "../../drawer-trigger-context-BuP2a1-8.mjs";
-import "../../popover-trigger-context-HGF38PbW.mjs";
-import "../../dropdown-item-B9Toa4yI.mjs";
-import "../../dropdown-list-Ce8CUTGr.mjs";
-import "../../footer-links-B8XVWRnL.mjs";
-import "../../pagination-item-DBpTl8iP.mjs";
-import "../../sticky-header-CQ10VPji.mjs";
-import "../../index-C3reD4RP.mjs";
-import "../../useIsElementAboveViewport-BcIGWQqn.mjs";
+import { mn as CardDateProps, pn as CardDate } from "../../alert-footer-42JbxJ0B.mjs";
 export { CardDate, CardDateProps };

package/dist/components/card/card-date.mjs

@@ -1,3 +1,15 @@
-import { t as CardDate } from "../../card-date-PwKzeTzD.mjs";
+import clsx from "clsx/lite";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/card/card-date.tsx
+const CardDate = ({ className, ref, day, month, ...props }) => {
+	return /* @__PURE__ */ jsxs("p", {
+		className: clsx("bi-card--date", className),
+		ref,
+		...props,
+		children: [day, /* @__PURE__ */ jsx("span", { children: month })]
+	});
+};
+//#endregion
+export { CardDate };
 
-export { CardDate };
+//# sourceMappingURL=card-date.mjs.map

package/dist/components/card/card-date.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"card-date.mjs","names":[],"sources":["../../../src/components/card/card-date.tsx"],"sourcesContent":["import type { HTMLAttributes, Ref } from 'react';\nimport type { MergeRight } from '../../utilities';\nimport clsx from 'clsx/lite';\n\nexport type CardDateProps = MergeRight<\n  Omit<HTMLAttributes<HTMLParagraphElement>, 'children'>,\n  {\n    /**\n     * The day of the month.\n     */\n    day: number;\n    /**\n     * The month, should be a short string like \"Jan\", \"Feb\", etc.\n     */\n    month: string;\n    ref?: Ref<HTMLParagraphElement>;\n  }\n>;\n\nexport const CardDate = ({ className, ref, day, month, ...props }: CardDateProps) => {\n  return (\n    <p className={clsx('bi-card--date', className)} ref={ref} {...props}>\n      {day}\n      <span>{month}</span>\n    </p>\n  );\n};\n"],"mappings":";;;AAmBA,MAAa,YAAY,EAAE,WAAW,KAAK,KAAK,OAAO,GAAG,YAA2B;AACnF,QACE,qBAAC,KAAD;EAAG,WAAW,KAAK,iBAAiB,UAAU;EAAO;EAAK,GAAI;YAA9D,CACG,KACD,oBAAC,QAAD,EAAA,UAAO,OAAa,CAAA,CAClB"}

package/dist/components/card/card-header.d.mts

@@ -1,15 +1,2 @@
-import "../../useCheckboxGroup-BUpI46_M.mjs";
-import "../../useIsomorphicLayoutEffect-gxToSQn7.mjs";
-import "../../types-Bgj7p8nD.mjs";
-import { gn as CardHeaderProps, hn as CardHeader } from "../../alert-footer-BFTlBQCl.mjs";
-import "../../dialog-trigger-context-BP2Q3KEA.mjs";
-import "../../drawer-trigger-context-BuP2a1-8.mjs";
-import "../../popover-trigger-context-HGF38PbW.mjs";
-import "../../dropdown-item-B9Toa4yI.mjs";
-import "../../dropdown-list-Ce8CUTGr.mjs";
-import "../../footer-links-B8XVWRnL.mjs";
-import "../../pagination-item-DBpTl8iP.mjs";
-import "../../sticky-header-CQ10VPji.mjs";
-import "../../index-C3reD4RP.mjs";
-import "../../useIsElementAboveViewport-BcIGWQqn.mjs";
+import { _n as CardHeader, vn as CardHeaderProps } from "../../alert-footer-42JbxJ0B.mjs";
 export { CardHeader, CardHeaderProps };