@ultraviolet/ui 3.24.3 → 3.25.0

package/dist/components/Data Display/TagList/index.js

@@ -0,0 +1,176 @@
+'use client';
+import { __esmMin, __name } from "../../../_virtual/_rolldown/runtime.js";
+import _objectSpread2, { init_objectSpread2 } from "../../../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
+import { init_styles_css, tagListStyle } from "./styles.css.js";
+import { Tag, init_Tag } from "../../Badges/Tag/index.js";
+import { Popover, init_Popover } from "../../Overlay/Popover/index.js";
+import { DEFAULT_POPOVER_MAX_HEIGHT, init_constant } from "./constant.js";
+import { Fragment, createElement, useEffect, useMemo, useRef, useState } from "react";
+import { cn, shuffle } from "@ultraviolet/utils";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/Data Display/TagList/index.tsx
+var DEFAULT_TAGS, isLabelIconTag, isKeyValueTag, getTagLabel, shuffleTagLabels, TagList;
+function init_TagList() {
+	return (init_TagList = __esmMin(() => {
+		init_Tag();
+		init_Popover();
+		init_constant();
+		init_styles_css();
+		init_objectSpread2();
+		DEFAULT_TAGS = [];
+		isLabelIconTag = (tag) => typeof tag === "object" && tag !== null && "label" in tag && "icon" in tag;
+		isKeyValueTag = (tag) => typeof tag === "object" && tag !== null && "key" in tag && "value" in tag;
+		getTagLabel = (tag) => {
+			if (isKeyValueTag(tag)) return `${tag.key}-${tag.value}`;
+			if (isLabelIconTag(tag)) return tag.label;
+			return tag;
+		};
+		shuffleTagLabels = (tag) => {
+			if (isKeyValueTag(tag)) return _objectSpread2(_objectSpread2({}, tag), {}, {
+				key: shuffle(tag.key),
+				value: shuffle(tag.value)
+			});
+			else if (isLabelIconTag(tag)) return _objectSpread2(_objectSpread2({}, tag), {}, { label: shuffle(tag.label) });
+			return shuffle(tag);
+		};
+		TagList = ({ maxLength = 600, tags = DEFAULT_TAGS, threshold = 1, multiline = false, popoverTitle, popoverPlacement, popoverMaxHeight = DEFAULT_POPOVER_MAX_HEIGHT, copiable, copyText, copiedText, sentiment = "neutral", variant = "default", className, "data-testid": dataTestId, style }) => {
+			const containerRef = useRef(null);
+			const measureRef = useRef(null);
+			const popoverTriggerRef = useRef(null);
+			const [isPopoverVisible, setIsPopoverVisible] = useState(false);
+			const [visibleTags, setVisibleTags] = useState(tags[0] ? [tags[0]] : []);
+			const [hiddenTags, setHiddenTags] = useState([]);
+			const [potentiallyVisibleTags, surelyHiddenTags] = useMemo(() => {
+				if (tags.length === 0) return [[], []];
+				const limit = Math.min(threshold, tags.length);
+				let visibleCount = 0;
+				let currentLength = 0;
+				for (let i = 0; i < limit; i++) {
+					currentLength += getTagLabel(tags[i]).length;
+					if (currentLength > maxLength) break;
+					visibleCount++;
+				}
+				visibleCount = Math.max(visibleCount, 1);
+				return [tags.slice(0, visibleCount), tags.slice(visibleCount)];
+			}, [
+				maxLength,
+				tags,
+				threshold
+			]);
+			useEffect(() => {
+				if (tags.length === 0 || !containerRef.current || !measureRef.current) return;
+				if (multiline || typeof ResizeObserver === "undefined") {
+					setVisibleTags(potentiallyVisibleTags);
+					setHiddenTags(surelyHiddenTags);
+					return;
+				}
+				const handleResize = (entries) => {
+					if (!containerRef.current || !measureRef.current || !popoverTriggerRef.current) return;
+					const totalAvailableWidth = entries[0].contentBoxSize[0].inlineSize;
+					if (measureRef.current.offsetWidth < totalAvailableWidth) {
+						setVisibleTags(potentiallyVisibleTags);
+						setHiddenTags(surelyHiddenTags);
+						return;
+					}
+					const elementsToMeasure = [...measureRef.current.children[0].children];
+					const counterWidth = popoverTriggerRef.current.offsetWidth;
+					let visibleTagsCount = 0;
+					let visibleTagsWidth = 0;
+					for (let i = 0; i < potentiallyVisibleTags.length; i++) {
+						if (i > 0) visibleTagsWidth += 4;
+						visibleTagsWidth += elementsToMeasure[i].offsetWidth;
+						const availableWidth = i < tags.length - 1 ? totalAvailableWidth - counterWidth : totalAvailableWidth;
+						if (visibleTagsWidth > availableWidth) break;
+						visibleTagsCount++;
+					}
+					if (visibleTagsCount === 0) visibleTagsCount = 1;
+					setVisibleTags(tags.slice(0, visibleTagsCount));
+					setHiddenTags(tags.slice(visibleTagsCount));
+				};
+				const resizeObserver = new ResizeObserver(handleResize);
+				resizeObserver.observe(containerRef.current);
+				return () => {
+					resizeObserver.disconnect();
+				};
+			}, [
+				multiline,
+				potentiallyVisibleTags,
+				surelyHiddenTags,
+				tags
+			]);
+			const renderTag = (tag, index, hidden) => {
+				const finalTag = hidden ? shuffleTagLabels(tag) : tag;
+				const tagLabel = getTagLabel(finalTag);
+				const commonProps = {
+					className: tagListStyle.tag,
+					copiable,
+					copiedText,
+					copyText,
+					"data-testid": hidden ? "" : tagLabel,
+					variant,
+					sentiment
+				};
+				const TagWrapper = hidden ? Fragment : ({ children }) => /* @__PURE__ */ jsx("li", {
+					className: tagListStyle.listItem,
+					children
+				});
+				if (isKeyValueTag(finalTag)) return /* @__PURE__ */ jsx(TagWrapper, { children: /* @__PURE__ */ createElement(Tag, _objectSpread2(_objectSpread2({ keyValue: finalTag }, commonProps), {}, { key: `${tagLabel}-${index}` })) });
+				return /* @__PURE__ */ jsx(TagWrapper, { children: /* @__PURE__ */ createElement(Tag, _objectSpread2(_objectSpread2({}, commonProps), {}, { key: `${tagLabel}-${index}` }), isLabelIconTag(finalTag) ? finalTag.icon : void 0, tagLabel) });
+			};
+			return /* @__PURE__ */ jsxs("div", {
+				className: cn(className, tagListStyle.container),
+				"data-testid": dataTestId,
+				ref: containerRef,
+				style,
+				children: [/* @__PURE__ */ jsxs("div", {
+					className: cn(tagListStyle.tagContainer({ multiline })),
+					"data-testid": `${dataTestId !== null && dataTestId !== void 0 ? dataTestId : "taglist"}-container`,
+					children: [visibleTags.length > 0 && /* @__PURE__ */ jsx("ul", {
+						className: tagListStyle.list,
+						children: visibleTags.map((tag, index) => renderTag(tag, index))
+					}), hiddenTags.length > 0 && /* @__PURE__ */ jsx(Popover, {
+						content: /* @__PURE__ */ jsx("ul", {
+							className: cn(tagListStyle.tagContainer({ multiline: true }), tagListStyle.list),
+							children: hiddenTags.map((tag, index) => renderTag(tag, index))
+						}),
+						maxHeight: popoverMaxHeight,
+						onClose: () => setIsPopoverVisible(false),
+						placement: popoverPlacement,
+						size: "small",
+						title: popoverTitle,
+						visible: isPopoverVisible,
+						children: /* @__PURE__ */ jsxs("button", {
+							type: "button",
+							className: tagListStyle.counter,
+							"data-testid": `${dataTestId !== null && dataTestId !== void 0 ? dataTestId : "taglist"}-open`,
+							onClick: () => setIsPopoverVisible(true),
+							onKeyDown: (event) => {
+								if ([" ", "Enter"].includes(event.key)) setIsPopoverVisible(true);
+							},
+							children: ["+", hiddenTags.length]
+						})
+					})]
+				}), /* @__PURE__ */ jsxs("div", {
+					"aria-hidden": "true",
+					ref: measureRef,
+					className: tagListStyle.measurementContainer,
+					children: [/* @__PURE__ */ jsx("div", {
+						className: tagListStyle.tagContainer({ multiline }),
+						children: potentiallyVisibleTags.map((tag, index) => renderTag(tag, index, true))
+					}), /* @__PURE__ */ jsxs("button", {
+						type: "button",
+						className: tagListStyle.counter,
+						ref: popoverTriggerRef,
+						children: [surelyHiddenTags.length, "+"]
+					})]
+				})]
+			});
+		};
+		TagList.displayName = "TagList";
+	}))();
+}
+
+//#endregion
+init_TagList();
+export { TagList, init_TagList };

package/dist/components/Data Display/TagList/styles.css.d.ts

@@ -0,0 +1,17 @@
+export declare const popoverTriggerWidthVar: `var(--${string})`;
+export declare const tagListStyle: {
+    container: string;
+    tagContainer: import("@vanilla-extract/recipes").RuntimeFn<{
+        multiline: {
+            true: {
+                flexWrap: "wrap";
+            };
+        };
+    }>;
+    tag: string;
+    counter: string;
+    measurementContainer: string;
+    list: string;
+    listItem: string;
+};
+//# sourceMappingURL=styles.css.d.ts.map

package/dist/components/Data Display/TagList/styles.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../../src/components/Data Display/TagList/styles.css.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,sBAAsB,oBAAc,CAAA;AA2EjD,eAAO,MAAM,YAAY;;;;;;;;;;;;;;CAQxB,CAAA"}

package/dist/components/Data Display/TagList/styles.css.js

@@ -0,0 +1,29 @@
+import { __esmMin } from "../../../_virtual/_rolldown/runtime.js";
+import { init_styles_css_ts_vanilla } from "./styles.css.ts.vanilla.js";
+import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
+
+//#region src/components/Data Display/TagList/styles.css.ts
+var tagListStyle;
+function init_styles_css() {
+	return (init_styles_css = __esmMin(() => {
+		/* @__PURE__ */ init_styles_css_ts_vanilla();
+		tagListStyle = {
+			container: "uv_wnl3kj1",
+			tagContainer: createRuntimeFn({
+				defaultClassName: "uv_wnl3kj3",
+				variantClassNames: { multiline: { true: "uv_wnl3kj4" } },
+				defaultVariants: {},
+				compoundVariants: []
+			}),
+			tag: "uv_wnl3kj7",
+			counter: "uv_wnl3kj8",
+			measurementContainer: "uv_wnl3kj2",
+			list: "uv_wnl3kj5",
+			listItem: "uv_wnl3kj6"
+		};
+	}))();
+}
+
+//#endregion
+init_styles_css();
+export { init_styles_css, tagListStyle };

package/dist/components/Data Display/TagList/styles.css.ts.vanilla.js

@@ -0,0 +1,10 @@
+import { __esmMin } from "../../../_virtual/_rolldown/runtime.js";
+
+//#region src/components/Data Display/TagList/styles.css.ts.vanilla.css
+function init_styles_css_ts_vanilla() {
+	return (init_styles_css_ts_vanilla = __esmMin(() => {}))();
+}
+
+//#endregion
+init_styles_css_ts_vanilla();
+export { init_styles_css_ts_vanilla };

package/dist/components/Data Entry/Checkbox/CheckboxIconContainer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxIconContainer.d.ts","sourceRoot":"","sources":["../../../../src/components/Data Entry/Checkbox/CheckboxIconContainer.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,qBAAqB,gBAAiB;IAAE,OAAO,CAAC,EAAE,OAAO,GAAG,eAAe,CAAA;CAAE,gCA+BzF,CAAA"}

package/dist/components/Data Entry/Checkbox/CheckboxIconContainer.js

@@ -0,0 +1,46 @@
+'use client';
+import { __esmMin, __name } from "../../../_virtual/_rolldown/runtime.js";
+import { checkboxStyle, init_styles_css } from "./styles.css.js";
+import { useTheme } from "@ultraviolet/themes";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/Data Entry/Checkbox/CheckboxIconContainer.tsx
+var CheckboxIconContainer;
+function init_CheckboxIconContainer() {
+	return (init_CheckboxIconContainer = __esmMin(() => {
+		init_styles_css();
+		CheckboxIconContainer = ({ checked }) => {
+			const theme = useTheme();
+			return /* @__PURE__ */ jsxs("g", { children: [/* @__PURE__ */ jsx("rect", {
+				className: checkboxStyle.innerCheckbox,
+				height: "16",
+				rx: theme.radii.small,
+				strokeWidth: "2",
+				width: "16",
+				x: "4",
+				y: "4"
+			}), checked === "indeterminate" ? /* @__PURE__ */ jsx("rect", {
+				className: checkboxStyle.checkMixedMark,
+				height: "2",
+				rx: "1",
+				width: "12",
+				x: "6",
+				y: "11"
+			}) : /* @__PURE__ */ jsx("path", {
+				className: checkboxStyle.iconPath,
+				clipRule: "evenodd",
+				d: "M15.6678 5.26709C16.0849 5.6463 16.113 6.28907 15.7307 6.70276L9.29172 13.6705C9.10291 13.8748 8.83818 13.9937 8.55884 13.9998C8.2795 14.0058 8.0098 13.8984 7.81223 13.7024L4.30004 10.2185C3.89999 9.82169 3.89999 9.17831 4.30004 8.78149C4.70009 8.38467 5.34869 8.38467 5.74874 8.78149L8.50441 11.5149L14.2205 5.32951C14.6028 4.91583 15.2508 4.88788 15.6678 5.26709Z",
+				fill: "white",
+				fillRule: "evenodd",
+				height: 9,
+				width: 12,
+				x: "5",
+				y: "4"
+			})] });
+		};
+	}))();
+}
+
+//#endregion
+init_CheckboxIconContainer();
+export { CheckboxIconContainer, init_CheckboxIconContainer };

package/dist/components/Data Entry/Checkbox/index.d.ts

@@ -0,0 +1,15 @@
+import type { InputHTMLAttributes, ReactNode } from 'react';
+import type { BaseFormComponentProps, CheckboxLabelProp } from '../../../types';
+type CheckboxProps = BaseFormComponentProps<HTMLInputElement> & CheckboxLabelProp & {
+    error?: ReactNode;
+    checked?: boolean | 'indeterminate';
+    ['data-visibility']?: string;
+    tooltip?: string;
+    size?: 'default' | 'small';
+} & Pick<InputHTMLAttributes<HTMLInputElement>, 'onChange' | 'onClick' | 'tabIndex' | 'value'>;
+/**
+ * Checkbox is an input component used to select or deselect an option.
+ */
+export declare const Checkbox: import("react").ForwardRefExoticComponent<CheckboxProps & import("react").RefAttributes<HTMLInputElement>>;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Data Entry/Checkbox/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Data Entry/Checkbox/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,mBAAmB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAE3D,OAAO,KAAK,EAAE,sBAAsB,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAA;AAQ/E,KAAK,aAAa,GAAG,sBAAsB,CAAC,gBAAgB,CAAC,GAC3D,iBAAiB,GAAG;IAClB,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,OAAO,CAAC,EAAE,OAAO,GAAG,eAAe,CAAA;IACnC,CAAC,iBAAiB,CAAC,CAAC,EAAE,MAAM,CAAA;IAC5B,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,CAAA;CAC3B,GAAG,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,UAAU,GAAG,SAAS,GAAG,UAAU,GAAG,OAAO,CAAC,CAAA;AAEhG;;GAEG;AACH,eAAO,MAAM,QAAQ,4GAmHpB,CAAA"}

package/dist/components/Data Entry/Checkbox/index.js

@@ -0,0 +1,112 @@
+'use client';
+import { __esmMin, __name } from "../../../_virtual/_rolldown/runtime.js";
+import { Stack, init_Stack } from "../../Layout/Stack/index.js";
+import { Tooltip, init_Tooltip } from "../../Overlay/Tooltip/index.js";
+import { Text, init_Text } from "../../Typography/Text/index.js";
+import { hasHelperText, init_hasHelperText } from "../../../helpers/hasHelperText.js";
+import { Description, init_Description } from "../../Typography/Description/index.js";
+import { checkboxStyle, init_styles_css } from "./styles.css.js";
+import { CheckboxIconContainer, init_CheckboxIconContainer } from "./CheckboxIconContainer.js";
+import { forwardRef, useId } from "react";
+import { cn } from "@ultraviolet/utils";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/Data Entry/Checkbox/index.tsx
+var Checkbox;
+function init_Checkbox() {
+	return (init_Checkbox = __esmMin(() => {
+		init_hasHelperText();
+		init_Stack();
+		init_Tooltip();
+		init_Description();
+		init_Text();
+		init_CheckboxIconContainer();
+		init_styles_css();
+		Checkbox = forwardRef(({ id, checked = false, onChange, onFocus, onBlur, onKeyDown, error, name, helper, value, children, disabled = false, autoFocus = false, className, "data-visibility": dataVisibility, "aria-label": ariaLabel, "aria-describedby": ariaDescribedBy, required, "data-testid": dataTestId, tooltip, tabIndex, style, size = "default" }, ref) => {
+			const uniqId = useId();
+			const localId = id !== null && id !== void 0 ? id : uniqId;
+			const styledChildren = typeof children === "string" ? /* @__PURE__ */ jsx(Text, {
+				as: "label",
+				className: checkboxStyle.label,
+				htmlFor: localId,
+				prominence: "default",
+				sentiment: "neutral",
+				variant: size === "small" ? "bodySmall" : "body",
+				disabled,
+				children
+			}) : /* @__PURE__ */ jsx("label", {
+				className: checkboxStyle.label,
+				htmlFor: localId,
+				children
+			});
+			const isCheck = checked === true ? checked : false;
+			const childStack = children || required ? /* @__PURE__ */ jsxs(Stack, {
+				alignItems: "center",
+				direction: "row",
+				gap: .5,
+				children: [children ? styledChildren : null, required ? /* @__PURE__ */ jsx(Text, {
+					as: "sup",
+					sentiment: "danger",
+					variant: "body",
+					children: "*"
+				}) : null]
+			}) : null;
+			return /* @__PURE__ */ jsx(Tooltip, {
+				text: tooltip,
+				children: /* @__PURE__ */ jsxs("div", {
+					"aria-disabled": disabled,
+					className: cn(className, checkboxStyle.container[size]),
+					"data-checked": checked,
+					"data-error": !!error,
+					"data-testid": dataTestId,
+					"data-visibility": dataVisibility,
+					children: [
+						/* @__PURE__ */ jsx("input", {
+							"aria-checked": checked === "indeterminate" ? "mixed" : isCheck,
+							"aria-describedby": ariaDescribedBy || (hasHelperText(helper, error) ? `${localId}-hint` : void 0),
+							"aria-invalid": !!error,
+							"aria-label": ariaLabel,
+							autoFocus,
+							checked: isCheck,
+							className: checkboxStyle.input[size],
+							disabled,
+							id: localId,
+							name,
+							onBlur,
+							onChange,
+							onFocus,
+							onKeyDown,
+							ref,
+							required,
+							style,
+							tabIndex,
+							type: "checkbox",
+							value
+						}),
+						/* @__PURE__ */ jsxs("svg", {
+							className: checkboxStyle.icon[size],
+							fill: "none",
+							viewBox: "0 0 24 24",
+							children: [/* @__PURE__ */ jsx("title", { children: name }), /* @__PURE__ */ jsx(CheckboxIconContainer, { checked })]
+						}),
+						children || required || helper || error ? /* @__PURE__ */ jsxs(Stack, {
+							flex: 1,
+							gap: .5,
+							children: [childStack, /* @__PURE__ */ jsx(Description, {
+								helper,
+								error,
+								id: ariaDescribedBy !== null && ariaDescribedBy !== void 0 ? ariaDescribedBy : `${localId}-hint`,
+								disabled: disabled && !error
+							})]
+						}) : null
+					]
+				})
+			});
+		});
+		Checkbox.displayName = "Checkbox";
+	}))();
+}
+
+//#endregion
+init_Checkbox();
+export { Checkbox, init_Checkbox };

package/dist/components/Data Entry/Checkbox/styles.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../../src/components/Data Entry/Checkbox/styles.css.ts"],"names":[],"mappings":"AA4OA,eAAO,MAAM,aAAa;;;;;;;;CAQzB,CAAA"}

package/dist/components/Data Entry/Checkbox/styles.css.js

@@ -0,0 +1,38 @@
+import { __esmMin } from "../../../_virtual/_rolldown/runtime.js";
+import { init_styles_css_ts_vanilla } from "../../Data Display/List/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$1 } from "../CheckboxGroup/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$2 } from "../SelectableCard/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$3 } from "./styles.css.ts.vanilla.js";
+
+//#region src/components/Data Entry/Checkbox/styles.css.ts
+var checkboxStyle;
+function init_styles_css() {
+	return (init_styles_css = __esmMin(() => {
+		/* @__PURE__ */ init_styles_css_ts_vanilla();
+		/* @__PURE__ */ init_styles_css_ts_vanilla$1();
+		/* @__PURE__ */ init_styles_css_ts_vanilla$2();
+		/* @__PURE__ */ init_styles_css_ts_vanilla$3();
+		checkboxStyle = {
+			container: {
+				"default": "uv_thx8yx1 uv_thx8yx0",
+				small: "uv_thx8yx2 uv_thx8yx0"
+			},
+			input: {
+				"default": "uv_thx8yx4 uv_thx8yx3",
+				small: "uv_thx8yx5 uv_thx8yx3"
+			},
+			icon: {
+				"default": "uv_thx8yx7 uv_thx8yx6",
+				small: "uv_thx8yx8 uv_thx8yx6"
+			},
+			innerCheckbox: "uv_thx8yx9",
+			iconPath: "uv_thx8yxa",
+			checkMixedMark: "uv_thx8yxb",
+			label: "uv_thx8yxc"
+		};
+	}))();
+}
+
+//#endregion
+init_styles_css();
+export { checkboxStyle, init_styles_css };

package/dist/components/Data Entry/Checkbox/styles.css.ts.vanilla.js

@@ -0,0 +1,10 @@
+import { __esmMin } from "../../../_virtual/_rolldown/runtime.js";
+
+//#region src/components/Data Entry/Checkbox/styles.css.ts.vanilla.css
+function init_styles_css_ts_vanilla() {
+	return (init_styles_css_ts_vanilla = __esmMin(() => {}))();
+}
+
+//#endregion
+init_styles_css_ts_vanilla();
+export { init_styles_css_ts_vanilla };

package/dist/components/Data Entry/CheckboxGroup/Context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Context.d.ts","sourceRoot":"","sources":["../../../../src/components/Data Entry/CheckboxGroup/Context.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAA;AAEhD,KAAK,wBAAwB,GAAG;IAC9B,SAAS,EAAE,MAAM,CAAA;IACjB,WAAW,EAAE,MAAM,EAAE,CAAA;IACrB,KAAK,EAAE,OAAO,CAAA;CACf,GAAG,QAAQ,CAAC,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,UAAU,CAAC,CAAC,GACnE,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,UAAU,CAAC,CAAA;AAEzD,eAAO,MAAM,oBAAoB,+DAAiE,CAAA"}

package/dist/components/Data Entry/CheckboxGroup/Context.js

@@ -0,0 +1,15 @@
+'use client';
+import { __esmMin } from "../../../_virtual/_rolldown/runtime.js";
+import { createContext } from "react";
+
+//#region src/components/Data Entry/CheckboxGroup/Context.tsx
+var CheckboxGroupContext;
+function init_Context() {
+	return (init_Context = __esmMin(() => {
+		CheckboxGroupContext = createContext(void 0);
+	}))();
+}
+
+//#endregion
+init_Context();
+export { CheckboxGroupContext, init_Context };

package/dist/components/Data Entry/CheckboxGroup/SingleCheckbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SingleCheckbox.d.ts","sourceRoot":"","sources":["../../../../src/components/Data Entry/CheckboxGroup/SingleCheckbox.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AAItC,KAAK,0BAA0B,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,QAAQ,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC,GAAG;IAChG,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;8CAEqC,EACpC,OAAO,EACP,MAAM,EACN,QAAQ,EACR,KAAK,EACL,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,MAAM,EACN,SAAS,EACT,SAAS,EACT,aAAa,EAAE,UAAU,EACzB,QAAQ,EACR,OAAO,EACP,KAAK,EACL,IAAI,GACL,EAAE,0BAA0B"}

package/dist/components/Data Entry/CheckboxGroup/SingleCheckbox.js

@@ -0,0 +1,49 @@
+'use client';
+import { __esmMin, __name } from "../../../_virtual/_rolldown/runtime.js";
+import { Checkbox, init_Checkbox } from "../Checkbox/index.js";
+import { checkboxGroupStyle, init_styles_css } from "./styles.css.js";
+import { CheckboxGroupContext, init_Context } from "./Context.js";
+import { useContext } from "react";
+import { cn } from "@ultraviolet/utils";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/Data Entry/CheckboxGroup/SingleCheckbox.tsx
+var CheckboxGroupCheckbox;
+function init_SingleCheckbox() {
+	return (init_SingleCheckbox = __esmMin(() => {
+		init_Checkbox();
+		init_Context();
+		init_styles_css();
+		CheckboxGroupCheckbox = ({ onFocus, onBlur, disabled, error, name, value, children, helper, className, autoFocus, "data-testid": dataTestId, required, tooltip, style, size }) => {
+			const context = useContext(CheckboxGroupContext);
+			if (!context) throw new Error("CheckboxGroup.Checkbox can only be used inside a CheckboxGroup");
+			const { groupName, onChange, groupValues, error: errorContext } = context;
+			const checkboxName = `${groupName}.${name !== null && name !== void 0 ? name : ""}`;
+			const checkboxValue = value.toString();
+			return /* @__PURE__ */ jsx(Checkbox, {
+				autoFocus,
+				checked: groupValues === null || groupValues === void 0 ? void 0 : groupValues.includes(checkboxValue),
+				className: cn(className, checkboxGroupStyle.checkboxGroup),
+				"data-testid": dataTestId,
+				disabled,
+				error: error || errorContext,
+				helper,
+				name: checkboxName,
+				onBlur,
+				onChange,
+				onFocus,
+				required,
+				size,
+				style,
+				tooltip,
+				value: checkboxValue,
+				children
+			});
+		};
+		CheckboxGroupCheckbox.displayName = "CheckboxGroup.Checkbox";
+	}))();
+}
+
+//#endregion
+init_SingleCheckbox();
+export { CheckboxGroupCheckbox, init_SingleCheckbox };

package/dist/components/Data Entry/CheckboxGroup/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Data Entry/CheckboxGroup/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,mBAAmB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAQ3D,OAAO,EAAE,qBAAqB,EAAE,MAAM,kBAAkB,CAAA;AAGxD,KAAK,kBAAkB,GAAG;IACxB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,iBAAiB,CAAC,EAAE,SAAS,CAAA;IAC7B,KAAK,CAAC,EAAE,MAAM,EAAE,CAAA;IAChB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,SAAS,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAA;IAC5B,QAAQ,EAAE,SAAS,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,SAAS,CAAA;CACxB,GAAG,QAAQ,CAAC,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,UAAU,GAAG,MAAM,CAAC,CAAC,GAC5E,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,UAAU,GAAG,OAAO,GAAG,kBAAkB,CAAC,CAAA;+BAKjE,EACrB,MAAM,EACN,iBAAiB,EACjB,KAAK,EACL,SAAS,EACT,MAAM,EACN,KAAK,EACL,SAAoB,EACpB,QAAQ,EACR,QAAQ,EACR,IAAI,EACJ,WAAW,EACX,QAAgB,EAChB,KAAK,EACL,kBAAkB,EAAE,eAAe,GACpC,EAAE,kBAAkB;;;aAsDI,qBAAqB;;AAE9C,OAAO,EAAE,qBAAqB,EAAE,aAAa,EAAE,CAAA"}

package/dist/components/Data Entry/CheckboxGroup/index.js

@@ -0,0 +1,87 @@
+'use client';
+import { __esmMin, __name } from "../../../_virtual/_rolldown/runtime.js";
+import { Stack, init_Stack } from "../../Layout/Stack/index.js";
+import { Text, init_Text } from "../../Typography/Text/index.js";
+import { hasHelperText, init_hasHelperText } from "../../../helpers/hasHelperText.js";
+import { Description, init_Description } from "../../Typography/Description/index.js";
+import { Label, init_Label } from "../../Typography/Label/index.js";
+import { checkboxGroupStyle, init_styles_css } from "./styles.css.js";
+import { CheckboxGroupContext, init_Context } from "./Context.js";
+import { CheckboxGroupCheckbox, init_SingleCheckbox } from "./SingleCheckbox.js";
+import { useId, useMemo } from "react";
+import { cn } from "@ultraviolet/utils";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/Data Entry/CheckboxGroup/index.tsx
+var CheckboxGroup;
+function init_CheckboxGroup() {
+	return (init_CheckboxGroup = __esmMin(() => {
+		init_hasHelperText();
+		init_Stack();
+		init_Description();
+		init_Label();
+		init_Text();
+		init_Context();
+		init_SingleCheckbox();
+		init_styles_css();
+		CheckboxGroup = ({ legend, legendDescription, value, className, helper, error, direction = "column", children, onChange, name, description, required = false, style, "aria-describedby": ariaDescribedBy }) => {
+			const contextValue = useMemo(() => ({
+				error: !!error,
+				groupName: name,
+				groupValues: value !== null && value !== void 0 ? value : [],
+				onChange,
+				required
+			}), [
+				name,
+				value,
+				onChange,
+				required,
+				error
+			]);
+			const helperId = useId();
+			return /* @__PURE__ */ jsx(CheckboxGroupContext.Provider, {
+				value: contextValue,
+				children: /* @__PURE__ */ jsxs(Stack, {
+					gap: 1,
+					children: [/* @__PURE__ */ jsx("fieldset", {
+						className: cn(className, checkboxGroupStyle.fieldset),
+						style,
+						"aria-describedby": ariaDescribedBy || (hasHelperText(helper, error) ? helperId : void 0),
+						children: /* @__PURE__ */ jsxs(Stack, {
+							gap: 1.5,
+							children: [legend || description ? /* @__PURE__ */ jsxs(Stack, {
+								gap: .5,
+								children: [legend ? /* @__PURE__ */ jsx(Label, {
+									as: "legend",
+									labelDescription: legendDescription,
+									required,
+									children: legend
+								}) : null, description ? /* @__PURE__ */ jsx(Text, {
+									as: typeof description === "string" ? "p" : "div",
+									prominence: "weak",
+									sentiment: "neutral",
+									variant: "bodySmall",
+									children: description
+								}) : null]
+							}) : null, /* @__PURE__ */ jsx(Stack, {
+								direction,
+								gap: direction === "column" ? 1 : 2,
+								children
+							})]
+						})
+					}), /* @__PURE__ */ jsx(Description, {
+						helper,
+						error,
+						id: ariaDescribedBy !== null && ariaDescribedBy !== void 0 ? ariaDescribedBy : helperId
+					})]
+				})
+			});
+		};
+		CheckboxGroup.displayName = "CheckboxGroup";
+		CheckboxGroup.Checkbox = CheckboxGroupCheckbox;
+	}))();
+}
+
+//#endregion
+init_CheckboxGroup();
+export { CheckboxGroup, CheckboxGroupCheckbox, init_CheckboxGroup };

package/dist/components/Data Entry/CheckboxGroup/styles.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../../src/components/Data Entry/CheckboxGroup/styles.css.ts"],"names":[],"mappings":"AAUA,eAAO,MAAM,kBAAkB;;;CAA8B,CAAA"}