odaptos_design_system 2.0.349 → 2.0.351

package/dist/index.cjs

@@ -319,9 +319,15 @@ style_inject_es_default(css_248z$82);
 * Supports: **bold**, *italic*, __underline__ (or <u>underline</u>), `code`, line breaks, and simple lists.
 */
 const renderInlineMarkdown = (rawText) => {
-	if (rawText === null || rawText === void 0) return rawText;
-	if (typeof rawText !== "string") return rawText;
-	if (rawText.length === 0) return rawText;
+	const normalizeToDisplayText = (value) => {
+		if (value === null || value === void 0) return "";
+		if (typeof value === "string") return value;
+		if (value instanceof String) return value.toString();
+		if (typeof value === "number" || typeof value === "boolean" || typeof value === "bigint") return String(value);
+		return "";
+	};
+	const normalizedText = normalizeToDisplayText(rawText);
+	if (normalizedText.length === 0) return normalizedText;
 	const renderCode = (text) => {
 		return text.split(/`([^`]+)`/g).map((part, index) => {
 			if (!(index % 2 === 1)) return part;
@@ -427,40 +433,44 @@ const renderInlineMarkdown = (rawText) => {
 		const codeNodes = renderCode(text);
 		return renderStrongAndEm(codeNodes);
 	};
-	const lines = rawText.split("\n");
-	const blocks = [];
-	let i = 0;
-	while (i < lines.length) {
-		const line = lines[i] ?? "";
-		const unorderedMatch = line.match(/^\s*[-*]\s+(.*)$/);
-		const orderedMatch = line.match(/^\s*(\d+)\.\s+(.*)$/);
-		if (unorderedMatch) {
-			const items = [];
-			while (i < lines.length) {
-				const match = (lines[i] ?? "").match(/^\s*[-*]\s+(.*)$/);
-				if (!match) break;
-				items.push(match[1]);
-				i += 1;
+	try {
+		const lines = normalizedText.split("\n");
+		const blocks = [];
+		let i = 0;
+		while (i < lines.length) {
+			const line = lines[i] ?? "";
+			const unorderedMatch = line.match(/^\s*[-*]\s+(.*)$/);
+			const orderedMatch = line.match(/^\s*(\d+)\.\s+(.*)$/);
+			if (unorderedMatch) {
+				const items = [];
+				while (i < lines.length) {
+					const match = (lines[i] ?? "").match(/^\s*[-*]\s+(.*)$/);
+					if (!match) break;
+					items.push(match[1]);
+					i += 1;
+				}
+				blocks.push(/* @__PURE__ */ react.default.createElement("ul", { key: `ul-${blocks.length}` }, items.map((item, index) => /* @__PURE__ */ react.default.createElement("li", { key: `ul-li-${index}` }, renderInline(item)))));
+				continue;
 			}
-			blocks.push(/* @__PURE__ */ react.default.createElement("ul", { key: `ul-${blocks.length}` }, items.map((item, index) => /* @__PURE__ */ react.default.createElement("li", { key: `ul-li-${index}` }, renderInline(item)))));
-			continue;
-		}
-		if (orderedMatch) {
-			const items = [];
-			while (i < lines.length) {
-				const match = (lines[i] ?? "").match(/^\s*\d+\.\s+(.*)$/);
-				if (!match) break;
-				items.push(match[1]);
-				i += 1;
+			if (orderedMatch) {
+				const items = [];
+				while (i < lines.length) {
+					const match = (lines[i] ?? "").match(/^\s*\d+\.\s+(.*)$/);
+					if (!match) break;
+					items.push(match[1]);
+					i += 1;
+				}
+				blocks.push(/* @__PURE__ */ react.default.createElement("ol", { key: `ol-${blocks.length}` }, items.map((item, index) => /* @__PURE__ */ react.default.createElement("li", { key: `ol-li-${index}` }, renderInline(item)))));
+				continue;
 			}
-			blocks.push(/* @__PURE__ */ react.default.createElement("ol", { key: `ol-${blocks.length}` }, items.map((item, index) => /* @__PURE__ */ react.default.createElement("li", { key: `ol-li-${index}` }, renderInline(item)))));
-			continue;
+			blocks.push(/* @__PURE__ */ react.default.createElement(react.default.Fragment, { key: `p-${blocks.length}` }, renderInline(line)));
+			if (i < lines.length - 1) blocks.push(/* @__PURE__ */ react.default.createElement("br", { key: `br-${blocks.length}` }));
+			i += 1;
 		}
-		blocks.push(/* @__PURE__ */ react.default.createElement(react.default.Fragment, { key: `p-${blocks.length}` }, renderInline(line)));
-		if (i < lines.length - 1) blocks.push(/* @__PURE__ */ react.default.createElement("br", { key: `br-${blocks.length}` }));
-		i += 1;
+		return blocks;
+	} catch (error) {
+		return normalizedText;
 	}
-	return blocks;
 };
 
 //#endregion
@@ -13325,9 +13335,9 @@ function RespondentLogo({ ...rest }) {
 
 //#endregion
 //#region src/DesignTokens/Animations/lotties/recording-animation.json
-var nm$9 = "Comp 1";
+var nm$10 = "Comp 1";
 var mn = "";
-var layers$9 = [{
+var layers$10 = [{
 	"ty": 4,
 	"nm": "Shape Layer 2",
 	"mn": "",
@@ -13741,9 +13751,9 @@ var layers$9 = [{
 	}],
 	"ind": 2
 }];
-var ddd$9 = 0;
-var h$9 = 64;
-var w$9 = 64;
+var ddd$10 = 0;
+var h$10 = 64;
+var w$10 = 64;
 var meta$7 = {
 	"a": "",
 	"k": "",
@@ -13751,24 +13761,24 @@ var meta$7 = {
 	"g": "LottieFiles AE 1.0.0",
 	"tc": "#000000"
 };
-var v$9 = "4.8.0";
-var fr$12 = 29.9700012207031;
-var op$9 = 41.0000016699642;
-var ip$9 = 0;
-var assets$9 = [];
+var v$10 = "4.8.0";
+var fr$13 = 29.9700012207031;
+var op$10 = 41.0000016699642;
+var ip$10 = 0;
+var assets$10 = [];
 var recording_animation_default = {
-	nm: nm$9,
+	nm: nm$10,
 	mn,
-	layers: layers$9,
-	ddd: ddd$9,
-	h: h$9,
-	w: w$9,
+	layers: layers$10,
+	ddd: ddd$10,
+	h: h$10,
+	w: w$10,
 	meta: meta$7,
-	v: v$9,
-	fr: fr$12,
-	op: op$9,
-	ip: ip$9,
-	assets: assets$9
+	v: v$10,
+	fr: fr$13,
+	op: op$10,
+	ip: ip$10,
+	assets: assets$10
 };
 
 //#endregion
@@ -13787,12 +13797,12 @@ function RecordingAnimation({ autoplay = true, loop = true, showControls = false
 
 //#endregion
 //#region src/DesignTokens/Animations/lotties/recording-white-animation.json
-var nm$8 = "Flow 1";
-var ddd$8 = 0;
-var h$8 = 32;
-var w$8 = 32;
+var nm$9 = "Flow 1";
+var ddd$9 = 0;
+var h$9 = 32;
+var w$9 = 32;
 var meta$6 = { "g": "LottieFiles Figma v86" };
-var layers$8 = [{
+var layers$9 = [{
 	"ty": 4,
 	"nm": "Union",
 	"sr": 1,
@@ -14627,23 +14637,23 @@ var layers$8 = [{
 	],
 	"ind": 1
 }];
-var v$8 = "5.7.0";
-var fr$11 = 60;
-var op$8 = 96.06;
-var ip$8 = 0;
-var assets$8 = [];
+var v$9 = "5.7.0";
+var fr$12 = 60;
+var op$9 = 96.06;
+var ip$9 = 0;
+var assets$9 = [];
 var recording_white_animation_default = {
-	nm: nm$8,
-	ddd: ddd$8,
-	h: h$8,
-	w: w$8,
+	nm: nm$9,
+	ddd: ddd$9,
+	h: h$9,
+	w: w$9,
 	meta: meta$6,
-	layers: layers$8,
-	v: v$8,
-	fr: fr$11,
-	op: op$8,
-	ip: ip$8,
-	assets: assets$8
+	layers: layers$9,
+	v: v$9,
+	fr: fr$12,
+	op: op$9,
+	ip: ip$9,
+	assets: assets$9
 };
 
 //#endregion
@@ -14662,16 +14672,16 @@ function RecordingWhiteAnimation({ autoplay = true, loop = true, showControls =
 
 //#endregion
 //#region src/DesignTokens/Animations/lotties/sound-input-animation.json
-var v$7 = "5.5.2";
-var fr$10 = 29.9700012207031;
-var ip$7 = 0;
-var op$7 = 60.0000024438501;
-var w$7 = 488;
-var h$7 = 488;
-var nm$7 = "recording spectrum_MAIN";
-var ddd$7 = 0;
-var assets$7 = [];
-var layers$7 = [
+var v$8 = "5.5.2";
+var fr$11 = 29.9700012207031;
+var ip$8 = 0;
+var op$8 = 60.0000024438501;
+var w$8 = 488;
+var h$8 = 488;
+var nm$8 = "recording spectrum_MAIN";
+var ddd$8 = 0;
+var assets$8 = [];
+var layers$8 = [
 	{
 		"ddd": 0,
 		"ind": 1,
@@ -16510,8 +16520,505 @@ var layers$7 = [
 		"bm": 0
 	}
 ];
-var markers$7 = [];
+var markers$8 = [];
 var sound_input_animation_default = {
+	v: v$8,
+	fr: fr$11,
+	ip: ip$8,
+	op: op$8,
+	w: w$8,
+	h: h$8,
+	nm: nm$8,
+	ddd: ddd$8,
+	assets: assets$8,
+	layers: layers$8,
+	markers: markers$8
+};
+
+//#endregion
+//#region src/DesignTokens/Animations/MediaControl/SoundInputAnimation.tsx
+function SoundInputAnimation({ autoplay = true, loop = true, showControls = false, style = {
+	height: "100%",
+	width: "100%"
+} }) {
+	return /* @__PURE__ */ react.default.createElement(__lottiefiles_react_lottie_player.Player, {
+		autoplay,
+		loop,
+		src: sound_input_animation_default,
+		style
+	}, showControls && /* @__PURE__ */ react.default.createElement(__lottiefiles_react_lottie_player.Controls, { visible: true }));
+}
+
+//#endregion
+//#region src/DesignTokens/Animations/lotties/loader-circle-animation.json
+var v$7 = "5.5.5";
+var fr$10 = 25;
+var ip$7 = 0;
+var op$7 = 75;
+var w$7 = 600;
+var h$7 = 300;
+var nm$7 = "Loading-2";
+var ddd$7 = 0;
+var assets$7 = [];
+var layers$7 = [{
+	"ddd": 0,
+	"ind": 1,
+	"ty": 4,
+	"nm": "icon 2",
+	"sr": 1,
+	"ks": {
+		"o": {
+			"a": 0,
+			"k": 100,
+			"ix": 11
+		},
+		"r": {
+			"a": 1,
+			"k": [{
+				"i": {
+					"x": [.667],
+					"y": [1]
+				},
+				"o": {
+					"x": [.333],
+					"y": [0]
+				},
+				"t": 39,
+				"s": [-90]
+			}, {
+				"t": 79,
+				"s": [270]
+			}],
+			"ix": 10
+		},
+		"p": {
+			"a": 0,
+			"k": [
+				300,
+				150,
+				0
+			],
+			"ix": 2
+		},
+		"a": {
+			"a": 0,
+			"k": [
+				53,
+				53,
+				0
+			],
+			"ix": 1
+		},
+		"s": {
+			"a": 0,
+			"k": [
+				199.99999999999997,
+				200.00000000000006,
+				100
+			],
+			"ix": 6
+		}
+	},
+	"ao": 0,
+	"shapes": [{
+		"ty": "gr",
+		"it": [
+			{
+				"ind": 0,
+				"ty": "sh",
+				"ix": 1,
+				"ks": {
+					"a": 0,
+					"k": {
+						"i": [
+							[0, -15.464],
+							[15.464, 0],
+							[0, 15.464],
+							[-15.464, 0]
+						],
+						"o": [
+							[0, 15.464],
+							[-15.464, 0],
+							[0, -15.464],
+							[15.464, 0]
+						],
+						"v": [
+							[28, 0],
+							[0, 28],
+							[-28, 0],
+							[0, -28]
+						],
+						"c": true
+					},
+					"ix": 2
+				},
+				"nm": "Path 1",
+				"mn": "ADBE Vector Shape - Group",
+				"hd": false
+			},
+			{
+				"ty": "st",
+				"c": {
+					"a": 0,
+					"k": [
+						0,
+						0,
+						0,
+						1
+					],
+					"ix": 3
+				},
+				"o": {
+					"a": 0,
+					"k": 100,
+					"ix": 4
+				},
+				"w": {
+					"a": 0,
+					"k": 10,
+					"ix": 5
+				},
+				"lc": 2,
+				"lj": 1,
+				"ml": 10,
+				"bm": 0,
+				"nm": "Stroke 1",
+				"mn": "ADBE Vector Graphic - Stroke",
+				"hd": false
+			},
+			{
+				"ty": "tr",
+				"p": {
+					"a": 0,
+					"k": [53, 53],
+					"ix": 2
+				},
+				"a": {
+					"a": 0,
+					"k": [0, 0],
+					"ix": 1
+				},
+				"s": {
+					"a": 0,
+					"k": [100, 100],
+					"ix": 3
+				},
+				"r": {
+					"a": 0,
+					"k": 0,
+					"ix": 6
+				},
+				"o": {
+					"a": 0,
+					"k": 100,
+					"ix": 7
+				},
+				"sk": {
+					"a": 0,
+					"k": 0,
+					"ix": 4
+				},
+				"sa": {
+					"a": 0,
+					"k": 0,
+					"ix": 5
+				},
+				"nm": "Transform"
+			}
+		],
+		"nm": "Group 1",
+		"np": 2,
+		"cix": 2,
+		"bm": 0,
+		"ix": 1,
+		"mn": "ADBE Vector Group",
+		"hd": false
+	}, {
+		"ty": "tm",
+		"s": {
+			"a": 1,
+			"k": [{
+				"i": {
+					"x": [.667],
+					"y": [1]
+				},
+				"o": {
+					"x": [.333],
+					"y": [0]
+				},
+				"t": 51,
+				"s": [0]
+			}, {
+				"t": 79,
+				"s": [100]
+			}],
+			"ix": 1
+		},
+		"e": {
+			"a": 1,
+			"k": [{
+				"i": {
+					"x": [.667],
+					"y": [1]
+				},
+				"o": {
+					"x": [.333],
+					"y": [0]
+				},
+				"t": 39,
+				"s": [0]
+			}, {
+				"t": 64,
+				"s": [100]
+			}],
+			"ix": 2
+		},
+		"o": {
+			"a": 0,
+			"k": 0,
+			"ix": 3
+		},
+		"m": 1,
+		"ix": 2,
+		"nm": "Trim Paths 1",
+		"mn": "ADBE Vector Filter - Trim",
+		"hd": false
+	}],
+	"ip": 39,
+	"op": 79,
+	"st": 39,
+	"bm": 0
+}, {
+	"ddd": 0,
+	"ind": 2,
+	"ty": 4,
+	"nm": "icon",
+	"sr": 1,
+	"ks": {
+		"o": {
+			"a": 0,
+			"k": 100,
+			"ix": 11
+		},
+		"r": {
+			"a": 1,
+			"k": [{
+				"i": {
+					"x": [.667],
+					"y": [1]
+				},
+				"o": {
+					"x": [.333],
+					"y": [0]
+				},
+				"t": 0,
+				"s": [-90]
+			}, {
+				"t": 40,
+				"s": [270]
+			}],
+			"ix": 10
+		},
+		"p": {
+			"a": 0,
+			"k": [
+				300,
+				150,
+				0
+			],
+			"ix": 2
+		},
+		"a": {
+			"a": 0,
+			"k": [
+				53,
+				53,
+				0
+			],
+			"ix": 1
+		},
+		"s": {
+			"a": 0,
+			"k": [
+				199.99999999999997,
+				200.00000000000006,
+				100
+			],
+			"ix": 6
+		}
+	},
+	"ao": 0,
+	"shapes": [{
+		"ty": "gr",
+		"it": [
+			{
+				"ind": 0,
+				"ty": "sh",
+				"ix": 1,
+				"ks": {
+					"a": 0,
+					"k": {
+						"i": [
+							[0, -15.464],
+							[15.464, 0],
+							[0, 15.464],
+							[-15.464, 0]
+						],
+						"o": [
+							[0, 15.464],
+							[-15.464, 0],
+							[0, -15.464],
+							[15.464, 0]
+						],
+						"v": [
+							[28, 0],
+							[0, 28],
+							[-28, 0],
+							[0, -28]
+						],
+						"c": true
+					},
+					"ix": 2
+				},
+				"nm": "Path 1",
+				"mn": "ADBE Vector Shape - Group",
+				"hd": false
+			},
+			{
+				"ty": "st",
+				"c": {
+					"a": 0,
+					"k": [
+						0,
+						0,
+						0,
+						1
+					],
+					"ix": 3
+				},
+				"o": {
+					"a": 0,
+					"k": 100,
+					"ix": 4
+				},
+				"w": {
+					"a": 0,
+					"k": 10,
+					"ix": 5
+				},
+				"lc": 2,
+				"lj": 1,
+				"ml": 10,
+				"bm": 0,
+				"nm": "Stroke 1",
+				"mn": "ADBE Vector Graphic - Stroke",
+				"hd": false
+			},
+			{
+				"ty": "tr",
+				"p": {
+					"a": 0,
+					"k": [53, 53],
+					"ix": 2
+				},
+				"a": {
+					"a": 0,
+					"k": [0, 0],
+					"ix": 1
+				},
+				"s": {
+					"a": 0,
+					"k": [100, 100],
+					"ix": 3
+				},
+				"r": {
+					"a": 0,
+					"k": 0,
+					"ix": 6
+				},
+				"o": {
+					"a": 0,
+					"k": 100,
+					"ix": 7
+				},
+				"sk": {
+					"a": 0,
+					"k": 0,
+					"ix": 4
+				},
+				"sa": {
+					"a": 0,
+					"k": 0,
+					"ix": 5
+				},
+				"nm": "Transform"
+			}
+		],
+		"nm": "Group 1",
+		"np": 2,
+		"cix": 2,
+		"bm": 0,
+		"ix": 1,
+		"mn": "ADBE Vector Group",
+		"hd": false
+	}, {
+		"ty": "tm",
+		"s": {
+			"a": 1,
+			"k": [{
+				"i": {
+					"x": [.667],
+					"y": [1]
+				},
+				"o": {
+					"x": [.333],
+					"y": [0]
+				},
+				"t": 12,
+				"s": [0]
+			}, {
+				"t": 40,
+				"s": [100]
+			}],
+			"ix": 1
+		},
+		"e": {
+			"a": 1,
+			"k": [{
+				"i": {
+					"x": [.667],
+					"y": [1]
+				},
+				"o": {
+					"x": [.333],
+					"y": [0]
+				},
+				"t": 0,
+				"s": [0]
+			}, {
+				"t": 25,
+				"s": [100]
+			}],
+			"ix": 2
+		},
+		"o": {
+			"a": 0,
+			"k": 0,
+			"ix": 3
+		},
+		"m": 1,
+		"ix": 2,
+		"nm": "Trim Paths 1",
+		"mn": "ADBE Vector Filter - Trim",
+		"hd": false
+	}],
+	"ip": 0,
+	"op": 40,
+	"st": 0,
+	"bm": 0
+}];
+var markers$7 = [];
+var loader_circle_animation_default = {
 	v: v$7,
 	fr: fr$10,
 	ip: ip$7,
@@ -16526,15 +17033,44 @@ var sound_input_animation_default = {
 };
 
 //#endregion
-//#region src/DesignTokens/Animations/MediaControl/SoundInputAnimation.tsx
-function SoundInputAnimation({ autoplay = true, loop = true, showControls = false, style = {
+//#region src/DesignTokens/Animations/MediaControl/LoaderCircleAnimation.tsx
+function hexToLottieColor(hex) {
+	const cleanHex = hex.replace("#", "");
+	const r = parseInt(cleanHex.slice(0, 2), 16) / 255;
+	const g = parseInt(cleanHex.slice(2, 4), 16) / 255;
+	const b = parseInt(cleanHex.slice(4, 6), 16) / 255;
+	return [
+		r,
+		g,
+		b,
+		1
+	];
+}
+function replaceColorsInItems(items, color) {
+	items.forEach((item) => {
+		if ((item.ty === "st" || item.ty === "fl") && item.c?.k) item.c.k = color;
+		if (Array.isArray(item.it)) replaceColorsInItems(item.it, color);
+	});
+}
+function replaceLottieColors(animationData, color) {
+	const clonedData = structuredClone(animationData);
+	clonedData.layers?.forEach((layer) => {
+		if (Array.isArray(layer.shapes)) replaceColorsInItems(layer.shapes, color);
+	});
+	return clonedData;
+}
+function LoaderCircleAnimation({ autoplay = true, loop = true, showControls = false, style = {
 	height: "100%",
 	width: "100%"
-} }) {
+}, color = "#000000" }) {
+	const animationData = (0, react.useMemo)(() => {
+		return replaceLottieColors(loader_circle_animation_default, hexToLottieColor(color));
+	}, [color]);
 	return /* @__PURE__ */ react.default.createElement(__lottiefiles_react_lottie_player.Player, {
+		key: color,
 		autoplay,
 		loop,
-		src: sound_input_animation_default,
+		src: animationData,
 		style
 	}, showControls && /* @__PURE__ */ react.default.createElement(__lottiefiles_react_lottie_player.Controls, { visible: true }));
 }
@@ -74095,19 +74631,19 @@ const getHighlightedText = (description, clusters) => {
 	});
 	highlights.sort((a, b) => a.start - b.start);
 	let merged = [];
-	for (let h$10 of highlights) if (merged.length > 0 && h$10.start < merged[merged.length - 1].end) merged[merged.length - 1].end = Math.max(merged[merged.length - 1].end, h$10.end);
-	else merged.push({ ...h$10 });
-	merged.forEach((h$10, idx) => {
-		if (lastIndex < h$10.start) elements.push(description.slice(lastIndex, h$10.start));
-		const treatedHighlightColor = changeColorLuminance((0, colord.colord)(h$10.color), 90);
+	for (let h$11 of highlights) if (merged.length > 0 && h$11.start < merged[merged.length - 1].end) merged[merged.length - 1].end = Math.max(merged[merged.length - 1].end, h$11.end);
+	else merged.push({ ...h$11 });
+	merged.forEach((h$11, idx) => {
+		if (lastIndex < h$11.start) elements.push(description.slice(lastIndex, h$11.start));
+		const treatedHighlightColor = changeColorLuminance((0, colord.colord)(h$11.color), 90);
 		elements.push(/* @__PURE__ */ react.default.createElement("span", {
-			key: `highlight_${h$10.start}_${h$10.end}_${h$10.name}_${idx}`,
+			key: `highlight_${h$11.start}_${h$11.end}_${h$11.name}_${idx}`,
 			style: {
 				backgroundColor: treatedHighlightColor,
-				color: changeColorLuminance((0, colord.colord)(h$10.color), 30)
+				color: changeColorLuminance((0, colord.colord)(h$11.color), 30)
 			}
-		}, description.slice(h$10.start, h$10.end)));
-		lastIndex = h$10.end;
+		}, description.slice(h$11.start, h$11.end)));
+		lastIndex = h$11.end;
 	});
 	if (lastIndex < description.length) elements.push(description.slice(lastIndex));
 	return elements;
@@ -78169,6 +78705,7 @@ exports.Link = Link;
 exports.LinkIcon = LinkIcon;
 exports.LinkedInIcon = LinkedInIcon;
 exports.ListToDoIcon = ListToDoIcon;
+exports.LoaderCircleAnimation = LoaderCircleAnimation;
 exports.LockIcon = LockIcon;
 exports.LogoBeta = LogoBeta;
 exports.LogoBlack = LogoBlack;