@bi-digital/react 0.9.0 → 0.10.0

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

@@ -1,3 +1,38 @@
-import { t as CardHeader } from "../../card-header-DkKr5o8N.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+import clsx from "clsx";
+//#region src/components/card/card-header.tsx
+const CardHeader = ({ className, ref, header, label, subLabel, description, ...props }) => {
+	return /* @__PURE__ */ jsxs("div", {
+		className: clsx("bi-card--header", className),
+		ref,
+		...props,
+		children: [
+			(label || subLabel) && /* @__PURE__ */ jsxs("p", {
+				className: "bi-card--header-label",
+				children: [
+					label && /* @__PURE__ */ jsx("span", {
+						className: "bi-card--header-bold",
+						children: label
+					}),
+					label && subLabel && /* @__PURE__ */ jsx("span", {
+						"aria-hidden": "true",
+						className: "bi-card--header-dot"
+					}),
+					subLabel && /* @__PURE__ */ jsx("span", { children: subLabel })
+				]
+			}),
+			header && /* @__PURE__ */ jsx("h3", {
+				className: "bi-card--header-title",
+				children: header
+			}),
+			description && /* @__PURE__ */ jsx("p", {
+				className: "bi-card--header-label",
+				children: description
+			})
+		]
+	});
+};
+//#endregion
+export { CardHeader };
 
-export { CardHeader };
+//# sourceMappingURL=card-header.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"card-header.mjs","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,aAAa,GAAG,YAA6B;AACjH,QACE,qBAAC,OAAD;EAAK,WAAW,KAAK,mBAAmB,UAAU;EAAO;EAAK,GAAI;YAAlE;IACI,SAAS,aACT,qBAAC,KAAD;IAAG,WAAU;cAAb;KACG,SAAS,oBAAC,QAAD;MAAM,WAAU;gBAAwB;MAAa,CAAA;KAC9D,SAAS,YAAY,oBAAC,QAAD;MAAM,eAAY;MAAO,WAAU;MAA6B,CAAA;KACrF,YAAY,oBAAC,QAAD,EAAA,UAAO,UAAgB,CAAA;KAClC;;GAEL,UAAU,oBAAC,MAAD;IAAI,WAAU;cAAyB;IAAY,CAAA;GAC7D,eAAe,oBAAC,KAAD;IAAG,WAAU;cAAyB;IAAgB,CAAA;GAClE"}

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

@@ -1,15 +1,2 @@
-import "../../useCheckboxGroup-BUpI46_M.mjs";
-import "../../useIsomorphicLayoutEffect-PJRUcTSc.mjs";
-import "../../types-Bgj7p8nD.mjs";
-import { mn as CardMediaProps, pn as CardMedia } from "../../alert-footer-CHHPzMiX.mjs";
-import "../../dialog-trigger-context-Dlf5Whq6.mjs";
-import "../../drawer-trigger-context-3hDiHR-k.mjs";
-import "../../popover-trigger-context-sQGC75uf.mjs";
-import "../../dropdown-item-wInrqt83.mjs";
-import "../../dropdown-list-z14BOCh4.mjs";
-import "../../footer-links-C7vC-VD7.mjs";
-import "../../pagination-item-cKOuhfhM.mjs";
-import "../../sticky-header-Y0uT-nWI.mjs";
-import "../../index-C3reD4RP.mjs";
-import "../../useIsElementAboveViewport-BcIGWQqn.mjs";
+import { gn as CardMediaProps, hn as CardMedia } from "../../alert-footer-42JbxJ0B.mjs";
 export { CardMedia, CardMediaProps };

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

@@ -1,3 +1,18 @@
-import { t as CardMedia } from "../../card-media-Bv2VWU3K.mjs";
+import clsx from "clsx/lite";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/card/card-media.tsx
+const CardMedia = ({ className, ref, children, overlay, ...props }) => {
+	return /* @__PURE__ */ jsxs("div", {
+		className: clsx("bi-card--media", className),
+		ref,
+		...props,
+		children: [children, /* @__PURE__ */ jsx("div", {
+			className: "bi-card--media-overlay",
+			children: overlay
+		})]
+	});
+};
+//#endregion
+export { CardMedia };
 
-export { CardMedia };
+//# sourceMappingURL=card-media.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"card-media.mjs","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,SAAS,GAAG,YAA4B;AAC5F,QACE,qBAAC,OAAD;EAAK,WAAW,KAAK,kBAAkB,UAAU;EAAO;EAAK,GAAI;YAAjE,CACG,UACD,oBAAC,OAAD;GAAK,WAAU;aAA0B;GAAc,CAAA,CACnD"}

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

@@ -1,15 +1,2 @@
-import "../../useCheckboxGroup-BUpI46_M.mjs";
-import "../../useIsomorphicLayoutEffect-PJRUcTSc.mjs";
-import "../../types-Bgj7p8nD.mjs";
-import { Cn as Card, wn as CardProps } from "../../alert-footer-CHHPzMiX.mjs";
-import "../../dialog-trigger-context-Dlf5Whq6.mjs";
-import "../../drawer-trigger-context-3hDiHR-k.mjs";
-import "../../popover-trigger-context-sQGC75uf.mjs";
-import "../../dropdown-item-wInrqt83.mjs";
-import "../../dropdown-list-z14BOCh4.mjs";
-import "../../footer-links-C7vC-VD7.mjs";
-import "../../pagination-item-cKOuhfhM.mjs";
-import "../../sticky-header-Y0uT-nWI.mjs";
-import "../../index-C3reD4RP.mjs";
-import "../../useIsElementAboveViewport-BcIGWQqn.mjs";
+import { En as CardProps, Tn as Card } from "../../alert-footer-42JbxJ0B.mjs";
 export { Card, CardProps };

package/dist/components/card/card.mjs

@@ -1,3 +1,20 @@
-import { t as Card } from "../../card-BwkKWLCT.mjs";
+import clsx from "clsx/lite";
+import { Slot, Slottable } from "@radix-ui/react-slot";
+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 }) => {
+	return /* @__PURE__ */ jsx(asChild ? Slot : "div", {
+		className: clsx("bi-card", className),
+		"data-orientation": orientation,
+		"data-color": color,
+		"data-error": error,
+		"data-dark": dark,
+		ref,
+		...props,
+		children: /* @__PURE__ */ jsx(Slottable, { children })
+	});
+};
+//#endregion
+export { Card };
 
-export { Card };
+//# sourceMappingURL=card.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"card.mjs","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' | 'primary' | '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,SACA,GAAG,YACY;AAGf,QACE,oBAHgB,UAAU,OAAO,OAGjC;EACE,WAAW,KAAK,WAAW,UAAU;EACrC,oBAAkB;EAClB,cAAY;EACZ,cAAY;EACZ,aAAW;EACN;EACL,GAAI;YAEJ,oBAAC,WAAD,EAAY,UAAqB,CAAA;EACvB,CAAA"}

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

@@ -1,15 +1,2 @@
-import "../../useCheckboxGroup-BUpI46_M.mjs";
-import "../../useIsomorphicLayoutEffect-PJRUcTSc.mjs";
-import "../../types-Bgj7p8nD.mjs";
-import { Cn as Card, Sn as CardActionsProps, _n as CardContent, bn as CardActionProps, dn as CardDate, fn as CardDateProps, gn as CardHeaderProps, hn as CardHeader, mn as CardMediaProps, pn as CardMedia, vn as CardContentProps, wn as CardProps, xn as CardActions, yn as CardAction } from "../../alert-footer-CHHPzMiX.mjs";
-import "../../dialog-trigger-context-Dlf5Whq6.mjs";
-import "../../drawer-trigger-context-3hDiHR-k.mjs";
-import "../../popover-trigger-context-sQGC75uf.mjs";
-import "../../dropdown-item-wInrqt83.mjs";
-import "../../dropdown-list-z14BOCh4.mjs";
-import "../../footer-links-C7vC-VD7.mjs";
-import "../../pagination-item-cKOuhfhM.mjs";
-import "../../sticky-header-Y0uT-nWI.mjs";
-import "../../index-C3reD4RP.mjs";
-import "../../useIsElementAboveViewport-BcIGWQqn.mjs";
+import { Cn as CardActions, En as CardProps, Sn as CardActionProps, Tn as Card, _n as CardHeader, bn as CardContentProps, gn as CardMediaProps, hn as CardMedia, mn as CardDateProps, pn as CardDate, vn as CardHeaderProps, wn as CardActionsProps, xn as CardAction, yn as CardContent } from "../../alert-footer-42JbxJ0B.mjs";
 export { Card, CardAction, CardActionProps, CardActions, CardActionsProps, CardContent, CardContentProps, CardDate, CardDateProps, CardHeader, CardHeaderProps, CardMedia, CardMediaProps, CardProps };

package/dist/components/card/index.mjs

@@ -1,14 +1,8 @@
-import "../../spinner-xmvtWIZ0.mjs";
-import "../../spinner-C4Z-GQVz.mjs";
-import "../../button-Df0Se51p.mjs";
-import "../../button-BoSub8TT.mjs";
-import { t as Card } from "../../card-BwkKWLCT.mjs";
-import { t as CardActions } from "../../card-actions-DQXkkGKI.mjs";
-import { t as CardAction } from "../../card-action-DAFhhfZ5.mjs";
-import { t as CardContent } from "../../card-content-zQQxsR9_.mjs";
-import { t as CardHeader } from "../../card-header-DkKr5o8N.mjs";
-import { t as CardMedia } from "../../card-media-Bv2VWU3K.mjs";
-import { t as CardDate } from "../../card-date-PwKzeTzD.mjs";
-import "../../card-qYOn8pIl.mjs";
-
-export { Card, CardAction, CardActions, CardContent, CardDate, CardHeader, CardMedia };
+import { Card } from "./card.mjs";
+import { CardActions } from "./card-actions.mjs";
+import { CardAction } from "./card-action.mjs";
+import { CardContent } from "./card-content.mjs";
+import { CardHeader } from "./card-header.mjs";
+import { CardMedia } from "./card-media.mjs";
+import { CardDate } from "./card-date.mjs";
+export { Card, CardAction, CardActions, CardContent, CardDate, CardHeader, CardMedia };

package/dist/components/checkbox/checkbox-subsection.d.mts

@@ -1,15 +1,2 @@
-import "../../useCheckboxGroup-BUpI46_M.mjs";
-import "../../useIsomorphicLayoutEffect-PJRUcTSc.mjs";
-import "../../types-Bgj7p8nD.mjs";
-import { an as CheckboxSubsection, on as CheckboxSubsectionProps } from "../../alert-footer-CHHPzMiX.mjs";
-import "../../dialog-trigger-context-Dlf5Whq6.mjs";
-import "../../drawer-trigger-context-3hDiHR-k.mjs";
-import "../../popover-trigger-context-sQGC75uf.mjs";
-import "../../dropdown-item-wInrqt83.mjs";
-import "../../dropdown-list-z14BOCh4.mjs";
-import "../../footer-links-C7vC-VD7.mjs";
-import "../../pagination-item-cKOuhfhM.mjs";
-import "../../sticky-header-Y0uT-nWI.mjs";
-import "../../index-C3reD4RP.mjs";
-import "../../useIsElementAboveViewport-BcIGWQqn.mjs";
+import { cn as CheckboxSubsectionProps, sn as CheckboxSubsection } from "../../alert-footer-42JbxJ0B.mjs";
 export { CheckboxSubsection, CheckboxSubsectionProps };

package/dist/components/checkbox/checkbox-subsection.mjs

@@ -1,3 +1,16 @@
-import { t as CheckboxSubsection } from "../../checkbox-subsection-Dq60blow.mjs";
+import clsx from "clsx/lite";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/checkbox/checkbox-subsection.tsx
+const CheckboxSubsection = ({ children, className, dark, ref, ...props }) => {
+	return /* @__PURE__ */ jsxs("div", {
+		className: clsx("bi-checkbox-subsection", className),
+		"data-dark": dark,
+		...props,
+		ref,
+		children: [/* @__PURE__ */ jsx("div", {}), /* @__PURE__ */ jsx("div", { children })]
+	});
+};
+//#endregion
+export { CheckboxSubsection };
 
-export { CheckboxSubsection };
+//# sourceMappingURL=checkbox-subsection.mjs.map

package/dist/components/checkbox/checkbox-subsection.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox-subsection.mjs","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,KAAK,GAAG,YAAqC;AAC3G,QACE,qBAAC,OAAD;EAAK,WAAW,KAAK,0BAA0B,UAAU;EAAE,aAAW;EAAM,GAAI;EAAY;YAA5F,CACE,oBAAC,OAAD,EAAO,CAAA,EACP,oBAAC,OAAD,EAAM,UAAe,CAAA,CACjB"}

package/dist/components/checkbox/checkbox.d.mts

@@ -1,15 +1,2 @@
-import "../../useCheckboxGroup-BUpI46_M.mjs";
-import "../../useIsomorphicLayoutEffect-PJRUcTSc.mjs";
-import "../../types-Bgj7p8nD.mjs";
-import { cn as CheckboxProps, sn as Checkbox } from "../../alert-footer-CHHPzMiX.mjs";
-import "../../dialog-trigger-context-Dlf5Whq6.mjs";
-import "../../drawer-trigger-context-3hDiHR-k.mjs";
-import "../../popover-trigger-context-sQGC75uf.mjs";
-import "../../dropdown-item-wInrqt83.mjs";
-import "../../dropdown-list-z14BOCh4.mjs";
-import "../../footer-links-C7vC-VD7.mjs";
-import "../../pagination-item-cKOuhfhM.mjs";
-import "../../sticky-header-Y0uT-nWI.mjs";
-import "../../index-C3reD4RP.mjs";
-import "../../useIsElementAboveViewport-BcIGWQqn.mjs";
+import { ln as Checkbox, un as CheckboxProps } from "../../alert-footer-42JbxJ0B.mjs";
 export { Checkbox, CheckboxProps };

package/dist/components/checkbox/checkbox.mjs

@@ -1,12 +1,60 @@
-import "../../field-BIBlDQoi.mjs";
-import "../../field-description-Dt2qLchF.mjs";
-import "../../field-affix-DNZXWyx-.mjs";
-import "../../field-D8ZE0keC.mjs";
-import "../../input-DU_8Z4cN.mjs";
-import "../../input-8Az-c2K1.mjs";
-import "../../label-QZyUM8Df.mjs";
-import "../../label-BrxPu7QD.mjs";
-import "../../useMergeRefs-DeEL5hK6.mjs";
-import { t as Checkbox } from "../../checkbox-DLGjrSt2.mjs";
+import { Field } from "../field/field.mjs";
+import { FieldDescription } from "../field/field-description.mjs";
+import "../field/index.mjs";
+import { Input } from "../input/input.mjs";
+import "../input/index.mjs";
+import { Label } from "../label/label.mjs";
+import "../label/index.mjs";
+import { useMergeRefs } from "../../utilities/hooks/useMergeRefs/useMergeRefs.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useEffect, useId, useRef } from "react";
+//#region src/components/checkbox/checkbox.tsx
+const Checkbox = ({ dark, label, description, error, fullwidth, style, className, indeterminate, ref, id, "aria-describedby": ariaDescribedByProp, ...props }) => {
+	const checkRef = useRef(null);
+	const refs = useMergeRefs([checkRef, ref]);
+	const descriptionId = useId();
+	useEffect(() => {
+		let input;
+		if (ref && typeof ref !== "function") input = ref.current;
+		else input = checkRef.current;
+		if (input) input.indeterminate = indeterminate || false;
+	}, [
+		indeterminate,
+		checkRef,
+		ref
+	]);
+	const ariaDescribedBy = [description ? descriptionId : "", ariaDescribedByProp].join(" ").trim() || void 0;
+	return /* @__PURE__ */ jsx(Field, {
+		className,
+		"data-dark": dark,
+		style,
+		fullwidth,
+		asChild: true,
+		children: /* @__PURE__ */ jsxs("label", { children: [
+			/* @__PURE__ */ jsx(Input, {
+				type: "checkbox",
+				id,
+				ref: refs,
+				"aria-invalid": error || void 0,
+				"aria-describedby": ariaDescribedBy,
+				dark,
+				...props
+			}),
+			label && /* @__PURE__ */ jsx(Label, {
+				weight: "medium",
+				htmlFor: id,
+				asChild: true,
+				children: /* @__PURE__ */ jsx("span", { children: label })
+			}),
+			description && /* @__PURE__ */ jsx(FieldDescription, {
+				"aria-hidden": "true",
+				id: descriptionId,
+				children: description
+			})
+		] })
+	});
+};
+//#endregion
+export { Checkbox };
 
-export { Checkbox };
+//# sourceMappingURL=checkbox.mjs.map

package/dist/components/checkbox/checkbox.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.mjs","names":[],"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,qBACpB,GAAG,YACgB;CACnB,MAAM,WAAW,OAAyB,KAAK;CAC/C,MAAM,OAAO,aAAa,CAAC,UAAU,IAAI,CAAC;CAC1C,MAAM,gBAAgB,OAAO;AAE7B,iBAAgB;EACd,IAAI;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,KAAA;AAEpG,QACE,oBAAC,OAAD;EAAkB;EAAW,aAAW;EAAa;EAAkB;EAAW,SAAA;YAChF,qBAAC,SAAD,EAAA,UAAA;GACE,oBAAC,OAAD;IACE,MAAK;IACD;IACJ,KAAK;IACL,gBAAc,SAAS,KAAA;IACvB,oBAAkB;IACZ;IACN,GAAI;IACJ,CAAA;GACD,SACC,oBAAC,OAAD;IAAO,QAAO;IAAS,SAAS;IAAI,SAAA;cAClC,oBAAC,QAAD,EAAA,UAAO,OAAa,CAAA;IACd,CAAA;GAET,eAGC,oBAAC,kBAAD;IAAkB,eAAY;IAAO,IAAI;cACtC;IACgB,CAAA;GAEf,EAAA,CAAA;EACF,CAAA"}

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

@@ -1,15 +1,2 @@
-import "../../useCheckboxGroup-BUpI46_M.mjs";
-import "../../useIsomorphicLayoutEffect-PJRUcTSc.mjs";
-import "../../types-Bgj7p8nD.mjs";
-import { an as CheckboxSubsection, cn as CheckboxProps, on as CheckboxSubsectionProps, sn as Checkbox } from "../../alert-footer-CHHPzMiX.mjs";
-import "../../dialog-trigger-context-Dlf5Whq6.mjs";
-import "../../drawer-trigger-context-3hDiHR-k.mjs";
-import "../../popover-trigger-context-sQGC75uf.mjs";
-import "../../dropdown-item-wInrqt83.mjs";
-import "../../dropdown-list-z14BOCh4.mjs";
-import "../../footer-links-C7vC-VD7.mjs";
-import "../../pagination-item-cKOuhfhM.mjs";
-import "../../sticky-header-Y0uT-nWI.mjs";
-import "../../index-C3reD4RP.mjs";
-import "../../useIsElementAboveViewport-BcIGWQqn.mjs";
+import { cn as CheckboxSubsectionProps, ln as Checkbox, sn as CheckboxSubsection, un as CheckboxProps } from "../../alert-footer-42JbxJ0B.mjs";
 export { Checkbox, CheckboxProps, CheckboxSubsection, CheckboxSubsectionProps };

package/dist/components/checkbox/index.mjs

@@ -1,14 +1,3 @@
-import "../../field-BIBlDQoi.mjs";
-import "../../field-description-Dt2qLchF.mjs";
-import "../../field-affix-DNZXWyx-.mjs";
-import "../../field-D8ZE0keC.mjs";
-import "../../input-DU_8Z4cN.mjs";
-import "../../input-8Az-c2K1.mjs";
-import "../../label-QZyUM8Df.mjs";
-import "../../label-BrxPu7QD.mjs";
-import "../../useMergeRefs-DeEL5hK6.mjs";
-import { t as Checkbox } from "../../checkbox-DLGjrSt2.mjs";
-import { t as CheckboxSubsection } from "../../checkbox-subsection-Dq60blow.mjs";
-import "../../checkbox-BPiURV39.mjs";
-
-export { Checkbox, CheckboxSubsection };
+import { Checkbox } from "./checkbox.mjs";
+import { CheckboxSubsection } from "./checkbox-subsection.mjs";
+export { Checkbox, CheckboxSubsection };

package/dist/components/chip/chip.d.mts

@@ -1,15 +1,2 @@
-import "../../useCheckboxGroup-BUpI46_M.mjs";
-import "../../useIsomorphicLayoutEffect-PJRUcTSc.mjs";
-import "../../types-Bgj7p8nD.mjs";
-import { in as ChipProps, rn as Chip } from "../../alert-footer-CHHPzMiX.mjs";
-import "../../dialog-trigger-context-Dlf5Whq6.mjs";
-import "../../drawer-trigger-context-3hDiHR-k.mjs";
-import "../../popover-trigger-context-sQGC75uf.mjs";
-import "../../dropdown-item-wInrqt83.mjs";
-import "../../dropdown-list-z14BOCh4.mjs";
-import "../../footer-links-C7vC-VD7.mjs";
-import "../../pagination-item-cKOuhfhM.mjs";
-import "../../sticky-header-Y0uT-nWI.mjs";
-import "../../index-C3reD4RP.mjs";
-import "../../useIsElementAboveViewport-BcIGWQqn.mjs";
+import { an as Chip, on as ChipProps } from "../../alert-footer-42JbxJ0B.mjs";
 export { Chip, ChipProps };

package/dist/components/chip/chip.mjs

@@ -1,3 +1,25 @@
-import { t as Chip } from "../../chip-BzRByPTB.mjs";
+import { Slot, Slottable } from "@radix-ui/react-slot";
+import { CheckThickIcon } from "@bi-digital/icons";
+import { jsx, jsxs } from "react/jsx-runtime";
+import clsx from "clsx";
+//#region src/components/chip/chip.tsx
+const Chip = ({ children, color = "primary", size = "medium", startIcon, dark, selected = false, asChild, className, ref, ...props }) => {
+	return /* @__PURE__ */ jsxs(asChild ? Slot : "div", {
+		className: clsx("bi-chip", className),
+		"data-color": color,
+		"data-size": size,
+		"data-dark": dark || void 0,
+		"data-selected": selected || void 0,
+		ref,
+		...props,
+		children: [
+			startIcon,
+			/* @__PURE__ */ jsx(Slottable, { children }),
+			selected && /* @__PURE__ */ jsx(CheckThickIcon, { "aria-hidden": "true" })
+		]
+	});
+};
+//#endregion
+export { Chip };
 
-export { Chip };
+//# sourceMappingURL=chip.mjs.map

package/dist/components/chip/chip.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"chip.mjs","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';\nimport { CheckThickIcon } from '@bi-digital/icons';\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' | 'info' | 'white' | 'primary' | 'alert' | 'warning' | 'success';\n    /** Set an icon before the chip label */\n    startIcon?: ReactNode;\n    ref?: Ref<HTMLDivElement>;\n    /**\n     * If true, the chip will be displayed as selected.\n     * @default false\n     */\n    selected?: 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  }\n>;\n\nexport const Chip = ({\n  children,\n  color = 'primary',\n  size = 'medium',\n  startIcon,\n  dark,\n  selected = false,\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      data-selected={selected || undefined}\n      ref={ref}\n      {...props}\n    >\n      {startIcon}\n      <Slottable>{children}</Slottable>\n      {selected && <CheckThickIcon aria-hidden='true' />}\n    </Component>\n  );\n};\n"],"mappings":";;;;;AAoCA,MAAa,QAAQ,EACnB,UACA,QAAQ,WACR,OAAO,UACP,WACA,MACA,WAAW,OACX,SACA,WACA,KACA,GAAG,YACY;AAGf,QACE,qBAHgB,UAAU,OAAO,OAGjC;EACE,WAAW,KAAK,WAAW,UAAU;EACrC,cAAY;EACZ,aAAW;EACX,aAAW,QAAQ,KAAA;EACnB,iBAAe,YAAY,KAAA;EACtB;EACL,GAAI;YAPN;GASG;GACD,oBAAC,WAAD,EAAY,UAAqB,CAAA;GAChC,YAAY,oBAAC,gBAAD,EAAgB,eAAY,QAAS,CAAA;GACxC"}

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

@@ -1,15 +1,2 @@
-import "../../useCheckboxGroup-BUpI46_M.mjs";
-import "../../useIsomorphicLayoutEffect-PJRUcTSc.mjs";
-import "../../types-Bgj7p8nD.mjs";
-import { in as ChipProps, rn as Chip } from "../../alert-footer-CHHPzMiX.mjs";
-import "../../dialog-trigger-context-Dlf5Whq6.mjs";
-import "../../drawer-trigger-context-3hDiHR-k.mjs";
-import "../../popover-trigger-context-sQGC75uf.mjs";
-import "../../dropdown-item-wInrqt83.mjs";
-import "../../dropdown-list-z14BOCh4.mjs";
-import "../../footer-links-C7vC-VD7.mjs";
-import "../../pagination-item-cKOuhfhM.mjs";
-import "../../sticky-header-Y0uT-nWI.mjs";
-import "../../index-C3reD4RP.mjs";
-import "../../useIsElementAboveViewport-BcIGWQqn.mjs";
+import { an as Chip, on as ChipProps } from "../../alert-footer-42JbxJ0B.mjs";
 export { Chip, ChipProps };

package/dist/components/chip/index.mjs

@@ -1,4 +1,2 @@
-import { t as Chip } from "../../chip-BzRByPTB.mjs";
-import "../../chip-BEnK1Tg4.mjs";
-
-export { Chip };
+import { Chip } from "./chip.mjs";
+export { Chip };

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

@@ -1,15 +1,2 @@
-import "../../useCheckboxGroup-BUpI46_M.mjs";
-import "../../useIsomorphicLayoutEffect-PJRUcTSc.mjs";
-import "../../types-Bgj7p8nD.mjs";
-import { $t as DetailsContent, en as DetailsContentProps } from "../../alert-footer-CHHPzMiX.mjs";
-import "../../dialog-trigger-context-Dlf5Whq6.mjs";
-import "../../drawer-trigger-context-3hDiHR-k.mjs";
-import "../../popover-trigger-context-sQGC75uf.mjs";
-import "../../dropdown-item-wInrqt83.mjs";
-import "../../dropdown-list-z14BOCh4.mjs";
-import "../../footer-links-C7vC-VD7.mjs";
-import "../../pagination-item-cKOuhfhM.mjs";
-import "../../sticky-header-Y0uT-nWI.mjs";
-import "../../index-C3reD4RP.mjs";
-import "../../useIsElementAboveViewport-BcIGWQqn.mjs";
+import { nn as DetailsContentProps, tn as DetailsContent } from "../../alert-footer-42JbxJ0B.mjs";
 export { DetailsContent, DetailsContentProps };

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

@@ -1,3 +1,21 @@
-import { t as DetailsContent } from "../../details-content-B-YYBzuY.mjs";
+import { Slot } from "@radix-ui/react-slot";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/details/details-content.tsx
+/**
+* Details content component, contains the content to be shown or hidden.
+*
+* @example
+* <DetailsContent><p>Some content</p></DetailsContent>
+*/
+const DetailsContent = ({ className, asChild, children, ref, ...rest }) => {
+	return /* @__PURE__ */ jsx(asChild ? Slot : "p", {
+		ref,
+		className,
+		...rest,
+		children
+	});
+};
+//#endregion
+export { DetailsContent };
 
-export { DetailsContent };
+//# sourceMappingURL=details-content.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"details-content.mjs","names":[],"sources":["../../../src/components/details/details-content.tsx"],"sourcesContent":["import { type HTMLAttributes, type Ref } from 'react';\nimport type { MergeRight } from '../../utilities';\nimport { Slot } from '@radix-ui/react-slot';\n\nexport type DetailsContentProps = MergeRight<\n  HTMLAttributes<HTMLParagraphElement>,\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<HTMLParagraphElement>;\n  }\n>;\n\n/**\n * Details content component, contains the content to be shown or hidden.\n *\n * @example\n * <DetailsContent><p>Some content</p></DetailsContent>\n */\nexport const DetailsContent = ({ className, asChild, children, ref, ...rest }: DetailsContentProps) => {\n  const Component = asChild ? Slot : 'p';\n  return (\n    <Component ref={ref} className={className} {...rest}>\n      {children}\n    </Component>\n  );\n};\n"],"mappings":";;;;;;;;;AAsBA,MAAa,kBAAkB,EAAE,WAAW,SAAS,UAAU,KAAK,GAAG,WAAgC;AAErG,QACE,oBAFgB,UAAU,OAAO,KAEjC;EAAgB;EAAgB;EAAW,GAAI;EAC5C;EACS,CAAA"}

package/dist/components/details/details-summary.d.mts

@@ -1,15 +1,2 @@
-import "../../useCheckboxGroup-BUpI46_M.mjs";
-import "../../useIsomorphicLayoutEffect-PJRUcTSc.mjs";
-import "../../types-Bgj7p8nD.mjs";
-import { Qt as DetailsSummaryProps, Zt as DetailsSummary } from "../../alert-footer-CHHPzMiX.mjs";
-import "../../dialog-trigger-context-Dlf5Whq6.mjs";
-import "../../drawer-trigger-context-3hDiHR-k.mjs";
-import "../../popover-trigger-context-sQGC75uf.mjs";
-import "../../dropdown-item-wInrqt83.mjs";
-import "../../dropdown-list-z14BOCh4.mjs";
-import "../../footer-links-C7vC-VD7.mjs";
-import "../../pagination-item-cKOuhfhM.mjs";
-import "../../sticky-header-Y0uT-nWI.mjs";
-import "../../index-C3reD4RP.mjs";
-import "../../useIsElementAboveViewport-BcIGWQqn.mjs";
+import { $t as DetailsSummary, en as DetailsSummaryProps } from "../../alert-footer-42JbxJ0B.mjs";
 export { DetailsSummary, DetailsSummaryProps };

package/dist/components/details/details-summary.mjs

@@ -1,3 +1,21 @@
-import { t as DetailsSummary } from "../../details-summary-BiXSfZfC.mjs";
+import { ChevronDownIcon } from "@bi-digital/icons";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/details/details-summary.tsx
+/**
+* Details summary component, contains a the heading to toggle the content.
+*
+* @example
+* <DetailsSummary>Heading</DetailsSummary>
+*/
+const DetailsSummary = ({ className, children, icon, ref, ...rest }) => {
+	return /* @__PURE__ */ jsxs("summary", {
+		ref,
+		className,
+		...rest,
+		children: [children, icon ?? /* @__PURE__ */ jsx(ChevronDownIcon, { "aria-hidden": "true" })]
+	});
+};
+//#endregion
+export { DetailsSummary };
 
-export { DetailsSummary };
+//# sourceMappingURL=details-summary.mjs.map

package/dist/components/details/details-summary.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"details-summary.mjs","names":[],"sources":["../../../src/components/details/details-summary.tsx"],"sourcesContent":["import { type HTMLAttributes, type ReactNode, type Ref } from 'react';\nimport type { MergeRight } from '../../utilities';\nimport { ChevronDownIcon } from '@bi-digital/icons';\n\nexport type DetailsSummaryProps = MergeRight<\n  HTMLAttributes<HTMLElement>,\n  {\n    /** Header */\n    children: ReactNode;\n    /** Optionally replace the default icon. It will be rotated 180 degrees when the content is expanded */\n    icon?: ReactNode;\n    ref?: Ref<HTMLElement>;\n  }\n>;\n\n/**\n * Details summary component, contains a the heading to toggle the content.\n *\n * @example\n * <DetailsSummary>Heading</DetailsSummary>\n */\nexport const DetailsSummary = ({ className, children, icon, ref, ...rest }: DetailsSummaryProps) => {\n  return (\n    <summary ref={ref} className={className} {...rest}>\n      {children}\n      {icon ?? <ChevronDownIcon aria-hidden='true' />}\n    </summary>\n  );\n};\n"],"mappings":";;;;;;;;;AAqBA,MAAa,kBAAkB,EAAE,WAAW,UAAU,MAAM,KAAK,GAAG,WAAgC;AAClG,QACE,qBAAC,WAAD;EAAc;EAAgB;EAAW,GAAI;YAA7C,CACG,UACA,QAAQ,oBAAC,iBAAD,EAAiB,eAAY,QAAS,CAAA,CACvC"}

package/dist/components/details/details.d.mts

@@ -1,15 +1,2 @@
-import "../../useCheckboxGroup-BUpI46_M.mjs";
-import "../../useIsomorphicLayoutEffect-PJRUcTSc.mjs";
-import "../../types-Bgj7p8nD.mjs";
-import { nn as DetailsProps, tn as Details } from "../../alert-footer-CHHPzMiX.mjs";
-import "../../dialog-trigger-context-Dlf5Whq6.mjs";
-import "../../drawer-trigger-context-3hDiHR-k.mjs";
-import "../../popover-trigger-context-sQGC75uf.mjs";
-import "../../dropdown-item-wInrqt83.mjs";
-import "../../dropdown-list-z14BOCh4.mjs";
-import "../../footer-links-C7vC-VD7.mjs";
-import "../../pagination-item-cKOuhfhM.mjs";
-import "../../sticky-header-Y0uT-nWI.mjs";
-import "../../index-C3reD4RP.mjs";
-import "../../useIsElementAboveViewport-BcIGWQqn.mjs";
+import { in as DetailsProps, rn as Details } from "../../alert-footer-42JbxJ0B.mjs";
 export { Details, DetailsProps };

package/dist/components/details/details.mjs

@@ -1,3 +1,34 @@
-import { t as Details } from "../../details-BFP82eFe.mjs";
+import clsx from "clsx/lite";
+import { jsx } from "react/jsx-runtime";
+import { useControllableState } from "@radix-ui/react-use-controllable-state";
+//#region src/components/details/details.tsx
+/**
+* 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>
+*/
+const Details = ({ className, children, dark, open, defaultOpen = false, onToggle, ref, ...rest }) => {
+	const [isOpen, setIsOpen] = useControllableState({
+		prop: open,
+		onChange: onToggle,
+		defaultProp: defaultOpen,
+		caller: "Details"
+	});
+	return /* @__PURE__ */ jsx("details", {
+		className: clsx("bi-details", className),
+		"data-dark": dark,
+		open: isOpen || void 0,
+		ref,
+		onToggle: (e) => setIsOpen(e.currentTarget.open),
+		...rest,
+		children
+	});
+};
+//#endregion
+export { Details };
 
-export { Details };
+//# sourceMappingURL=details.mjs.map

package/dist/components/details/details.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"details.mjs","names":[],"sources":["../../../src/components/details/details.tsx"],"sourcesContent":["import clsx from 'clsx/lite';\nimport { type HTMLAttributes, type ReactNode, type Ref } from 'react';\nimport type { DefaultProps } from '../../types';\nimport type { MergeRight } from '../../utilities';\nimport { useControllableState } from '@radix-ui/react-use-controllable-state';\n\nexport type DetailsProps = MergeRight<\n  DefaultProps & HTMLAttributes<HTMLDetailsElement>,\n  {\n    /**\n     * Controls open-state.\n     * Using this removes automatic control of open-state\n     *\n     * @default undefined\n     */\n    open?: boolean;\n    /**\n     * Defaults the details to open if not controlled\n     * @default false\n     */\n    defaultOpen?: boolean;\n    /**\n     * Callback function when Details toggles due to click on summary or find in page-search\n     * Must be defined if `open` prop is used\n     */\n    onToggle?: (open: boolean) => void;\n    /**\n     * Content should be one `<DetailsSummary>` and one `<DetailsContent>`\n     */\n    children?: ReactNode;\n    /**\n     * This attribute enables multiple `<Details>` elements to be connected, with only one open at a time.\n     * The name attribute specifies a group name — give multiple `<Details>` elements the same name value to group them.\n     * Only one of the grouped `<Details>` elements can be open at a time — opening one will cause another to close.\n     * If multiple grouped `<Details>` elements are given the open attribute, only the first one in the source order will be rendered open.\n     */\n    name?: string;\n    ref?: Ref<HTMLDetailsElement>;\n  }\n>;\n\n/**\n * Details component, built on top of the native `<details>` element.\n *\n * @example\n * <Details open={isOpen} onToggle={setIsOpen} name='optional-group-name'>\n *   <DetailsSummary>Heading</DetailsSummary>\n *   <DetailsContent>Content</DetailsContent>\n * </Details>\n */\nexport const Details = ({\n  className,\n  children,\n  dark,\n  open,\n  defaultOpen = false,\n  onToggle,\n  ref,\n  ...rest\n}: DetailsProps) => {\n  const [isOpen, setIsOpen] = useControllableState({\n    prop: open,\n    onChange: onToggle,\n    defaultProp: defaultOpen,\n    caller: 'Details',\n  });\n\n  return (\n    <details\n      className={clsx('bi-details', className)}\n      data-dark={dark}\n      open={isOpen || undefined} // Fallback to undefined to prevent rendering open=\"false\"\n      ref={ref}\n      onToggle={(e) => setIsOpen(e.currentTarget.open)}\n      {...rest}\n    >\n      {children}\n    </details>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;AAkDA,MAAa,WAAW,EACtB,WACA,UACA,MACA,MACA,cAAc,OACd,UACA,KACA,GAAG,WACe;CAClB,MAAM,CAAC,QAAQ,aAAa,qBAAqB;EAC/C,MAAM;EACN,UAAU;EACV,aAAa;EACb,QAAQ;EACT,CAAC;AAEF,QACE,oBAAC,WAAD;EACE,WAAW,KAAK,cAAc,UAAU;EACxC,aAAW;EACX,MAAM,UAAU,KAAA;EACX;EACL,WAAW,MAAM,UAAU,EAAE,cAAc,KAAK;EAChD,GAAI;EAEH;EACO,CAAA"}