@bi-digital/react 0.3.3 → 0.3.5

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,16 +1,16 @@
 import "../../useCheckboxGroup-D61FVz37.js";
 import "../../useIsomorphicLayoutEffect-DYtMRdO-.js";
 import "../../types-Bga-EYiy.js";
-import { AlertFooter, AlertFooterProps } from "../../alert-footer-DWZoQIek.js";
-import "../../dialog-trigger-context-BxroyS54.js";
+import { AlertFooter, AlertFooterProps } from "../../alert-footer-BHrSGdIt.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 "../../popover-trigger-context-DQxqvfS9.js";
+import "../../dropdown-item-C2nSQM-4.js";
+import "../../dropdown-list-BGpCDv5U.js";
+import "../../footer-links-4wK1EANv.js";
+import "../../pagination-item-B-EdUfyv.js";
+import "../../sticky-header-CO6D5l-R.js";
+import "../../index-Cp46Zvz-.js";
 import "../../useIsElementAboveViewport-C3qzTbfj.js";
 import "../../useScrollDirection-BmllObvZ.js";
 import "../../useMediaQuery-DYDgFKom.js";

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,16 +1,16 @@
 import "../../useCheckboxGroup-D61FVz37.js";
 import "../../useIsomorphicLayoutEffect-DYtMRdO-.js";
 import "../../types-Bga-EYiy.js";
-import { Alert, AlertProps } from "../../alert-footer-DWZoQIek.js";
-import "../../dialog-trigger-context-BxroyS54.js";
+import { Alert, AlertProps } from "../../alert-footer-BHrSGdIt.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 "../../popover-trigger-context-DQxqvfS9.js";
+import "../../dropdown-item-C2nSQM-4.js";
+import "../../dropdown-list-BGpCDv5U.js";
+import "../../footer-links-4wK1EANv.js";
+import "../../pagination-item-B-EdUfyv.js";
+import "../../sticky-header-CO6D5l-R.js";
+import "../../index-Cp46Zvz-.js";
 import "../../useIsElementAboveViewport-C3qzTbfj.js";
 import "../../useScrollDirection-BmllObvZ.js";
 import "../../useMediaQuery-DYDgFKom.js";

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

@@ -1,16 +1,16 @@
 import "../../useCheckboxGroup-D61FVz37.js";
 import "../../useIsomorphicLayoutEffect-DYtMRdO-.js";
 import "../../types-Bga-EYiy.js";
-import { Alert, AlertFooter, AlertFooterProps, AlertProps } from "../../alert-footer-DWZoQIek.js";
-import "../../dialog-trigger-context-BxroyS54.js";
+import { Alert, AlertFooter, AlertFooterProps, AlertProps } from "../../alert-footer-BHrSGdIt.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 "../../popover-trigger-context-DQxqvfS9.js";
+import "../../dropdown-item-C2nSQM-4.js";
+import "../../dropdown-list-BGpCDv5U.js";
+import "../../footer-links-4wK1EANv.js";
+import "../../pagination-item-B-EdUfyv.js";
+import "../../sticky-header-CO6D5l-R.js";
+import "../../index-Cp46Zvz-.js";
 import "../../useIsElementAboveViewport-C3qzTbfj.js";
 import "../../useScrollDirection-BmllObvZ.js";
 import "../../useMediaQuery-DYDgFKom.js";

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 };

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

@@ -1,16 +1,16 @@
 import "../../useCheckboxGroup-D61FVz37.js";
 import "../../useIsomorphicLayoutEffect-DYtMRdO-.js";
 import "../../types-Bga-EYiy.js";
-import { Avatar, AvatarProps } from "../../alert-footer-DWZoQIek.js";
-import "../../dialog-trigger-context-BxroyS54.js";
+import { Avatar, AvatarProps } from "../../alert-footer-BHrSGdIt.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 "../../popover-trigger-context-DQxqvfS9.js";
+import "../../dropdown-item-C2nSQM-4.js";
+import "../../dropdown-list-BGpCDv5U.js";
+import "../../footer-links-4wK1EANv.js";
+import "../../pagination-item-B-EdUfyv.js";
+import "../../sticky-header-CO6D5l-R.js";
+import "../../index-Cp46Zvz-.js";
 import "../../useIsElementAboveViewport-C3qzTbfj.js";
 import "../../useScrollDirection-BmllObvZ.js";
 import "../../useMediaQuery-DYDgFKom.js";

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

@@ -1,16 +1,16 @@
 import "../../useCheckboxGroup-D61FVz37.js";
 import "../../useIsomorphicLayoutEffect-DYtMRdO-.js";
 import "../../types-Bga-EYiy.js";
-import { Avatar, AvatarProps } from "../../alert-footer-DWZoQIek.js";
-import "../../dialog-trigger-context-BxroyS54.js";
+import { Avatar, AvatarProps } from "../../alert-footer-BHrSGdIt.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 "../../popover-trigger-context-DQxqvfS9.js";
+import "../../dropdown-item-C2nSQM-4.js";
+import "../../dropdown-list-BGpCDv5U.js";
+import "../../footer-links-4wK1EANv.js";
+import "../../pagination-item-B-EdUfyv.js";
+import "../../sticky-header-CO6D5l-R.js";
+import "../../index-Cp46Zvz-.js";
 import "../../useIsElementAboveViewport-C3qzTbfj.js";
 import "../../useScrollDirection-BmllObvZ.js";
 import "../../useMediaQuery-DYDgFKom.js";

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

@@ -1,16 +1,16 @@
 import "../../useCheckboxGroup-D61FVz37.js";
 import "../../useIsomorphicLayoutEffect-DYtMRdO-.js";
 import "../../types-Bga-EYiy.js";
-import { Badge, BadgeProps } from "../../alert-footer-DWZoQIek.js";
-import "../../dialog-trigger-context-BxroyS54.js";
+import { Badge, BadgeProps } from "../../alert-footer-BHrSGdIt.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 "../../popover-trigger-context-DQxqvfS9.js";
+import "../../dropdown-item-C2nSQM-4.js";
+import "../../dropdown-list-BGpCDv5U.js";
+import "../../footer-links-4wK1EANv.js";
+import "../../pagination-item-B-EdUfyv.js";
+import "../../sticky-header-CO6D5l-R.js";
+import "../../index-Cp46Zvz-.js";
 import "../../useIsElementAboveViewport-C3qzTbfj.js";
 import "../../useScrollDirection-BmllObvZ.js";
 import "../../useMediaQuery-DYDgFKom.js";

package/dist/components/badge/badge.js

@@ -1,3 +1,3 @@
-import { Badge } from "../../badge-D9OVAKG8.js";
+import { Badge } from "../../badge-tKh0f84O.js";
 
 export { Badge };

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

@@ -1,16 +1,16 @@
 import "../../useCheckboxGroup-D61FVz37.js";
 import "../../useIsomorphicLayoutEffect-DYtMRdO-.js";
 import "../../types-Bga-EYiy.js";
-import { Badge, BadgeProps } from "../../alert-footer-DWZoQIek.js";
-import "../../dialog-trigger-context-BxroyS54.js";
+import { Badge, BadgeProps } from "../../alert-footer-BHrSGdIt.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 "../../popover-trigger-context-DQxqvfS9.js";
+import "../../dropdown-item-C2nSQM-4.js";
+import "../../dropdown-list-BGpCDv5U.js";
+import "../../footer-links-4wK1EANv.js";
+import "../../pagination-item-B-EdUfyv.js";
+import "../../sticky-header-CO6D5l-R.js";
+import "../../index-Cp46Zvz-.js";
 import "../../useIsElementAboveViewport-C3qzTbfj.js";
 import "../../useScrollDirection-BmllObvZ.js";
 import "../../useMediaQuery-DYDgFKom.js";

package/dist/components/badge/index.js

@@ -1,4 +1,4 @@
-import { Badge } from "../../badge-D9OVAKG8.js";
+import { Badge } from "../../badge-tKh0f84O.js";
 import "../../badge-0qk6AKns.js";
 
 export { Badge };

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

@@ -1,16 +1,16 @@
 import "../../useCheckboxGroup-D61FVz37.js";
 import "../../useIsomorphicLayoutEffect-DYtMRdO-.js";
 import "../../types-Bga-EYiy.js";
-import { Button, ButtonProps } from "../../alert-footer-DWZoQIek.js";
-import "../../dialog-trigger-context-BxroyS54.js";
+import { Button, ButtonProps } from "../../alert-footer-BHrSGdIt.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 "../../popover-trigger-context-DQxqvfS9.js";
+import "../../dropdown-item-C2nSQM-4.js";
+import "../../dropdown-list-BGpCDv5U.js";
+import "../../footer-links-4wK1EANv.js";
+import "../../pagination-item-B-EdUfyv.js";
+import "../../sticky-header-CO6D5l-R.js";
+import "../../index-Cp46Zvz-.js";
 import "../../useIsElementAboveViewport-C3qzTbfj.js";
 import "../../useScrollDirection-BmllObvZ.js";
 import "../../useMediaQuery-DYDgFKom.js";

package/dist/components/button/button.js

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

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

@@ -1,16 +1,16 @@
 import "../../useCheckboxGroup-D61FVz37.js";
 import "../../useIsomorphicLayoutEffect-DYtMRdO-.js";
 import "../../types-Bga-EYiy.js";
-import { Button, ButtonProps } from "../../alert-footer-DWZoQIek.js";
-import "../../dialog-trigger-context-BxroyS54.js";
+import { Button, ButtonProps } from "../../alert-footer-BHrSGdIt.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 "../../popover-trigger-context-DQxqvfS9.js";
+import "../../dropdown-item-C2nSQM-4.js";
+import "../../dropdown-list-BGpCDv5U.js";
+import "../../footer-links-4wK1EANv.js";
+import "../../pagination-item-B-EdUfyv.js";
+import "../../sticky-header-CO6D5l-R.js";
+import "../../index-Cp46Zvz-.js";
 import "../../useIsElementAboveViewport-C3qzTbfj.js";
 import "../../useScrollDirection-BmllObvZ.js";
 import "../../useMediaQuery-DYDgFKom.js";

package/dist/components/button/index.js

@@ -1,6 +1,6 @@
 import "../../spinner-Ch5bEQBR.js";
 import "../../spinner-BqbijPkO.js";
-import { Button } from "../../button-fhd-JARc.js";
+import { Button } from "../../button-BzU7DrNe.js";
 import "../../button-Mlhn5A3s.js";
 
 export { Button };

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

@@ -1,16 +1,16 @@
 import "../../useCheckboxGroup-D61FVz37.js";
 import "../../useIsomorphicLayoutEffect-DYtMRdO-.js";
 import "../../types-Bga-EYiy.js";
-import { CardAction, CardActionProps } from "../../alert-footer-DWZoQIek.js";
-import "../../dialog-trigger-context-BxroyS54.js";
+import { CardAction, CardActionProps } from "../../alert-footer-BHrSGdIt.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 "../../popover-trigger-context-DQxqvfS9.js";
+import "../../dropdown-item-C2nSQM-4.js";
+import "../../dropdown-list-BGpCDv5U.js";
+import "../../footer-links-4wK1EANv.js";
+import "../../pagination-item-B-EdUfyv.js";
+import "../../sticky-header-CO6D5l-R.js";
+import "../../index-Cp46Zvz-.js";
 import "../../useIsElementAboveViewport-C3qzTbfj.js";
 import "../../useScrollDirection-BmllObvZ.js";
 import "../../useMediaQuery-DYDgFKom.js";

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

@@ -1,7 +1,7 @@
 import "../../spinner-Ch5bEQBR.js";
 import "../../spinner-BqbijPkO.js";
-import "../../button-fhd-JARc.js";
+import "../../button-BzU7DrNe.js";
 import "../../button-Mlhn5A3s.js";
-import { CardAction } from "../../card-action-D8M3_IVq.js";
+import { CardAction } from "../../card-action-DiyQo6bH.js";
 
 export { CardAction };