@bi-digital/react 0.0.0-experimental-f58016c → 0.0.0-experimental-37bf70d

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-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/{alert-footer-BS7TXc1g.d.ts → alert-footer-Dwltql72.d.ts}

@@ -1,6 +1,6 @@
-import { AsChildProps, DefaultProps, LabelRequiredProps } from "./types-Bga-EYiy.js";
-import { PopoverTriggerContextProps } from "./popover-trigger-context-8iojEYe0.js";
-import { MergeRight } from "./types-CtaqzrVi.js";
+import { AsChildProps, DefaultProps, LabelRequiredProps } from "./types-LBHl14PF.js";
+import { PopoverTriggerContextProps } from "./popover-trigger-context-87n9O2Z1.js";
+import { MergeRight } from "./types-DC_g3L-J.js";
 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";
@@ -429,6 +429,103 @@ declare const Chip: ({
   ...props
 }: ChipProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
+//#region src/components/details/details.d.ts
+type DetailsProps = MergeRight<DefaultProps & HTMLAttributes<HTMLDetailsElement>, {
+  /**
+   * Controls open-state.
+   * Using this removes automatic control of open-state
+   *
+   * @default undefined
+   */
+  open?: boolean;
+  /**
+   * Defaults the details to open if not controlled
+   * @default false
+   */
+  defaultOpen?: boolean;
+  /**
+   * Callback function when Details toggles due to click on summary or find in page-search
+   * Must be defined if `open` prop is used
+   */
+  onToggle?: (open: boolean) => void;
+  /**
+   * Content should be one `<DetailsSummary>` and one `<DetailsContent>`
+   */
+  children?: ReactNode;
+  /**
+   * This attribute enables multiple `<Details>` elements to be connected, with only one open at a time.
+   * The name attribute specifies a group name — give multiple `<Details>` elements the same name value to group them.
+   * Only one of the grouped `<Details>` elements can be open at a time — opening one will cause another to close.
+   * If multiple grouped `<Details>` elements are given the open attribute, only the first one in the source order will be rendered open.
+   */
+  name?: string;
+  ref?: Ref<HTMLDetailsElement>;
+}>;
+/**
+ * Details component, built on top of the native `<details>` element.
+ *
+ * @example
+ * <Details open={isOpen} onToggle={setIsOpen} name='optional-group-name'>
+ *   <DetailsSummary>Heading</DetailsSummary>
+ *   <DetailsContent>Content</DetailsContent>
+ * </Details>
+ */
+declare const Details: ({
+  className,
+  children,
+  dark,
+  open,
+  defaultOpen,
+  onToggle,
+  ref,
+  ...rest
+}: DetailsProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/details/details-content.d.ts
+type DetailsContentProps = MergeRight<HTMLAttributes<HTMLParagraphElement>, {
+  /**
+   * Change the default rendered element for the one passed as a child, merging their props and behavior.
+   * @default false
+   */
+  asChild?: boolean;
+  ref?: Ref<HTMLParagraphElement>;
+}>;
+/**
+ * Details content component, contains the content to be shown or hidden.
+ *
+ * @example
+ * <DetailsContent><p>Some content</p></DetailsContent>
+ */
+declare const DetailsContent: ({
+  className,
+  asChild,
+  children,
+  ref,
+  ...rest
+}: DetailsContentProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/details/details-summary.d.ts
+type DetailsSummaryProps = MergeRight<HTMLAttributes<HTMLElement>, {
+  /** Header */
+  children: ReactNode;
+  /** Optionally replace the default icon. It will be rotated 180 degrees when the content is expanded */
+  icon?: ReactNode;
+  ref?: Ref<HTMLElement>;
+}>;
+/**
+ * Details summary component, contains a the heading to toggle the content.
+ *
+ * @example
+ * <DetailsSummary>Heading</DetailsSummary>
+ */
+declare const DetailsSummary: ({
+  className,
+  children,
+  icon,
+  ref,
+  ...rest
+}: DetailsSummaryProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
 //#region src/components/dialog/dialog.d.ts
 type DialogProps = MergeRight<DefaultProps & DialogHTMLAttributes<HTMLDialogElement>, {
   /**
@@ -1673,5 +1770,5 @@ declare const AlertFooter: ({
   ...rest
 }: 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-BS7TXc1g.d.ts.map
+export { Alert, AlertFooter, AlertFooterProps, AlertProps, Avatar, AvatarProps, Badge, BadgeProps, Button, ButtonProps, Card, CardAction, CardActionProps, CardActions, CardActionsProps, CardContent, CardContentProps, CardDate, CardDateProps, CardHeader, CardHeaderProps, CardMedia, CardMediaProps, CardProps, Checkbox, CheckboxProps, CheckboxSubsection, CheckboxSubsectionProps, Chip, type ChipProps, Details, DetailsContent, DetailsContentProps, DetailsProps, DetailsSummary, DetailsSummaryProps, 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-Dwltql72.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"avatar-6Q2xwviO.js","names":[],"sources":["../src/components/avatar/avatar.tsx"],"sourcesContent":["import { Fragment, type HTMLAttributes, type Ref } from 'react';\nimport clsx from 'clsx/lite';\nimport { Slot } from '@radix-ui/react-slot';\nimport type { DefaultProps } from '../../types';\nimport type { MergeRight } from '../../utilities';\n\nexport type AvatarProps = MergeRight<\n  DefaultProps & HTMLAttributes<HTMLSpanElement>,\n  {\n    /**\n     * Name of the person the avatar represents.\n     */\n    'aria-label': string;\n    /**\n     * Size of the avatar.\n     * @default 'medium'\n     */\n    size?: 'small' | 'medium';\n    /**\n     * Color scheme of the avatar.\n     * @default 'primary'\n     */\n    color?: 'primary' | 'info' | 'success' | 'warning' | 'alert';\n    ref?: Ref<HTMLSpanElement>;\n  }\n>;\n\n/**\n * An Avatar represents a person.\n *\n * @example\n * <Avatar aria-label=\"Ola Nordmann\">ON</Avatar>\n *\n * @example\n * <Avatar aria-label=\"Ola Nordmann\">\n *  <img src='…' alt='Ola Nordmann' />\n * </Avatar>\n */\nexport const Avatar = ({\n  'aria-label': ariaLabel,\n  className,\n  ref,\n  dark,\n  size,\n  color,\n  children,\n  ...props\n}: AvatarProps) => {\n  const isSlotInUse = children && typeof children !== 'string';\n  const Component = isSlotInUse ? Slot : Fragment;\n  return (\n    <span\n      className={clsx('bi-avatar', className)}\n      aria-label={ariaLabel}\n      role='img'\n      data-size={size}\n      data-color={color}\n      data-dark={dark}\n      ref={ref}\n      {...props}\n    >\n      <Component {...(isSlotInUse ? { 'aria-hidden': true } : {})}>{children}</Component>\n    </span>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;AAsCA,MAAa,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"}

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

@@ -5,8 +5,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/components/button/button.tsx
 const Button = ({ asChild, variant = "filled", size = "medium", stretch, dark, submitting, icon, children, className, startIcon, endIcon, active, ref,...props }) => {
-	const Component = asChild ? Slot : "button";
-	return /* @__PURE__ */ jsxs(Component, {
+	return /* @__PURE__ */ jsxs(asChild ? Slot : "button", {
 		"aria-busy": Boolean(submitting) || void 0,
 		"aria-disabled": Boolean(submitting) || void 0,
 		className: clsx("bi-button", className),
@@ -38,4 +37,4 @@ const Button = ({ asChild, variant = "filled", size = "medium", stretch, dark, s
 
 //#endregion
 export { Button };
-//# sourceMappingURL=button-fhd-JARc.js.map
+//# sourceMappingURL=button-BzU7DrNe.js.map

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

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

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

@@ -1,12 +1,11 @@
-import { Button } from "./button-fhd-JARc.js";
+import { Button } from "./button-BzU7DrNe.js";
 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 }) => {
-	const Component = asChild ? Slot : Button;
-	return /* @__PURE__ */ jsx(Component, {
+	return /* @__PURE__ */ jsx(asChild ? Slot : Button, {
 		variant: "text",
 		size: "large",
 		icon: true,
@@ -20,4 +19,4 @@ const CardAction = ({ asChild, ref, children, dark, className,...props }) => {
 
 //#endregion
 export { CardAction };
-//# sourceMappingURL=card-action-D8M3_IVq.js.map
+//# sourceMappingURL=card-action-DiyQo6bH.js.map

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

@@ -1 +1 @@
-{"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,cAAc,EAAE,SAAS,KAAK,UAAU,MAAM,UAAW,GAAG,YAA6B;CACpG,MAAM,YAAY,UAAU,OAAO;AACnC,QACE,oBAAC;EACC,SAAQ;EACR,MAAK;EACL;EACM;EACN,WAAW,KAAK,mBAAmB;EAC9B;EACL,GAAI;EAEH"}
+{"version":3,"file":"card-action-DiyQo6bH.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,cAAc,EAAE,SAAS,KAAK,UAAU,MAAM,UAAW,GAAG,YAA6B;AAEpG,QACE,oBAFgB,UAAU,OAAO;EAG/B,SAAQ;EACR,MAAK;EACL;EACM;EACN,WAAW,KAAK,mBAAmB,UAAU;EACxC;EACL,GAAI;EAEH;GACS"}

package/dist/card-actions-CIsnmxsm.js.map

@@ -1 +1 @@
-{"version":3,"file":"card-actions-CIsnmxsm.js","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,SAAU,GAAG,YAA8B;AACvF,QACE,oBAAC;EAAI,WAAW,KAAK,oBAAoB;EAAiB;EAAK,GAAI;EAChE"}
+{"version":3,"file":"card-actions-CIsnmxsm.js","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,SAAU,GAAG,YAA8B;AACvF,QACE,oBAAC;EAAI,WAAW,KAAK,oBAAoB,UAAU;EAAO;EAAK,GAAI;EAChE;GACG"}

package/dist/{card-content-DkEHp8mv.js → card-content-BUc3uxiV.js}

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

package/dist/{card-content-DkEHp8mv.js.map → card-content-BUc3uxiV.js.map}

@@ -1 +1 @@
-{"version":3,"file":"card-content-DkEHp8mv.js","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,QAAS,GAAG,YAA8B;CAChG,MAAM,YAAY,UAAU,OAAO;AACnC,QACE,oBAAC;EAAU,WAAW,KAAK,oBAAoB;EAAiB;EAAK,GAAI;EACtE"}
+{"version":3,"file":"card-content-BUc3uxiV.js","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,QAAS,GAAG,YAA8B;AAEhG,QACE,oBAFgB,UAAU,OAAO;EAEtB,WAAW,KAAK,oBAAoB,UAAU;EAAO;EAAK,GAAI;EACtE;GACS"}

package/dist/card-date-Bd87BGDE.js.map

@@ -1 +1 @@
-{"version":3,"file":"card-date-Bd87BGDE.js","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,MAAO,GAAG,YAA2B;AACnF,QACE,qBAAC;EAAE,WAAW,KAAK,iBAAiB;EAAiB;EAAK,GAAI;aAC3D,KACD,oBAAC,oBAAM"}
+{"version":3,"file":"card-date-Bd87BGDE.js","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,MAAO,GAAG,YAA2B;AACnF,QACE,qBAAC;EAAE,WAAW,KAAK,iBAAiB,UAAU;EAAO;EAAK,GAAI;aAC3D,KACD,oBAAC,oBAAM,QAAa;GAClB"}

package/dist/card-header-D-RMd4xS.js.map

@@ -1 +1 @@
-{"version":3,"file":"card-header-D-RMd4xS.js","names":[],"sources":["../src/components/card/card-header.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode, Ref } from 'react';\nimport type { MergeRight } from '../../utilities';\nimport clsx from 'clsx';\n\nexport type CardHeaderProps = MergeRight<\n  Omit<HTMLAttributes<HTMLDivElement>, 'children'>,\n  {\n    /**\n     * The header of the card\n     */\n    header?: ReactNode;\n    /**\n     * The label of the card, displayed above the header\n     */\n    label?: ReactNode;\n    /**\n     * The sublabel of the card, displayed next to the label\n     */\n    subLabel?: ReactNode;\n    /**\n     * The description of the card, displayed below the header\n     */\n    description?: ReactNode;\n    ref?: Ref<HTMLDivElement>;\n  }\n>;\n\nexport const CardHeader = ({ className, ref, header, label, subLabel, description, ...props }: CardHeaderProps) => {\n  return (\n    <div className={clsx('bi-card--header', className)} ref={ref} {...props}>\n      {(label || subLabel) && (\n        <p className='bi-card--header-label'>\n          {label && <span className='bi-card--header-bold'>{label}</span>}\n          {label && subLabel && <span aria-hidden='true' className='bi-card--header-dot'></span>}\n          {subLabel && <span>{subLabel}</span>}\n        </p>\n      )}\n      {header && <h3 className='bi-card--header-title'>{header}</h3>}\n      {description && <p className='bi-card--header-label'>{description}</p>}\n    </div>\n  );\n};\n"],"mappings":";;;;AA2BA,MAAa,cAAc,EAAE,WAAW,KAAK,QAAQ,OAAO,UAAU,YAAa,GAAG,YAA6B;AACjH,QACE,qBAAC;EAAI,WAAW,KAAK,mBAAmB;EAAiB;EAAK,GAAI;;IAC9D,SAAS,aACT,qBAAC;IAAE,WAAU;;KACV,SAAS,oBAAC;MAAK,WAAU;gBAAwB;;KACjD,SAAS,YAAY,oBAAC;MAAK,eAAY;MAAO,WAAU;;KACxD,YAAY,oBAAC,oBAAM;;;GAGvB,UAAU,oBAAC;IAAG,WAAU;cAAyB;;GACjD,eAAe,oBAAC;IAAE,WAAU;cAAyB"}
+{"version":3,"file":"card-header-D-RMd4xS.js","names":[],"sources":["../src/components/card/card-header.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode, Ref } from 'react';\nimport type { MergeRight } from '../../utilities';\nimport clsx from 'clsx';\n\nexport type CardHeaderProps = MergeRight<\n  Omit<HTMLAttributes<HTMLDivElement>, 'children'>,\n  {\n    /**\n     * The header of the card\n     */\n    header?: ReactNode;\n    /**\n     * The label of the card, displayed above the header\n     */\n    label?: ReactNode;\n    /**\n     * The sublabel of the card, displayed next to the label\n     */\n    subLabel?: ReactNode;\n    /**\n     * The description of the card, displayed below the header\n     */\n    description?: ReactNode;\n    ref?: Ref<HTMLDivElement>;\n  }\n>;\n\nexport const CardHeader = ({ className, ref, header, label, subLabel, description, ...props }: CardHeaderProps) => {\n  return (\n    <div className={clsx('bi-card--header', className)} ref={ref} {...props}>\n      {(label || subLabel) && (\n        <p className='bi-card--header-label'>\n          {label && <span className='bi-card--header-bold'>{label}</span>}\n          {label && subLabel && <span aria-hidden='true' className='bi-card--header-dot'></span>}\n          {subLabel && <span>{subLabel}</span>}\n        </p>\n      )}\n      {header && <h3 className='bi-card--header-title'>{header}</h3>}\n      {description && <p className='bi-card--header-label'>{description}</p>}\n    </div>\n  );\n};\n"],"mappings":";;;;AA2BA,MAAa,cAAc,EAAE,WAAW,KAAK,QAAQ,OAAO,UAAU,YAAa,GAAG,YAA6B;AACjH,QACE,qBAAC;EAAI,WAAW,KAAK,mBAAmB,UAAU;EAAO;EAAK,GAAI;;IAC9D,SAAS,aACT,qBAAC;IAAE,WAAU;;KACV,SAAS,oBAAC;MAAK,WAAU;gBAAwB;OAAa;KAC9D,SAAS,YAAY,oBAAC;MAAK,eAAY;MAAO,WAAU;OAA6B;KACrF,YAAY,oBAAC,oBAAM,WAAgB;;KAClC;GAEL,UAAU,oBAAC;IAAG,WAAU;cAAyB;KAAY;GAC7D,eAAe,oBAAC;IAAE,WAAU;cAAyB;KAAgB;;GAClE"}

package/dist/card-media-DhU2_Ueq.js.map

@@ -1 +1 @@
-{"version":3,"file":"card-media-DhU2_Ueq.js","names":[],"sources":["../src/components/card/card-media.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode, Ref } from 'react';\nimport type { MergeRight } from '../../utilities';\nimport clsx from 'clsx/lite';\n\nexport type CardMediaProps = MergeRight<\n  HTMLAttributes<HTMLDivElement>,\n  {\n    /**\n     * The media to display. Must be audio, figure, iframe, img or video-tag to get correct styles.\n     */\n    children?: ReactNode;\n    /**\n     * Optional content to overlay on top of the media.\n     */\n    overlay?: ReactNode;\n    ref?: Ref<HTMLDivElement>;\n  }\n>;\n\nexport const CardMedia = ({ className, ref, children, overlay, ...props }: CardMediaProps) => {\n  return (\n    <div className={clsx('bi-card--media', className)} ref={ref} {...props}>\n      {children}\n      <div className='bi-card--media-overlay'>{overlay}</div>\n    </div>\n  );\n};\n"],"mappings":";;;;AAmBA,MAAa,aAAa,EAAE,WAAW,KAAK,UAAU,QAAS,GAAG,YAA4B;AAC5F,QACE,qBAAC;EAAI,WAAW,KAAK,kBAAkB;EAAiB;EAAK,GAAI;aAC9D,UACD,oBAAC;GAAI,WAAU;aAA0B"}
+{"version":3,"file":"card-media-DhU2_Ueq.js","names":[],"sources":["../src/components/card/card-media.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode, Ref } from 'react';\nimport type { MergeRight } from '../../utilities';\nimport clsx from 'clsx/lite';\n\nexport type CardMediaProps = MergeRight<\n  HTMLAttributes<HTMLDivElement>,\n  {\n    /**\n     * The media to display. Must be audio, figure, iframe, img or video-tag to get correct styles.\n     */\n    children?: ReactNode;\n    /**\n     * Optional content to overlay on top of the media.\n     */\n    overlay?: ReactNode;\n    ref?: Ref<HTMLDivElement>;\n  }\n>;\n\nexport const CardMedia = ({ className, ref, children, overlay, ...props }: CardMediaProps) => {\n  return (\n    <div className={clsx('bi-card--media', className)} ref={ref} {...props}>\n      {children}\n      <div className='bi-card--media-overlay'>{overlay}</div>\n    </div>\n  );\n};\n"],"mappings":";;;;AAmBA,MAAa,aAAa,EAAE,WAAW,KAAK,UAAU,QAAS,GAAG,YAA4B;AAC5F,QACE,qBAAC;EAAI,WAAW,KAAK,kBAAkB,UAAU;EAAO;EAAK,GAAI;aAC9D,UACD,oBAAC;GAAI,WAAU;aAA0B;IAAc;GACnD"}

package/dist/{card-QAnFhTk6.js → card-xvRovR7u.js}

@@ -4,8 +4,7 @@ import { jsx } from "react/jsx-runtime";
 
 //#region src/components/card/card.tsx
 const Card = ({ orientation = "horizontal", color = "neutral", error = false, dark = false, className, ref, children, asChild,...props }) => {
-	const Component = asChild ? Slot : "div";
-	return /* @__PURE__ */ jsx(Component, {
+	return /* @__PURE__ */ jsx(asChild ? Slot : "div", {
 		className: clsx("bi-card", className),
 		"data-orientation": orientation,
 		"data-color": color,
@@ -19,4 +18,4 @@ const Card = ({ orientation = "horizontal", color = "neutral", error = false, da
 
 //#endregion
 export { Card };
-//# sourceMappingURL=card-QAnFhTk6.js.map
+//# sourceMappingURL=card-xvRovR7u.js.map

package/dist/{card-QAnFhTk6.js.map → card-xvRovR7u.js.map}

@@ -1 +1 @@
-{"version":3,"file":"card-QAnFhTk6.js","names":[],"sources":["../src/components/card/card.tsx"],"sourcesContent":["import type { HTMLAttributes, Ref } from 'react';\nimport type { DefaultProps } from '../../types';\nimport type { MergeRight } from '../../utilities';\nimport clsx from 'clsx/lite';\nimport { Slot, Slottable } from '@radix-ui/react-slot';\n\nexport type CardProps = MergeRight<\n  DefaultProps & HTMLAttributes<HTMLDivElement>,\n  {\n    /**\n     * The orientation of the card\n     * @default 'horizontal'\n     */\n    orientation?: 'horizontal' | 'vertical';\n    /**\n     * The color of the card\n     * @default 'neutral'\n     */\n    color?: 'neutral' | 'info' | 'warning';\n    error?: boolean;\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 Card = ({\n  orientation = 'horizontal',\n  color = 'neutral',\n  error = false,\n  dark = false,\n  className,\n  ref,\n  children,\n  asChild,\n  ...props\n}: CardProps) => {\n  const Component = asChild ? Slot : 'div';\n\n  return (\n    <Component\n      className={clsx('bi-card', className)}\n      data-orientation={orientation}\n      data-color={color}\n      data-error={error}\n      data-dark={dark}\n      ref={ref}\n      {...props}\n    >\n      <Slottable>{children}</Slottable>\n    </Component>\n  );\n};\n"],"mappings":";;;;;AA6BA,MAAa,QAAQ,EACnB,cAAc,cACd,QAAQ,WACR,QAAQ,OACR,OAAO,OACP,WACA,KACA,UACA,QACA,GAAG,YACY;CACf,MAAM,YAAY,UAAU,OAAO;AAEnC,QACE,oBAAC;EACC,WAAW,KAAK,WAAW;EAC3B,oBAAkB;EAClB,cAAY;EACZ,cAAY;EACZ,aAAW;EACN;EACL,GAAI;YAEJ,oBAAC,aAAW"}
+{"version":3,"file":"card-xvRovR7u.js","names":[],"sources":["../src/components/card/card.tsx"],"sourcesContent":["import type { HTMLAttributes, Ref } from 'react';\nimport type { DefaultProps } from '../../types';\nimport type { MergeRight } from '../../utilities';\nimport clsx from 'clsx/lite';\nimport { Slot, Slottable } from '@radix-ui/react-slot';\n\nexport type CardProps = MergeRight<\n  DefaultProps & HTMLAttributes<HTMLDivElement>,\n  {\n    /**\n     * The orientation of the card\n     * @default 'horizontal'\n     */\n    orientation?: 'horizontal' | 'vertical';\n    /**\n     * The color of the card\n     * @default 'neutral'\n     */\n    color?: 'neutral' | 'info' | 'warning';\n    error?: boolean;\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 Card = ({\n  orientation = 'horizontal',\n  color = 'neutral',\n  error = false,\n  dark = false,\n  className,\n  ref,\n  children,\n  asChild,\n  ...props\n}: CardProps) => {\n  const Component = asChild ? Slot : 'div';\n\n  return (\n    <Component\n      className={clsx('bi-card', className)}\n      data-orientation={orientation}\n      data-color={color}\n      data-error={error}\n      data-dark={dark}\n      ref={ref}\n      {...props}\n    >\n      <Slottable>{children}</Slottable>\n    </Component>\n  );\n};\n"],"mappings":";;;;;AA6BA,MAAa,QAAQ,EACnB,cAAc,cACd,QAAQ,WACR,QAAQ,OACR,OAAO,OACP,WACA,KACA,UACA,QACA,GAAG,YACY;AAGf,QACE,oBAHgB,UAAU,OAAO;EAI/B,WAAW,KAAK,WAAW,UAAU;EACrC,oBAAkB;EAClB,cAAY;EACZ,cAAY;EACZ,aAAW;EACN;EACL,GAAI;YAEJ,oBAAC,aAAW,WAAqB;GACvB"}

package/dist/{checkbox-ZR1Z2PCF.js → checkbox-D04YsX0C.js}

@@ -1,7 +1,7 @@
-import { Field } from "./field-DFMMLG-d.js";
-import { FieldDescription } from "./field-description-Dhm1VA08.js";
+import { Field } from "./field-Dul9LBgF.js";
+import { FieldDescription } from "./field-description-Yya33j8H.js";
 import { Input } from "./input-Dr7BnTyd.js";
-import { Label } from "./label-DUzvAx-T.js";
+import { Label } from "./label-DG_ojO9g.js";
 import { useMergeRefs } from "./useMergeRefs-DC710CHX.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useEffect, useId, useRef } from "react";
@@ -55,4 +55,4 @@ const Checkbox = ({ dark, label, description, error, fullwidth, style, className
 
 //#endregion
 export { Checkbox };
-//# sourceMappingURL=checkbox-ZR1Z2PCF.js.map
+//# sourceMappingURL=checkbox-D04YsX0C.js.map

package/dist/{checkbox-ZR1Z2PCF.js.map → checkbox-D04YsX0C.js.map}

@@ -1 +1 @@
-{"version":3,"file":"checkbox-ZR1Z2PCF.js","names":["input: HTMLInputElement | null"],"sources":["../src/components/checkbox/checkbox.tsx"],"sourcesContent":["import { useEffect, useId, useRef, type ReactNode, type Ref } from 'react';\n\nimport type { LabelRequiredProps } from '../../types';\nimport type { MergeRight } from '../../utilities';\nimport { Field, FieldDescription } from '../field';\nimport { Input, type InputProps } from '../input';\nimport { Label } from '../label';\nimport { useMergeRefs } from '../../utilities/hooks/useMergeRefs/useMergeRefs';\n\nexport type CheckboxProps = MergeRight<\n  LabelRequiredProps & Omit<InputProps, 'type' | 'role' | 'size'>,\n  {\n    /** Label */\n    label?: ReactNode;\n    /** Description */\n    description?: ReactNode;\n    /** Add error indication to the checkbox. */\n    error?: boolean;\n    /** Specify whether the Checkbox is indeterminate */\n    indeterminate?: boolean;\n    /** If true, the checkbox will take up the full width of the container, and not just \"fit-content\" which is default */\n    fullwidth?: boolean;\n    ref?: Ref<HTMLInputElement>;\n  }\n>;\n\nexport const Checkbox = ({\n  dark,\n  label,\n  description,\n  error,\n  fullwidth,\n  style,\n  className,\n  indeterminate,\n  ref,\n  id,\n  'aria-describedby': ariaDescribedByProp,\n  ...props\n}: CheckboxProps) => {\n  const checkRef = useRef<HTMLInputElement>(null);\n  const refs = useMergeRefs([checkRef, ref]);\n  const descriptionId = useId();\n\n  useEffect(() => {\n    let input: HTMLInputElement | null;\n    if (ref && typeof ref !== 'function') {\n      input = ref.current;\n    } else {\n      input = checkRef.current;\n    }\n\n    if (input) {\n      input.indeterminate = indeterminate || false;\n    }\n  }, [indeterminate, checkRef, ref]);\n\n  const ariaDescribedBy = [description ? descriptionId : '', ariaDescribedByProp].join(' ').trim() || undefined;\n\n  return (\n    <Field className={className} data-dark={dark} style={style} fullwidth={fullwidth} asChild>\n      <label>\n        <Input\n          type='checkbox'\n          id={id}\n          ref={refs}\n          aria-invalid={error || undefined}\n          aria-describedby={ariaDescribedBy}\n          dark={dark}\n          {...props}\n        />\n        {label && (\n          <Label weight='medium' htmlFor={id} asChild>\n            <span>{label}</span>\n          </Label>\n        )}\n        {description && (\n          // Aria-hidden is used to prevent screen readers from reading the description twice:\n          // once as part of the label and once from being connected through aria-describedby.\n          <FieldDescription aria-hidden='true' id={descriptionId}>\n            {description}\n          </FieldDescription>\n        )}\n      </label>\n    </Field>\n  );\n};\n"],"mappings":";;;;;;;;;AA0BA,MAAa,YAAY,EACvB,MACA,OACA,aACA,OACA,WACA,OACA,WACA,eACA,KACA,IACA,oBAAoB,oBACpB,GAAG,YACgB;CACnB,MAAM,WAAW,OAAyB;CAC1C,MAAM,OAAO,aAAa,CAAC,UAAU;CACrC,MAAM,gBAAgB;AAEtB,iBAAgB;EACd,IAAIA;AACJ,MAAI,OAAO,OAAO,QAAQ,WACxB,SAAQ,IAAI;MAEZ,SAAQ,SAAS;AAGnB,MAAI,MACF,OAAM,gBAAgB,iBAAiB;IAExC;EAAC;EAAe;EAAU;;CAE7B,MAAM,kBAAkB,CAAC,cAAc,gBAAgB,IAAI,qBAAqB,KAAK,KAAK,UAAU;AAEpG,QACE,oBAAC;EAAiB;EAAW,aAAW;EAAa;EAAkB;EAAW;YAChF,qBAAC;GACC,oBAAC;IACC,MAAK;IACD;IACJ,KAAK;IACL,gBAAc,SAAS;IACvB,oBAAkB;IACZ;IACN,GAAI;;GAEL,SACC,oBAAC;IAAM,QAAO;IAAS,SAAS;IAAI;cAClC,oBAAC,oBAAM;;GAGV,eAGC,oBAAC;IAAiB,eAAY;IAAO,IAAI;cACtC"}
+{"version":3,"file":"checkbox-D04YsX0C.js","names":["input: HTMLInputElement | null"],"sources":["../src/components/checkbox/checkbox.tsx"],"sourcesContent":["import { useEffect, useId, useRef, type ReactNode, type Ref } from 'react';\n\nimport type { LabelRequiredProps } from '../../types';\nimport type { MergeRight } from '../../utilities';\nimport { Field, FieldDescription } from '../field';\nimport { Input, type InputProps } from '../input';\nimport { Label } from '../label';\nimport { useMergeRefs } from '../../utilities/hooks/useMergeRefs/useMergeRefs';\n\nexport type CheckboxProps = MergeRight<\n  LabelRequiredProps & Omit<InputProps, 'type' | 'role' | 'size'>,\n  {\n    /** Label */\n    label?: ReactNode;\n    /** Description */\n    description?: ReactNode;\n    /** Add error indication to the checkbox. */\n    error?: boolean;\n    /** Specify whether the Checkbox is indeterminate */\n    indeterminate?: boolean;\n    /** If true, the checkbox will take up the full width of the container, and not just \"fit-content\" which is default */\n    fullwidth?: boolean;\n    ref?: Ref<HTMLInputElement>;\n  }\n>;\n\nexport const Checkbox = ({\n  dark,\n  label,\n  description,\n  error,\n  fullwidth,\n  style,\n  className,\n  indeterminate,\n  ref,\n  id,\n  'aria-describedby': ariaDescribedByProp,\n  ...props\n}: CheckboxProps) => {\n  const checkRef = useRef<HTMLInputElement>(null);\n  const refs = useMergeRefs([checkRef, ref]);\n  const descriptionId = useId();\n\n  useEffect(() => {\n    let input: HTMLInputElement | null;\n    if (ref && typeof ref !== 'function') {\n      input = ref.current;\n    } else {\n      input = checkRef.current;\n    }\n\n    if (input) {\n      input.indeterminate = indeterminate || false;\n    }\n  }, [indeterminate, checkRef, ref]);\n\n  const ariaDescribedBy = [description ? descriptionId : '', ariaDescribedByProp].join(' ').trim() || undefined;\n\n  return (\n    <Field className={className} data-dark={dark} style={style} fullwidth={fullwidth} asChild>\n      <label>\n        <Input\n          type='checkbox'\n          id={id}\n          ref={refs}\n          aria-invalid={error || undefined}\n          aria-describedby={ariaDescribedBy}\n          dark={dark}\n          {...props}\n        />\n        {label && (\n          <Label weight='medium' htmlFor={id} asChild>\n            <span>{label}</span>\n          </Label>\n        )}\n        {description && (\n          // Aria-hidden is used to prevent screen readers from reading the description twice:\n          // once as part of the label and once from being connected through aria-describedby.\n          <FieldDescription aria-hidden='true' id={descriptionId}>\n            {description}\n          </FieldDescription>\n        )}\n      </label>\n    </Field>\n  );\n};\n"],"mappings":";;;;;;;;;AA0BA,MAAa,YAAY,EACvB,MACA,OACA,aACA,OACA,WACA,OACA,WACA,eACA,KACA,IACA,oBAAoB,oBACpB,GAAG,YACgB;CACnB,MAAM,WAAW,OAAyB,KAAK;CAC/C,MAAM,OAAO,aAAa,CAAC,UAAU,IAAI,CAAC;CAC1C,MAAM,gBAAgB,OAAO;AAE7B,iBAAgB;EACd,IAAIA;AACJ,MAAI,OAAO,OAAO,QAAQ,WACxB,SAAQ,IAAI;MAEZ,SAAQ,SAAS;AAGnB,MAAI,MACF,OAAM,gBAAgB,iBAAiB;IAExC;EAAC;EAAe;EAAU;EAAI,CAAC;CAElC,MAAM,kBAAkB,CAAC,cAAc,gBAAgB,IAAI,oBAAoB,CAAC,KAAK,IAAI,CAAC,MAAM,IAAI;AAEpG,QACE,oBAAC;EAAiB;EAAW,aAAW;EAAa;EAAkB;EAAW;YAChF,qBAAC;GACC,oBAAC;IACC,MAAK;IACD;IACJ,KAAK;IACL,gBAAc,SAAS;IACvB,oBAAkB;IACZ;IACN,GAAI;KACJ;GACD,SACC,oBAAC;IAAM,QAAO;IAAS,SAAS;IAAI;cAClC,oBAAC,oBAAM,QAAa;KACd;GAET,eAGC,oBAAC;IAAiB,eAAY;IAAO,IAAI;cACtC;KACgB;MAEf;GACF"}

package/dist/checkbox-subsection-BPe5aj-W.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox-subsection-BPe5aj-W.js","names":[],"sources":["../src/components/checkbox/checkbox-subsection.tsx"],"sourcesContent":["import clsx from 'clsx/lite';\nimport type { HtmlHTMLAttributes, Ref } from 'react';\nimport type { DefaultProps } from '../../types';\nimport type { MergeRight } from '../../utilities';\n\nexport type CheckboxSubsectionProps = MergeRight<\n  DefaultProps & HtmlHTMLAttributes<HTMLDivElement>,\n  { ref?: Ref<HTMLDivElement> }\n>;\n\nexport const CheckboxSubsection = ({ children, className, dark, ref, ...props }: CheckboxSubsectionProps) => {\n  return (\n    <div className={clsx('bi-checkbox-subsection', className)} data-dark={dark} {...props} ref={ref}>\n      <div />\n      <div>{children}</div>\n    </div>\n  );\n};\n"],"mappings":";;;;AAUA,MAAa,sBAAsB,EAAE,UAAU,WAAW,MAAM,IAAK,GAAG,YAAqC;AAC3G,QACE,qBAAC;EAAI,WAAW,KAAK,0BAA0B;EAAY,aAAW;EAAM,GAAI;EAAY;aAC1F,oBAAC,YACD,oBAAC,SAAK"}
+{"version":3,"file":"checkbox-subsection-BPe5aj-W.js","names":[],"sources":["../src/components/checkbox/checkbox-subsection.tsx"],"sourcesContent":["import clsx from 'clsx/lite';\nimport type { HtmlHTMLAttributes, Ref } from 'react';\nimport type { DefaultProps } from '../../types';\nimport type { MergeRight } from '../../utilities';\n\nexport type CheckboxSubsectionProps = MergeRight<\n  DefaultProps & HtmlHTMLAttributes<HTMLDivElement>,\n  { ref?: Ref<HTMLDivElement> }\n>;\n\nexport const CheckboxSubsection = ({ children, className, dark, ref, ...props }: CheckboxSubsectionProps) => {\n  return (\n    <div className={clsx('bi-checkbox-subsection', className)} data-dark={dark} {...props} ref={ref}>\n      <div />\n      <div>{children}</div>\n    </div>\n  );\n};\n"],"mappings":";;;;AAUA,MAAa,sBAAsB,EAAE,UAAU,WAAW,MAAM,IAAK,GAAG,YAAqC;AAC3G,QACE,qBAAC;EAAI,WAAW,KAAK,0BAA0B,UAAU;EAAE,aAAW;EAAM,GAAI;EAAY;aAC1F,oBAAC,UAAM,EACP,oBAAC,SAAK,WAAe;GACjB"}

package/dist/{chip-b9xUiF7_.js → chip-BXBQ6E1H.js}

@@ -4,8 +4,7 @@ import clsx from "clsx";
 
 //#region src/components/chip/chip.tsx
 const Chip = ({ children, color = "primary", size = "medium", startIcon, dark, asChild, className, ref,...props }) => {
-	const Component = asChild ? Slot : "div";
-	return /* @__PURE__ */ jsxs(Component, {
+	return /* @__PURE__ */ jsxs(asChild ? Slot : "div", {
 		className: clsx("bi-chip", className),
 		"data-color": color,
 		"data-size": size,
@@ -18,4 +17,4 @@ const Chip = ({ children, color = "primary", size = "medium", startIcon, dark, a
 
 //#endregion
 export { Chip };
-//# sourceMappingURL=chip-b9xUiF7_.js.map
+//# sourceMappingURL=chip-BXBQ6E1H.js.map

package/dist/{chip-b9xUiF7_.js.map → chip-BXBQ6E1H.js.map}

@@ -1 +1 @@
-{"version":3,"file":"chip-b9xUiF7_.js","names":[],"sources":["../src/components/chip/chip.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode, Ref } from 'react';\nimport { Slot, Slottable } from '@radix-ui/react-slot';\nimport clsx from 'clsx';\nimport type { MergeRight } from '../../utilities';\nimport type { DefaultProps } from '../../types';\n\nexport type ChipProps = MergeRight<\n  DefaultProps & HTMLAttributes<HTMLDivElement>,\n  {\n    /**\n     * The chip size\n     * @default 'medium'\n     */\n    size?: 'small' | 'medium' | 'large';\n    /**\n     * The chip color\n     * @default 'primary'\n     */\n    color?: 'neutral' | 'primary-light' | 'info' | 'white' | 'primary' | 'alert' | 'warning' | 'success';\n    /** Set an icon before the chip label */\n    startIcon?: ReactNode;\n    ref?: Ref<HTMLDivElement>;\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>;\n\nexport const Chip = ({\n  children,\n  color = 'primary',\n  size = 'medium',\n  startIcon,\n  dark,\n  asChild,\n  className,\n  ref,\n  ...props\n}: ChipProps) => {\n  const Component = asChild ? Slot : 'div';\n\n  return (\n    <Component\n      className={clsx('bi-chip', className)}\n      data-color={color}\n      data-size={size}\n      data-dark={dark || undefined}\n      ref={ref}\n      {...props}\n    >\n      {startIcon}\n      <Slottable>{children}</Slottable>\n    </Component>\n  );\n};\n"],"mappings":";;;;;AA8BA,MAAa,QAAQ,EACnB,UACA,QAAQ,WACR,OAAO,UACP,WACA,MACA,SACA,WACA,IACA,GAAG,YACY;CACf,MAAM,YAAY,UAAU,OAAO;AAEnC,QACE,qBAAC;EACC,WAAW,KAAK,WAAW;EAC3B,cAAY;EACZ,aAAW;EACX,aAAW,QAAQ;EACd;EACL,GAAI;aAEH,WACD,oBAAC,aAAW"}
+{"version":3,"file":"chip-BXBQ6E1H.js","names":[],"sources":["../src/components/chip/chip.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode, Ref } from 'react';\nimport { Slot, Slottable } from '@radix-ui/react-slot';\nimport clsx from 'clsx';\nimport type { MergeRight } from '../../utilities';\nimport type { DefaultProps } from '../../types';\n\nexport type ChipProps = MergeRight<\n  DefaultProps & HTMLAttributes<HTMLDivElement>,\n  {\n    /**\n     * The chip size\n     * @default 'medium'\n     */\n    size?: 'small' | 'medium' | 'large';\n    /**\n     * The chip color\n     * @default 'primary'\n     */\n    color?: 'neutral' | 'primary-light' | 'info' | 'white' | 'primary' | 'alert' | 'warning' | 'success';\n    /** Set an icon before the chip label */\n    startIcon?: ReactNode;\n    ref?: Ref<HTMLDivElement>;\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>;\n\nexport const Chip = ({\n  children,\n  color = 'primary',\n  size = 'medium',\n  startIcon,\n  dark,\n  asChild,\n  className,\n  ref,\n  ...props\n}: ChipProps) => {\n  const Component = asChild ? Slot : 'div';\n\n  return (\n    <Component\n      className={clsx('bi-chip', className)}\n      data-color={color}\n      data-size={size}\n      data-dark={dark || undefined}\n      ref={ref}\n      {...props}\n    >\n      {startIcon}\n      <Slottable>{children}</Slottable>\n    </Component>\n  );\n};\n"],"mappings":";;;;;AA8BA,MAAa,QAAQ,EACnB,UACA,QAAQ,WACR,OAAO,UACP,WACA,MACA,SACA,WACA,IACA,GAAG,YACY;AAGf,QACE,qBAHgB,UAAU,OAAO;EAI/B,WAAW,KAAK,WAAW,UAAU;EACrC,cAAY;EACZ,aAAW;EACX,aAAW,QAAQ;EACd;EACL,GAAI;aAEH,WACD,oBAAC,aAAW,WAAqB;GACvB"}

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

@@ -1,18 +1,18 @@
-import "../../useCheckboxGroup-D61FVz37.js";
-import "../../useIsomorphicLayoutEffect-DYtMRdO-.js";
-import "../../types-Bga-EYiy.js";
-import { AlertFooter, AlertFooterProps } from "../../alert-footer-BS7TXc1g.js";
-import "../../dialog-trigger-context-ClG9UVsz.js";
-import "../../drawer-trigger-context-CNBRwj7l.js";
-import "../../popover-trigger-context-8iojEYe0.js";
-import "../../dropdown-item-CGg_2cV1.js";
-import "../../dropdown-list-D8szW6_q.js";
-import "../../footer-links-DlrXiXOi.js";
-import "../../pagination-item-wgtqjgnC.js";
-import "../../sticky-header-BMeHtK7e.js";
-import "../../index-Cv0onxlx.js";
-import "../../useIsElementAboveViewport-C3qzTbfj.js";
-import "../../useScrollDirection-BmllObvZ.js";
-import "../../useMediaQuery-DYDgFKom.js";
-import "../../types-CtaqzrVi.js";
+import "../../useCheckboxGroup-nxlcj9XV.js";
+import "../../useIsomorphicLayoutEffect-xBMCbFbr.js";
+import "../../types-LBHl14PF.js";
+import { AlertFooter, AlertFooterProps } from "../../alert-footer-Dwltql72.js";
+import "../../dialog-trigger-context-B_MK_dPS.js";
+import "../../drawer-trigger-context-CtKVp90I.js";
+import "../../popover-trigger-context-87n9O2Z1.js";
+import "../../dropdown-item-B7Z0CA1w.js";
+import "../../dropdown-list-mT0TnFtP.js";
+import "../../footer-links-BTi7KUF7.js";
+import "../../pagination-item-Bgn3B8ka.js";
+import "../../sticky-header-CtdlkwlN.js";
+import "../../index-Cyx9R6nl.js";
+import "../../useIsElementAboveViewport-DHjLWtIr.js";
+import "../../useScrollDirection-D0LV5RmP.js";
+import "../../useMediaQuery-Bg5u2Z9G.js";
+import "../../types-DC_g3L-J.js";
 export { AlertFooter, AlertFooterProps };

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

@@ -1,3 +1,3 @@
-import { AlertFooter } from "../../alert-footer-DL4rCThp.js";
+import { AlertFooter } from "../../alert-footer-DfjvFlBv.js";
 
 export { AlertFooter };

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

@@ -1,18 +1,18 @@
-import "../../useCheckboxGroup-D61FVz37.js";
-import "../../useIsomorphicLayoutEffect-DYtMRdO-.js";
-import "../../types-Bga-EYiy.js";
-import { Alert, AlertProps } from "../../alert-footer-BS7TXc1g.js";
-import "../../dialog-trigger-context-ClG9UVsz.js";
-import "../../drawer-trigger-context-CNBRwj7l.js";
-import "../../popover-trigger-context-8iojEYe0.js";
-import "../../dropdown-item-CGg_2cV1.js";
-import "../../dropdown-list-D8szW6_q.js";
-import "../../footer-links-DlrXiXOi.js";
-import "../../pagination-item-wgtqjgnC.js";
-import "../../sticky-header-BMeHtK7e.js";
-import "../../index-Cv0onxlx.js";
-import "../../useIsElementAboveViewport-C3qzTbfj.js";
-import "../../useScrollDirection-BmllObvZ.js";
-import "../../useMediaQuery-DYDgFKom.js";
-import "../../types-CtaqzrVi.js";
+import "../../useCheckboxGroup-nxlcj9XV.js";
+import "../../useIsomorphicLayoutEffect-xBMCbFbr.js";
+import "../../types-LBHl14PF.js";
+import { Alert, AlertProps } from "../../alert-footer-Dwltql72.js";
+import "../../dialog-trigger-context-B_MK_dPS.js";
+import "../../drawer-trigger-context-CtKVp90I.js";
+import "../../popover-trigger-context-87n9O2Z1.js";
+import "../../dropdown-item-B7Z0CA1w.js";
+import "../../dropdown-list-mT0TnFtP.js";
+import "../../footer-links-BTi7KUF7.js";
+import "../../pagination-item-Bgn3B8ka.js";
+import "../../sticky-header-CtdlkwlN.js";
+import "../../index-Cyx9R6nl.js";
+import "../../useIsElementAboveViewport-DHjLWtIr.js";
+import "../../useScrollDirection-D0LV5RmP.js";
+import "../../useMediaQuery-Bg5u2Z9G.js";
+import "../../types-DC_g3L-J.js";
 export { Alert, AlertProps };

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

@@ -1,18 +1,18 @@
-import "../../useCheckboxGroup-D61FVz37.js";
-import "../../useIsomorphicLayoutEffect-DYtMRdO-.js";
-import "../../types-Bga-EYiy.js";
-import { Alert, AlertFooter, AlertFooterProps, AlertProps } from "../../alert-footer-BS7TXc1g.js";
-import "../../dialog-trigger-context-ClG9UVsz.js";
-import "../../drawer-trigger-context-CNBRwj7l.js";
-import "../../popover-trigger-context-8iojEYe0.js";
-import "../../dropdown-item-CGg_2cV1.js";
-import "../../dropdown-list-D8szW6_q.js";
-import "../../footer-links-DlrXiXOi.js";
-import "../../pagination-item-wgtqjgnC.js";
-import "../../sticky-header-BMeHtK7e.js";
-import "../../index-Cv0onxlx.js";
-import "../../useIsElementAboveViewport-C3qzTbfj.js";
-import "../../useScrollDirection-BmllObvZ.js";
-import "../../useMediaQuery-DYDgFKom.js";
-import "../../types-CtaqzrVi.js";
+import "../../useCheckboxGroup-nxlcj9XV.js";
+import "../../useIsomorphicLayoutEffect-xBMCbFbr.js";
+import "../../types-LBHl14PF.js";
+import { Alert, AlertFooter, AlertFooterProps, AlertProps } from "../../alert-footer-Dwltql72.js";
+import "../../dialog-trigger-context-B_MK_dPS.js";
+import "../../drawer-trigger-context-CtKVp90I.js";
+import "../../popover-trigger-context-87n9O2Z1.js";
+import "../../dropdown-item-B7Z0CA1w.js";
+import "../../dropdown-list-mT0TnFtP.js";
+import "../../footer-links-BTi7KUF7.js";
+import "../../pagination-item-Bgn3B8ka.js";
+import "../../sticky-header-CtdlkwlN.js";
+import "../../index-Cyx9R6nl.js";
+import "../../useIsElementAboveViewport-DHjLWtIr.js";
+import "../../useScrollDirection-D0LV5RmP.js";
+import "../../useMediaQuery-Bg5u2Z9G.js";
+import "../../types-DC_g3L-J.js";
 export { Alert, AlertFooter, AlertFooterProps, AlertProps };

package/dist/components/alert/index.js

@@ -1,5 +1,5 @@
 import { Alert } from "../../alert-C6PxDwHt.js";
-import { AlertFooter } from "../../alert-footer-DL4rCThp.js";
+import { AlertFooter } from "../../alert-footer-DfjvFlBv.js";
 import "../../alert-BubQTdmN.js";
 
 export { Alert, AlertFooter };