@ultraviolet/ui 3.21.0 → 3.21.2

package/dist/compositions/InfoTable/components/Cell.js

@@ -1,6 +1,7 @@
 'use client';
 import { __esmMin, __name } from "../../../_virtual/_rolldown/runtime.js";
 import { Stack, init_Stack } from "../../../components/Stack/index.js";
+import { init_isStringOrNumberArray, isStringOrNumberArray } from "../../../helpers/isStringOrNumberArray.js";
 import { Text, init_Text } from "../../../components/Text/index.js";
 import { InfoTableContext, init_Context } from "../Context.js";
 import { infoTableStyle, init_styles_css } from "../styles.css.js";
@@ -10,38 +11,41 @@ import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/compositions/InfoTable/components/Cell.tsx
 var InfoTableCell;
-var init_Cell = __esmMin(() => {
-	init_Stack();
-	init_Text();
-	init_Context();
-	init_styles_css();
-	InfoTableCell = ({ children, title, multiline = false, style }) => {
-		const { size } = useContext(InfoTableContext);
-		return /* @__PURE__ */ jsxs(Stack, {
-			gap: "0.5",
-			minWidth: "0",
-			style,
-			width: "100%",
-			children: [/* @__PURE__ */ jsx(Text, {
-				as: "dt",
-				className: infoTableStyle.term,
-				prominence: "weak",
-				sentiment: "neutral",
-				variant: size === "small" ? "captionStrong" : "bodySmallStrong",
-				children: title
-			}), /* @__PURE__ */ jsx(Text, {
-				as: "dd",
-				className: cn(infoTableStyle.desc, typeof children === "string" ? "" : infoTableStyle.descFlex),
-				oneLine: !multiline,
-				prominence: "default",
-				sentiment: "neutral",
-				variant: size === "small" ? "bodySmall" : "body",
-				children
-			})]
-		});
-	};
-	InfoTableCell.displayName = "Infotable.Cell";
-});
+function init_Cell() {
+	return (init_Cell = __esmMin(() => {
+		init_Stack();
+		init_Text();
+		init_isStringOrNumberArray();
+		init_Context();
+		init_styles_css();
+		InfoTableCell = ({ children, title, multiline = false, style }) => {
+			const { size } = useContext(InfoTableContext);
+			return /* @__PURE__ */ jsxs(Stack, {
+				gap: "0.5",
+				minWidth: "0",
+				style,
+				width: "100%",
+				children: [/* @__PURE__ */ jsx(Text, {
+					as: "dt",
+					className: infoTableStyle.term,
+					prominence: "weak",
+					sentiment: "neutral",
+					variant: size === "small" ? "captionStrong" : "bodySmallStrong",
+					children: title
+				}), /* @__PURE__ */ jsx(Text, {
+					as: "dd",
+					className: cn(infoTableStyle.desc, typeof children === "string" || isStringOrNumberArray(children) ? "" : infoTableStyle.descFlex),
+					oneLine: !multiline,
+					prominence: "default",
+					sentiment: "neutral",
+					variant: size === "small" ? "bodySmall" : "body",
+					children
+				})]
+			});
+		};
+		InfoTableCell.displayName = "Infotable.Cell";
+	}))();
+}
 
 //#endregion
 init_Cell();

package/dist/compositions/InfoTable/components/CellWithCopyButton.js

@@ -7,36 +7,38 @@ import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/compositions/InfoTable/components/CellWithCopyButton.tsx
 var CellWithCopyButton;
-var init_CellWithCopyButton = __esmMin(() => {
-	init_CopyButton();
-	init_Row();
-	init_Text();
-	init_Cell();
-	CellWithCopyButton = ({ copyContent, title, multiline, style, children, buttonSize, copiedText, copyText, onCopy }) => /* @__PURE__ */ jsx(InfoTableCell, {
-		multiline,
-		style,
-		title,
-		children: /* @__PURE__ */ jsxs(Row, {
-			alignItems: "center",
-			gap: 1,
-			templateColumns: "1fr auto",
-			children: [/* @__PURE__ */ jsx(Text, {
-				as: "p",
-				oneLine: true,
-				variant: "body",
-				children
-			}), /* @__PURE__ */ jsx(CopyButton, {
-				copiedText,
-				copyText,
-				onCopy,
-				sentiment: "neutral",
-				size: buttonSize,
-				value: copyContent
-			})]
-		})
-	});
-	CellWithCopyButton.displayName = "Infotable.Button";
-});
+function init_CellWithCopyButton() {
+	return (init_CellWithCopyButton = __esmMin(() => {
+		init_CopyButton();
+		init_Row();
+		init_Text();
+		init_Cell();
+		CellWithCopyButton = ({ copyContent, title, multiline, style, children, buttonSize, copiedText, copyText, onCopy }) => /* @__PURE__ */ jsx(InfoTableCell, {
+			multiline,
+			style,
+			title,
+			children: /* @__PURE__ */ jsxs(Row, {
+				alignItems: "center",
+				gap: 1,
+				templateColumns: "1fr auto",
+				children: [/* @__PURE__ */ jsx(Text, {
+					as: "p",
+					oneLine: true,
+					variant: "body",
+					children
+				}), /* @__PURE__ */ jsx(CopyButton, {
+					copiedText,
+					copyText,
+					onCopy,
+					sentiment: "neutral",
+					size: buttonSize,
+					value: copyContent
+				})]
+			})
+		});
+		CellWithCopyButton.displayName = "Infotable.Button";
+	}))();
+}
 
 //#endregion
 init_CellWithCopyButton();

package/dist/compositions/InfoTable/components/Row.js

@@ -1,6 +1,6 @@
 'use client';
 import { __esmMin, __name } from "../../../_virtual/_rolldown/runtime.js";
-import _objectSpread2, { init_objectSpread2 } from "../../../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/objectSpread2.js";
+import _objectSpread2, { init_objectSpread2 } from "../../../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectSpread2.js";
 import { Row, init_Row as init_Row$1 } from "../../../components/Row/index.js";
 import { InfoTableContext, init_Context } from "../Context.js";
 import { infoTableStyle, init_styles_css, rowWidth } from "../styles.css.js";
@@ -10,23 +10,25 @@ import { jsx } from "react/jsx-runtime";
 
 //#region src/compositions/InfoTable/components/Row.tsx
 var InfoTableRow;
-var init_Row = __esmMin(() => {
-	init_Row$1();
-	init_Context();
-	init_styles_css();
-	init_objectSpread2();
-	InfoTableRow = ({ children, templateColumns, style }) => {
-		const { width, size } = useContext(InfoTableContext);
-		return /* @__PURE__ */ jsx(Row, {
-			className: infoTableStyle.row({ size }),
-			style: _objectSpread2(_objectSpread2({}, assignInlineVars({ [rowWidth]: width !== null && width !== void 0 ? width : "100%" })), style),
-			templateColumns,
-			gap: 2,
-			children
-		});
-	};
-	InfoTableRow.displayName = "Infotable.Row";
-});
+function init_Row() {
+	return (init_Row = __esmMin(() => {
+		init_Row$1();
+		init_Context();
+		init_styles_css();
+		init_objectSpread2();
+		InfoTableRow = ({ children, templateColumns, style }) => {
+			const { width, size } = useContext(InfoTableContext);
+			return /* @__PURE__ */ jsx(Row, {
+				className: infoTableStyle.row({ size }),
+				style: _objectSpread2(_objectSpread2({}, assignInlineVars({ [rowWidth]: width !== null && width !== void 0 ? width : "100%" })), style),
+				templateColumns,
+				gap: 2,
+				children
+			});
+		};
+		InfoTableRow.displayName = "Infotable.Row";
+	}))();
+}
 
 //#endregion
 init_Row();

package/dist/compositions/InfoTable/index.d.ts

@@ -1,4 +1,7 @@
 import type { CSSProperties, ReactNode } from 'react';
+import { InfoTableCell } from './components/Cell';
+import { CellWithCopyButton } from './components/CellWithCopyButton';
+import { InfoTableRow } from './components/Row';
 type InfoTableProps = {
     children: ReactNode;
     width?: string;
@@ -8,29 +11,18 @@ type InfoTableProps = {
     header?: ReactNode;
     style?: CSSProperties;
 };
-export declare const InfoTable: {
+/**
+ * Use this component to display offers.
+ * Create rows with `InfoTable.Row` and place cells within each row using `InfoTable.Cell`.
+ */
+declare const BaseInfoTable: {
     ({ children, width, className, style, 'data-testid': dataTestId, header, size, }: InfoTableProps): import("react").JSX.Element;
     displayName: string;
-} & {
-    Row: {
-        ({ children, templateColumns, style }: {
-            children: ReactNode;
-            templateColumns: string;
-            style?: CSSProperties;
-        }): import("react").JSX.Element;
-        displayName: string;
-    };
-    Cell: {
-        ({ children, title, multiline, style }: import("./components/Cell").CellProps): import("react").JSX.Element;
-        displayName: string;
-    };
-    CellWithCopyButton: {
-        ({ copyContent, title, multiline, style, children, buttonSize, copiedText, copyText, onCopy, }: {
-            copyContent: string;
-            buttonSize?: import("react").ComponentProps<typeof import("../..").CopyButton>['size'];
-        } & import("./components/Cell").CellProps & Pick<import("react").ComponentProps<typeof import("../..").CopyButton>, 'copiedText' | 'copyText' | 'onCopy'>): import("react").JSX.Element;
-        displayName: string;
-    };
+};
+export declare const InfoTable: typeof BaseInfoTable & {
+    Row: typeof InfoTableRow;
+    Cell: typeof InfoTableCell;
+    CellWithCopyButton: typeof CellWithCopyButton;
 };
 export {};
 //# sourceMappingURL=index.d.ts.map

package/dist/compositions/InfoTable/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/compositions/InfoTable/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAQrD,KAAK,cAAc,GAAG;IACpB,QAAQ,EAAE,SAAS,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,OAAO,GAAG,OAAO,CAAA;IACxB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AAoDD,eAAO,MAAM,SAAS;sFAtCnB,cAAc;;;;;;;;;;;;;;;;;;;;;;CA0Cf,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/compositions/InfoTable/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAErD,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AACjD,OAAO,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAA;AACpE,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAI/C,KAAK,cAAc,GAAG;IACpB,QAAQ,EAAE,SAAS,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,OAAO,GAAG,OAAO,CAAA;IACxB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AAED;;;GAGG;AACH,QAAA,MAAM,aAAa;sFAQhB,cAAc;;CAkChB,CAAA;AAID,eAAO,MAAM,SAAS;;;;CAIpB,CAAA"}

package/dist/compositions/InfoTable/index.js

@@ -2,7 +2,6 @@
 import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
 import { Text, init_Text } from "../../components/Text/index.js";
 import { Card, init_Card } from "../../components/Card/index.js";
-import { init_components } from "../../components/index.js";
 import { InfoTableContext, init_Context } from "./Context.js";
 import { infoTableStyle, init_styles_css } from "./styles.css.js";
 import { InfoTableCell, init_Cell } from "./components/Cell.js";
@@ -14,50 +13,52 @@ import { jsx } from "react/jsx-runtime";
 
 //#region src/compositions/InfoTable/index.tsx
 var BaseInfoTable, InfoTable;
-var init_InfoTable = __esmMin(() => {
-	init_components();
-	init_Cell();
-	init_CellWithCopyButton();
-	init_Row();
-	init_Context();
-	init_styles_css();
-	BaseInfoTable = ({ children, width, className, style, "data-testid": dataTestId, header, size = "large" }) => {
-		const value = useMemo(() => ({
-			width,
-			size
-		}), [width, size]);
-		return /* @__PURE__ */ jsx(InfoTableContext.Provider, {
-			value,
-			children: header ? /* @__PURE__ */ jsx(Card, {
-				className: infoTableStyle.card[size],
-				header: typeof header === "string" ? /* @__PURE__ */ jsx(Text, {
-					as: "h2",
-					prominence: "strong",
-					sentiment: "neutral",
-					variant: size === "small" ? "headingSmall" : "heading",
-					children: header
-				}) : header,
-				children: /* @__PURE__ */ jsx("dl", {
+function init_InfoTable() {
+	return (init_InfoTable = __esmMin(() => {
+		init_Card(), init_Text();
+		init_Cell();
+		init_CellWithCopyButton();
+		init_Row();
+		init_Context();
+		init_styles_css();
+		BaseInfoTable = ({ children, width, className, style, "data-testid": dataTestId, header, size = "large" }) => {
+			const value = useMemo(() => ({
+				width,
+				size
+			}), [width, size]);
+			return /* @__PURE__ */ jsx(InfoTableContext.Provider, {
+				value,
+				children: header ? /* @__PURE__ */ jsx(Card, {
+					className: infoTableStyle.card[size],
+					header: typeof header === "string" ? /* @__PURE__ */ jsx(Text, {
+						as: "h2",
+						prominence: "strong",
+						sentiment: "neutral",
+						variant: size === "small" ? "headingSmall" : "heading",
+						children: header
+					}) : header,
+					children: /* @__PURE__ */ jsx("dl", {
+						className: cn(className, infoTableStyle.dl),
+						"data-testid": dataTestId,
+						style,
+						children
+					})
+				}) : /* @__PURE__ */ jsx("dl", {
 					className: cn(className, infoTableStyle.dl),
 					"data-testid": dataTestId,
 					style,
 					children
 				})
-			}) : /* @__PURE__ */ jsx("dl", {
-				className: cn(className, infoTableStyle.dl),
-				"data-testid": dataTestId,
-				style,
-				children
-			})
+			});
+		};
+		BaseInfoTable.displayName = "Infotable";
+		InfoTable = Object.assign(BaseInfoTable, {
+			Row: InfoTableRow,
+			Cell: InfoTableCell,
+			CellWithCopyButton
 		});
-	};
-	BaseInfoTable.displayName = "Infotable";
-	InfoTable = Object.assign(BaseInfoTable, {
-		Row: InfoTableRow,
-		Cell: InfoTableCell,
-		CellWithCopyButton
-	});
-});
+	}))();
+}
 
 //#endregion
 init_InfoTable();