odaptos_design_system 2.0.350 → 2.0.351

package/dist/index.cjs

@@ -13335,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": "",
@@ -13751,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": "",
@@ -13761,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
@@ -13797,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,
@@ -14637,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
@@ -14672,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,
@@ -16520,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,
@@ -16536,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 }));
 }
@@ -74105,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;
@@ -78179,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;