@ultraviolet/ui 3.24.2 → 3.25.0

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

@@ -0,0 +1,123 @@
+'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 { Expandable, init_Expandable } from "../../Action/Expandable/index.js";
+import { init_styles_css, snippetStyle } from "./styles.css.js";
+import { CopyButton, init_CopyButton } from "../../Action/CopyButton/index.js";
+import { CodeContent, init_CodeContent } from "./CodeContent.js";
+import { useId, useReducer } from "react";
+import { useTheme } from "@ultraviolet/themes";
+import { cn } from "@ultraviolet/utils";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ArrowDownIcon } from "@ultraviolet/icons/ArrowDownIcon";
+
+//#region src/components/Data Display/Snippet/index.tsx
+var LINES_BREAK_REGEX, Snippet;
+function init_Snippet() {
+	return (init_Snippet = __esmMin(() => {
+		init_hasHelperText();
+		init_CopyButton();
+		init_Expandable();
+		init_Stack();
+		init_Description();
+		init_Label();
+		init_Text();
+		init_CodeContent();
+		init_styles_css();
+		LINES_BREAK_REGEX = /\r\n|\r|\n/u;
+		Snippet = ({ children, copyText, copiedText, showText = "Show", hideText = "Hide", prefix, className, "data-testid": dataTestId, initiallyExpanded, rows = 4, noExpandable = false, onCopy, style, helper, label, labelDescription, "aria-describedby": ariaDescribedBy }) => {
+			const theme = useTheme();
+			const helperId = useId();
+			const [showMore, setShowMore] = useReducer((value) => !value, initiallyExpanded !== null && initiallyExpanded !== void 0 ? initiallyExpanded : false);
+			const lines = children.split(LINES_BREAK_REGEX);
+			const numberOfLines = lines.length;
+			const multiline = numberOfLines > 1;
+			const hasShowMoreButton = numberOfLines > rows && multiline && !noExpandable;
+			const minHeight = rows * Number.parseFloat(theme.typography.code.lineHeight) * 16 + Number.parseFloat(theme.space[4]) * 16;
+			return /* @__PURE__ */ jsxs(Stack, {
+				direction: "column",
+				gap: 1,
+				width: "100%",
+				children: [
+					label ? /* @__PURE__ */ jsx(Label, {
+						labelDescription,
+						children: label
+					}) : null,
+					/* @__PURE__ */ jsx("div", {
+						className: cn(className, snippetStyle.container[multiline ? "multiline" : "oneLine"]),
+						"data-testid": dataTestId,
+						style,
+						children: /* @__PURE__ */ jsxs(Stack, {
+							className: snippetStyle.stackStyle,
+							"aria-describedby": ariaDescribedBy || (hasHelperText(helper) ? helperId : void 0),
+							children: [
+								hasShowMoreButton ? /* @__PURE__ */ jsx(Expandable, {
+									minHeight,
+									opened: showMore,
+									children: /* @__PURE__ */ jsx(CodeContent, {
+										lines,
+										multiline,
+										noExpandable,
+										prefix,
+										rows,
+										children
+									})
+								}) : /* @__PURE__ */ jsx(CodeContent, {
+									lines,
+									multiline,
+									noExpandable,
+									prefix,
+									rows,
+									children
+								}),
+								/* @__PURE__ */ jsx("div", {
+									className: snippetStyle.buttonContainer[multiline && numberOfLines > 1 ? "multiline" : "oneLine"],
+									children: /* @__PURE__ */ jsx(CopyButton, {
+										copiedText,
+										copyText,
+										onCopy,
+										sentiment: "neutral",
+										value: children
+									})
+								}),
+								hasShowMoreButton ? /* @__PURE__ */ jsx("div", {
+									className: snippetStyle.showMoreContainer[showMore ? "true" : "false"],
+									children: /* @__PURE__ */ jsx("button", {
+										"aria-expanded": showMore,
+										className: snippetStyle.showMoreButton,
+										onClick: setShowMore,
+										type: "button",
+										children: /* @__PURE__ */ jsxs(Text, {
+											as: "span",
+											className: snippetStyle.centeredText,
+											sentiment: "neutral",
+											variant: "bodySmallStrong",
+											children: [
+												showMore ? hideText : showText,
+												"\xA0",
+												/* @__PURE__ */ jsx(ArrowDownIcon, { className: snippetStyle.animatedArrowIcon[showMore ? "true" : "false"] })
+											]
+										})
+									})
+								}) : null
+							]
+						})
+					}),
+					/* @__PURE__ */ jsx(Description, {
+						helper,
+						id: ariaDescribedBy !== null && ariaDescribedBy !== void 0 ? ariaDescribedBy : helperId
+					})
+				]
+			});
+		};
+		Snippet.displayName = "Snippet";
+	}))();
+}
+
+//#endregion
+init_Snippet();
+export { Snippet, init_Snippet };

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../../src/components/Data Display/Snippet/styles.css.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,OAAO,oBAAc,CAAA;AAmKlC,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAWxB,CAAA"}

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

@@ -0,0 +1,68 @@
+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/Snippet/styles.css.ts
+var rowsVar, snippetStyle;
+function init_styles_css() {
+	return (init_styles_css = __esmMin(() => {
+		/* @__PURE__ */ init_styles_css_ts_vanilla();
+		rowsVar = "var(--uv_7w1x860)";
+		snippetStyle = {
+			pretext: createRuntimeFn({
+				defaultClassName: "uv_7w1x861",
+				variantClassNames: {
+					noExpandable: {
+						false: "uv_7w1x862",
+						true: "uv_7w1x863"
+					},
+					showMore: {
+						false: "uv_7w1x864",
+						true: "uv_7w1x865"
+					}
+				},
+				defaultVariants: {
+					noExpandable: false,
+					showMore: false
+				},
+				compoundVariants: []
+			}),
+			line: createRuntimeFn({
+				defaultClassName: "uv_7w1x866",
+				variantClassNames: { multiline: {
+					false: "uv_7w1x867",
+					true: "uv_7w1x868"
+				} },
+				defaultVariants: { multiline: false },
+				compoundVariants: []
+			}),
+			prefix: {
+				command: "uv_7w1x869",
+				lines: "uv_7w1x86a"
+			},
+			container: {
+				multiline: "uv_7w1x86c uv_7w1x86b",
+				oneLine: "uv_7w1x86d uv_7w1x86b"
+			},
+			stackStyle: "uv_7w1x86e",
+			buttonContainer: {
+				multiline: "uv_7w1x86g uv_7w1x86f",
+				oneLine: "uv_7w1x86h uv_7w1x86f"
+			},
+			showMoreContainer: {
+				false: "uv_7w1x86i",
+				true: "uv_7w1x86j"
+			},
+			showMoreButton: "uv_7w1x86k",
+			centeredText: "uv_7w1x86l",
+			animatedArrowIcon: {
+				false: "uv_7w1x86m",
+				true: "uv_7w1x86n"
+			}
+		};
+	}))();
+}
+
+//#endregion
+init_styles_css();
+export { init_styles_css, rowsVar, snippetStyle };

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

@@ -0,0 +1,10 @@
+import { __esmMin } from "../../../_virtual/_rolldown/runtime.js";
+
+//#region src/components/Data Display/Snippet/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 Display/StepList/Item.d.ts

@@ -0,0 +1,20 @@
+import type { ComponentProps, ReactNode } from 'react';
+import { Bullet } from '../../Badges/Bullet';
+export type Sizes = 'small' | 'medium';
+type ItemProps = {
+    sentiment?: ComponentProps<typeof Bullet>['sentiment'];
+    prominence?: ComponentProps<typeof Bullet>['prominence'];
+    size?: Sizes;
+    disabled?: boolean;
+    children: ReactNode;
+    onClick?: () => void;
+    onKeyDown?: () => void;
+    className?: string;
+    bulletContent?: ReactNode;
+};
+export declare function Item({ bulletContent, sentiment, prominence, children, onClick, onKeyDown, size, disabled, className, }: ItemProps): import("react").JSX.Element;
+export declare namespace Item {
+    var displayName: string;
+}
+export {};
+//# sourceMappingURL=Item.d.ts.map

package/dist/components/Data Display/StepList/Item.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Item.d.ts","sourceRoot":"","sources":["../../../../src/components/Data Display/StepList/Item.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACtD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAG5C,MAAM,MAAM,KAAK,GAAG,OAAO,GAAG,QAAQ,CAAA;AAEtC,KAAK,SAAS,GAAG;IACf,SAAS,CAAC,EAAE,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC,WAAW,CAAC,CAAA;IACtD,UAAU,CAAC,EAAE,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC,YAAY,CAAC,CAAA;IACxD,IAAI,CAAC,EAAE,KAAK,CAAA;IACZ,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,EAAE,SAAS,CAAA;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,SAAS,CAAA;CAC1B,CAAA;6BAEoB,EACnB,aAAa,EACb,SAAS,EACT,UAAU,EACV,QAAQ,EACR,OAAO,EACP,SAAS,EACT,IAAe,EACf,QAAgB,EAChB,SAAS,GACV,EAAE,SAAS"}

package/dist/components/Data Display/StepList/Item.js

@@ -0,0 +1,35 @@
+'use client';
+import { __esmMin, __name } from "../../../_virtual/_rolldown/runtime.js";
+import { init_styles_css, stepListStyle } from "./styles.css.js";
+import { Bullet, init_Bullet } from "../../Badges/Bullet/index.js";
+import { cn } from "@ultraviolet/utils";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/Data Display/StepList/Item.tsx
+var Item;
+function init_Item() {
+	return (init_Item = __esmMin(() => {
+		init_Bullet();
+		init_styles_css();
+		Item = ({ bulletContent, sentiment, prominence, children, onClick, onKeyDown, size = "medium", disabled = false, className }) => /* @__PURE__ */ jsxs("li", {
+			className: cn(className, stepListStyle.step({ disabled })),
+			onClick,
+			onKeyDown,
+			children: [bulletContent ? /* @__PURE__ */ jsx(Bullet, {
+				disabled,
+				prominence,
+				sentiment,
+				size,
+				children: bulletContent
+			}) : null, /* @__PURE__ */ jsx("div", {
+				className: stepListStyle.stepDiv({ size }),
+				children
+			})]
+		});
+		Item.displayName = "StepList.Item";
+	}))();
+}
+
+//#endregion
+init_Item();
+export { Item, init_Item };

package/dist/components/Data Display/StepList/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Data Display/StepList/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACrD,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAG7B,KAAK,aAAa,GAAG;IACnB,QAAQ,EAAE,SAAS,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;iCAMwB,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,aAAa,EAAE,UAAU,EAAE,EAAE,aAAa"}

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

@@ -0,0 +1,27 @@
+'use client';
+import { __esmMin, __name } from "../../../_virtual/_rolldown/runtime.js";
+import { init_styles_css, stepListStyle } from "./styles.css.js";
+import { Item, init_Item } from "./Item.js";
+import { cn } from "@ultraviolet/utils";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/Data Display/StepList/index.tsx
+var StepList;
+function init_StepList() {
+	return (init_StepList = __esmMin(() => {
+		init_Item();
+		init_styles_css();
+		StepList = ({ children, className, style, "data-testid": dataTestId }) => /* @__PURE__ */ jsx("ul", {
+			className: cn(className, stepListStyle.steps),
+			"data-testid": dataTestId,
+			style,
+			children
+		});
+		StepList.displayName = "StepList";
+		StepList.Item = Item;
+	}))();
+}
+
+//#endregion
+init_StepList();
+export { StepList, init_StepList };

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../../src/components/Data Display/StepList/styles.css.ts"],"names":[],"mappings":"AAoDA,eAAO,MAAM,aAAa;;;;YA7BpB,KAAK;gBACH,KAAK;;YAEP,IAAI;gBACF,KAAK;;;;;;;;;;;;;;;;CAyBwC,CAAA"}

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

@@ -0,0 +1,36 @@
+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/StepList/styles.css.ts
+var stepListStyle;
+function init_styles_css() {
+	return (init_styles_css = __esmMin(() => {
+		/* @__PURE__ */ init_styles_css_ts_vanilla();
+		stepListStyle = {
+			steps: "uv_1rhx5b70",
+			step: createRuntimeFn({
+				defaultClassName: "uv_1rhx5b71",
+				variantClassNames: { disabled: {
+					false: "uv_1rhx5b72",
+					true: "uv_1rhx5b73"
+				} },
+				defaultVariants: {},
+				compoundVariants: []
+			}),
+			stepDiv: createRuntimeFn({
+				defaultClassName: "uv_1rhx5b74",
+				variantClassNames: { size: {
+					medium: "uv_1rhx5b75",
+					small: "uv_1rhx5b76"
+				} },
+				defaultVariants: {},
+				compoundVariants: []
+			})
+		};
+	}))();
+}
+
+//#endregion
+init_styles_css();
+export { init_styles_css, stepListStyle };

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

@@ -0,0 +1,10 @@
+import { __esmMin } from "../../../_virtual/_rolldown/runtime.js";
+
+//#region src/components/Data Display/StepList/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 Display/Table/Body.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Body.d.ts","sourceRoot":"","sources":["../../../../src/components/Data Display/Table/Body.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,KAAK,SAAS,GAAG;IACf,QAAQ,EAAE,SAAS,CAAA;CACpB,CAAA;6BAEoB,EAAE,QAAQ,EAAE,EAAE,SAAS"}

package/dist/components/Data Display/Table/Body.js

@@ -0,0 +1,16 @@
+'use client';
+import { __esmMin, __name } from "../../../_virtual/_rolldown/runtime.js";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/Data Display/Table/Body.tsx
+var Body;
+function init_Body() {
+	return (init_Body = __esmMin(() => {
+		Body = ({ children }) => /* @__PURE__ */ jsx("tbody", { children });
+		Body.displayName = "Table.Body";
+	}))();
+}
+
+//#endregion
+init_Body();
+export { Body, init_Body };

package/dist/components/Data Display/Table/Cell.d.ts

@@ -0,0 +1,18 @@
+import type { CSSProperties, ReactNode } from 'react';
+import type { Color } from '../../../theme';
+type Align = 'left' | 'center' | 'right';
+type CellProps = {
+    children?: ReactNode;
+    className?: string;
+    colSpan?: number;
+    rowSpan?: number;
+    sentiment?: Color;
+    align?: Align;
+    style?: CSSProperties;
+};
+export declare function Cell({ children, className, colSpan, rowSpan, sentiment, align, style }: CellProps): import("react").JSX.Element;
+export declare namespace Cell {
+    var displayName: string;
+}
+export {};
+//# sourceMappingURL=Cell.d.ts.map

package/dist/components/Data Display/Table/Cell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Cell.d.ts","sourceRoot":"","sources":["../../../../src/components/Data Display/Table/Cell.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACrD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAA;AAM3C,KAAK,KAAK,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAA;AAExC,KAAK,SAAS,GAAG;IACf,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,SAAS,CAAC,EAAE,KAAK,CAAA;IACjB,KAAK,CAAC,EAAE,KAAK,CAAA;IACb,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;6BAEoB,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,KAAc,EAAE,KAAK,EAAE,EAAE,SAAS"}

package/dist/components/Data Display/Table/Cell.js

@@ -0,0 +1,50 @@
+'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, tableStyle } from "./styles.css.js";
+import { init_ColumnProvider, useColumnProvider } from "../List/ColumnProvider.js";
+import { init_TableContext, useTableContext } from "./TableContext.js";
+import { init_variables_css, maxWidthCell, minWidthCell, widthCell } from "./variables.css.js";
+import { cn } from "@ultraviolet/utils";
+import { assignInlineVars } from "@vanilla-extract/dynamic";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/Data Display/Table/Cell.tsx
+var Cell;
+function init_Cell() {
+	return (init_Cell = __esmMin(() => {
+		init_ColumnProvider();
+		init_TableContext();
+		init_styles_css();
+		init_variables_css();
+		init_objectSpread2();
+		Cell = ({ children, className, colSpan, rowSpan, sentiment, align = "left", style }) => {
+			var _context$width;
+			var _context$minWidth;
+			var _context$maxWidth;
+			const context = useColumnProvider();
+			const { size } = useTableContext();
+			return /* @__PURE__ */ jsx("td", {
+				align,
+				className: cn(className, tableStyle.cell({
+					align,
+					sentiment,
+					size
+				})),
+				colSpan,
+				rowSpan,
+				style: _objectSpread2(_objectSpread2({}, assignInlineVars({
+					[widthCell]: (_context$width = context === null || context === void 0 ? void 0 : context.width) !== null && _context$width !== void 0 ? _context$width : "auto",
+					[minWidthCell]: (_context$minWidth = context === null || context === void 0 ? void 0 : context.minWidth) !== null && _context$minWidth !== void 0 ? _context$minWidth : "auto",
+					[maxWidthCell]: (_context$maxWidth = context === null || context === void 0 ? void 0 : context.maxWidth) !== null && _context$maxWidth !== void 0 ? _context$maxWidth : "none"
+				})), style),
+				children
+			});
+		};
+		Cell.displayName = "Table.Cell";
+	}))();
+}
+
+//#endregion
+init_Cell();
+export { Cell, init_Cell };

package/dist/components/Data Display/Table/Header.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../../src/components/Data Display/Table/Header.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGtC,KAAK,WAAW,GAAG;IACjB,QAAQ,EAAE,SAAS,CAAA;IACnB,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB,CAAA;AAED,eAAO,MAAM,MAAM,8BAA+B,WAAW,gCAE5D,CAAA"}

package/dist/components/Data Display/Table/Header.js

@@ -0,0 +1,20 @@
+'use client';
+import { __esmMin, __name } from "../../../_virtual/_rolldown/runtime.js";
+import { init_styles_css, tableStyle } from "./styles.css.js";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/Data Display/Table/Header.tsx
+var Header;
+function init_Header() {
+	return (init_Header = __esmMin(() => {
+		init_styles_css();
+		Header = ({ children, highlighted }) => /* @__PURE__ */ jsx("thead", {
+			className: tableStyle.header({ highlighted }),
+			children
+		});
+	}))();
+}
+
+//#endregion
+init_Header();
+export { Header, init_Header };

package/dist/components/Data Display/Table/HeaderCell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderCell.d.ts","sourceRoot":"","sources":["../../../../src/components/Data Display/Table/HeaderCell.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAQtC,KAAK,eAAe,GAAG;IACrB,QAAQ,EAAE,SAAS,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,cAAc,CAAC,EAAE,KAAK,GAAG,MAAM,GAAG,MAAM,CAAA;IACxC,OAAO,CAAC,EAAE,CAAC,QAAQ,EAAE,KAAK,GAAG,MAAM,KAAK,IAAI,CAAA;IAC5C,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAA;IACnC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB,CAAA;AAED,eAAO,MAAM,UAAU,qHAYpB,eAAe,gCAwDjB,CAAA"}

package/dist/components/Data Display/Table/HeaderCell.js

@@ -0,0 +1,80 @@
+'use client';
+import { __esmMin, __name } from "../../../_virtual/_rolldown/runtime.js";
+import { Tooltip, init_Tooltip } from "../../Overlay/Tooltip/index.js";
+import { Text, init_Text } from "../../Typography/Text/index.js";
+import { init_styles_css, tableStyle } from "./styles.css.js";
+import { init_TableContext, useTableContext } from "./TableContext.js";
+import { headerCellMaxWidth, headerCellMinWidth, headerCellWidth, init_variables_css } from "./variables.css.js";
+import { SortIcon, init_SortIcon } from "./SortIcon.js";
+import { cn } from "@ultraviolet/utils";
+import { assignInlineVars } from "@vanilla-extract/dynamic";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { InformationOutlineIcon } from "@ultraviolet/icons/InformationOutlineIcon";
+
+//#region src/components/Data Display/Table/HeaderCell.tsx
+var HeaderCell;
+function init_HeaderCell() {
+	return (init_HeaderCell = __esmMin(() => {
+		init_Tooltip();
+		init_Text();
+		init_SortIcon();
+		init_TableContext();
+		init_styles_css();
+		init_variables_css();
+		HeaderCell = ({ children, className, isOrdered, onOrder, orderDirection, info, align, width, maxWidth, minWidth, isCheckbox }) => {
+			let order;
+			if (isOrdered && orderDirection === "asc") order = "ascending";
+			else if (isOrdered && orderDirection === "desc") order = "descending";
+			const handleOrder = onOrder ? () => onOrder(order === "ascending" ? "desc" : "asc") : void 0;
+			const { size } = useTableContext();
+			return /* @__PURE__ */ jsx("th", {
+				align,
+				"aria-sort": order,
+				className: cn(className, tableStyle.headerCell({
+					align,
+					checked: isCheckbox,
+					size
+				})),
+				onClick: handleOrder,
+				onKeyDown: handleOrder ? (event) => {
+					if (event.key === " " || event.key === "Enter") {
+						handleOrder();
+						if (event.key === " ") event.preventDefault();
+					}
+				} : void 0,
+				role: onOrder ? "button columnheader" : void 0,
+				style: assignInlineVars({
+					[headerCellWidth]: width !== null && width !== void 0 ? width : "auto",
+					[headerCellMaxWidth]: maxWidth !== null && maxWidth !== void 0 ? maxWidth : "none",
+					[headerCellMinWidth]: minWidth !== null && minWidth !== void 0 ? minWidth : "auto"
+				}),
+				tabIndex: handleOrder ? 0 : -1,
+				children: /* @__PURE__ */ jsxs(Text, {
+					as: "div",
+					className: tableStyle.headerCellText,
+					sentiment: order === void 0 ? "neutral" : "primary",
+					variant: "bodySmallStronger",
+					children: [
+						children,
+						info ? /* @__PURE__ */ jsx(Tooltip, {
+							text: info,
+							children: /* @__PURE__ */ jsx(InformationOutlineIcon, {
+								prominence: "weak",
+								sentiment: "neutral",
+								size: "small"
+							})
+						}) : null,
+						orderDirection !== void 0 && isOrdered !== void 0 ? /* @__PURE__ */ jsx(SortIcon, {
+							"aria-disabled": !onOrder,
+							order
+						}) : null
+					]
+				})
+			});
+		};
+	}))();
+}
+
+//#endregion
+init_HeaderCell();
+export { HeaderCell, init_HeaderCell };

package/dist/components/Data Display/Table/HeaderRow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderRow.d.ts","sourceRoot":"","sources":["../../../../src/components/Data Display/Table/HeaderRow.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAMtC,KAAK,cAAc,GAAG;IACpB,QAAQ,EAAE,SAAS,CAAA;IACnB,kBAAkB,EAAE,OAAO,CAAA;CAC5B,CAAA;AAED,eAAO,MAAM,SAAS,qCAAsC,cAAc,gCAyBzE,CAAA"}

package/dist/components/Data Display/Table/HeaderRow.js

@@ -0,0 +1,45 @@
+'use client';
+import { __esmMin, __name } from "../../../_virtual/_rolldown/runtime.js";
+import { Checkbox, init_Checkbox } from "../../Data Entry/Checkbox/index.js";
+import { init_TableContext, useTableContext } from "./TableContext.js";
+import { HeaderCell, init_HeaderCell } from "./HeaderCell.js";
+import { SELECTABLE_CHECKBOX_SIZE, init_constants } from "./constants.js";
+import { useTheme } from "@ultraviolet/themes";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/Data Display/Table/HeaderRow.tsx
+var HeaderRow;
+function init_HeaderRow() {
+	return (init_HeaderRow = __esmMin(() => {
+		init_Checkbox();
+		init_constants();
+		init_HeaderCell();
+		init_TableContext();
+		HeaderRow = ({ children, hasSelectAllColumn }) => {
+			const { allRowSelectValue, selectAllHandler, selectedRowIds, expandButton } = useTableContext();
+			const theme = useTheme();
+			const { size } = useTableContext();
+			const selectableRowCount = Object.keys(selectedRowIds).length;
+			return /* @__PURE__ */ jsxs("tr", { children: [
+				hasSelectAllColumn ? /* @__PURE__ */ jsx(HeaderCell, {
+					isCheckbox: true,
+					maxWidth: theme.sizing[SELECTABLE_CHECKBOX_SIZE[size]],
+					children: /* @__PURE__ */ jsx(Checkbox, {
+						"aria-label": "select all",
+						checked: allRowSelectValue,
+						disabled: selectableRowCount === 0,
+						name: "table-select-all-checkbox",
+						onChange: selectAllHandler,
+						value: "all"
+					})
+				}) : null,
+				expandButton ? /* @__PURE__ */ jsx(HeaderCell, { children: null }) : null,
+				children
+			] });
+		};
+	}))();
+}
+
+//#endregion
+init_HeaderRow();
+export { HeaderRow, init_HeaderRow };

package/dist/components/Data Display/Table/Row.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Row.d.ts","sourceRoot":"","sources":["../../../../src/components/Data Display/Table/Row.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAa,MAAM,OAAO,CAAA;AAUhE,KAAK,QAAQ,GAAG;IACd,QAAQ,EAAE,SAAS,CAAA;IACnB,UAAU,CAAC,EAAE,SAAS,CAAA;IACtB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,EAAE,EAAE,MAAM,CAAA;IACV,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;IACjC,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;4BAEmB,EAClB,QAAQ,EACR,SAAS,EACT,EAAE,EACF,cAAc,EACd,kBAAkB,EAClB,UAAU,EACV,QAAQ,EACR,KAAK,EACL,aAAa,EAAE,UAAU,GAC1B,EAAE,QAAQ"}