@luscii-healthtech/web-ui 57.0.1 → 57.1.0

package/dist/index.development.js

@@ -372,6 +372,43 @@ const IconWrapper = (SVGComponent) => (_a) => {
   return jsxRuntime.jsx(SVGComponent, Object.assign({ role: rest.onClick ? "button" : "img", className: classes }, rest));
 };
 
+const SvgActionBloodPressureColoredIcon = (props) => jsxRuntime.jsx("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: 28, height: 28, fill: "none", viewBox: "0 0 28 28" }, props, { children: jsxRuntime.jsxs("g", { clipPath: "url(#clip0_153_5219)", children: [jsxRuntime.jsx("path", { fill: "#F09", fillRule: "evenodd", d: "M3.075 14.47s-4.917-4.927.387-9.873c0 0 1.942-2.065 5.87-1.498 2.227.322 3.1 1.383 4.581 3.626 0 0 1.836-3.558 6.696-3.57 4.14-.012 7.312 4.635 6.148 8.452 0 0-.39 1.19-2.008 2.863L13.94 25z", clipRule: "evenodd" }), jsxRuntime.jsx("path", { fill: "#fff", d: "M16.689 7.565c1.735-1.793 3.424-2.169 5.242-1.22 1.817.948 2.508 2.813 2.037 5.77a.71.71 0 0 0 .602.812.72.72 0 0 0 .825-.592c.558-3.504-.358-5.977-2.786-7.244-2.426-1.265-4.807-.736-6.967 1.496a.7.7 0 0 0 .026 1.003.73.73 0 0 0 1.021-.025", opacity: 0.232 }), jsxRuntime.jsx("path", { fill: "#6670A5", d: "M20.5 20.001a6.5 6.5 0 1 0 0-13 6.5 6.5 0 0 0 0 13" }), jsxRuntime.jsx("path", { fill: "#6670A5", d: "M22 16.502a1.5 1.5 0 0 0-3 0v9a1.5 1.5 0 1 0 3 0z" }), jsxRuntime.jsx("path", { fill: "#6670A5", d: "M24.5 27.004a1.5 1.5 0 0 0 0-3h-4a1.5 1.5 0 1 0 0 3z" }), jsxRuntime.jsx("path", { fill: "#fff", d: "M20.498 18.002a4.5 4.5 0 1 0 0-9 4.5 4.5 0 0 0 0 9" }), jsxRuntime.jsxs("g", { fill: "#009FE3", children: [jsxRuntime.jsx("path", { d: "M21 15.002a1 1 0 1 0 0-2 1 1 0 0 0 0 2" }), jsxRuntime.jsx("path", { fillRule: "evenodd", d: "M18.5 11.498a.707.707 0 0 1 1 0l2 2a.707.707 0 0 1-1 1l-2-2a.707.707 0 0 1 0-1", clipRule: "evenodd" })] })] }) }));
+var ActionBloodPressureColoredIcon = IconWrapper(SvgActionBloodPressureColoredIcon);
+
+const SvgActionCalculationColoredIcon = (props) => jsxRuntime.jsxs("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: 28, height: 28, fill: "none", viewBox: "0 0 28 28" }, props, { children: [jsxRuntime.jsx("path", { fill: "#FFEEF8", d: "M3 5a2 2 0 0 1 2-2h18a2 2 0 0 1 2 2v18a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z" }), jsxRuntime.jsx("path", { fill: "#6670A5", d: "M23 23v2H5v-2zm0-18H5v20l-.204-.01a2 2 0 0 1-1.785-1.786L3 23V5a2 2 0 0 1 2-2h18a2 2 0 0 1 2 2v18a2 2 0 0 1-1.796 1.99L23 25z" }), jsxRuntime.jsxs("g", { fill: "#6670A5", children: [jsxRuntime.jsx("path", { d: "M12 9.45a.75.75 0 0 1 0 1.5H7a.75.75 0 0 1 0-1.5zm0 7a.75.75 0 1 1 0 1.5H7a.75.75 0 0 1 0-1.5zm0 3a.75.75 0 1 1 0 1.5H7a.75.75 0 0 1 0-1.5zm9-10a.75.75 0 0 1 0 1.5h-6a.75.75 0 0 1 0-1.5zm-.348 10.34a.75.75 0 0 1-1.06 1.062l-4.243-4.243a.75.75 0 1 1 1.06-1.06z" }), jsxRuntime.jsx("path", { d: "M18.75 13.2a.75.75 0 0 1-1.5 0v-6a.75.75 0 0 1 1.5 0zm-2.341 7.652a.75.75 0 0 1-1.061-1.061l4.243-4.243a.75.75 0 1 1 1.06 1.06z" })] })] }));
+var ActionCalculationColoredIcon = IconWrapper(SvgActionCalculationColoredIcon);
+
+const SvgActionContactColoredIcon = (props) => jsxRuntime.jsxs("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: 28, height: 28, fill: "none", viewBox: "0 0 28 28" }, props, { children: [jsxRuntime.jsx("path", { fill: "#6670A5", d: "M22.322 17.704c-1.286 0-2.549-.203-3.746-.603-.586-.202-1.307-.017-1.665.355l-2.362 1.802c-2.74-1.478-4.427-3.183-5.869-5.93l1.73-2.326c.45-.454.612-1.117.418-1.74a12.2 12.2 0 0 1-.599-3.791c0-.94-1.16-1.704-1.16-1.704S7.931 3 6.793 3s-1.686.279-2.276.767S3 5.3 3 7.104C3 17.873 10.052 25 20.706 25c.93 0 2.397-.53 3.535-1.681 0 0 .759-.767.759-1.917s0-1.777-.38-2.3c-.379-.523-1.368-1.398-2.298-1.398" }), jsxRuntime.jsx("mask", { id: "a", width: 23, height: 23, x: 2, y: 3, maskUnits: "userSpaceOnUse", style: {
+  maskType: "alpha"
+}, children: jsxRuntime.jsx("path", { fill: "#6670A5", d: "M22.32 17.706a11.8 11.8 0 0 1-3.746-.604c-.587-.202-1.308-.016-1.666.355l-2.362 1.803c-2.74-1.478-4.427-3.184-5.87-5.932l1.731-2.325a1.73 1.73 0 0 0 .418-1.74 12.2 12.2 0 0 1-.6-3.792c0-.94-1.16-1.704-1.16-1.704S7.927 3 6.79 3s-1.686.279-2.276.767S2.996 5.3 2.996 7.104c0 10.77 7.052 17.898 17.708 17.898.93 0 2.397-.53 3.535-1.68 0 0 .759-.768.759-1.918s0-1.778-.38-2.3c-.379-.523-1.369-1.398-2.298-1.398" }) }), jsxRuntime.jsx("g", { fill: "#ABA1D2", mask: "url(#a)", children: jsxRuntime.jsx("path", { d: "M20.985 14.477c2.008.261 3.504 1.49 3.341 2.743-.163 1.254-2.036 1.682-4.044 1.42-2.009-.26-3.392-1.112-3.229-2.366.163-1.253 1.924-2.058 3.932-1.797m-7.023-7.704c.386 1.989-.413 3.816-1.785 4.083-1.371.266-2.438-1.363-2.824-3.35-.386-1.989.054-3.583 1.426-3.85s2.797 1.13 3.183 3.117" }) })] }));
+var ActionContactColoredIcon = IconWrapper(SvgActionContactColoredIcon);
+
+const SvgActionHeartRateColoredIcon = (props) => jsxRuntime.jsxs("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: 28, height: 28, fill: "none", viewBox: "0 0 28 28" }, props, { children: [jsxRuntime.jsx("path", { fill: "#F09", fillRule: "evenodd", d: "M3.075 14.469s-4.917-4.927.387-9.872c0 0 1.942-2.065 5.87-1.499 2.227.323 3.1 1.383 4.581 3.627 0 0 1.836-3.558 6.696-3.571 4.14-.011 7.312 4.636 6.148 8.452 0 0-.39 1.19-2.008 2.863L13.94 25z", clipRule: "evenodd" }), jsxRuntime.jsx("path", { fill: "#fff", fillOpacity: 0.5, d: "M18.159 20.89q.077-.935.077-1.892c0-4.631-1.625-8.912-4.26-12.384l-.063.11a28 28 0 0 0-.86-1.245 22 22 0 0 0-1.474-1.542c-.605-.434-1.305-.702-2.247-.839-3.928-.566-5.87 1.499-5.87 1.499-5.304 4.945-.387 9.872-.387 9.872L13.94 25z" })] }));
+var ActionHeartRateColoredIcon = IconWrapper(SvgActionHeartRateColoredIcon);
+
+const SvgActionInformationColoredIcon = (props) => jsxRuntime.jsxs("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: 28, height: 28, fill: "none", viewBox: "0 0 28 28" }, props, { children: [jsxRuntime.jsx("circle", { cx: 14, cy: 11, r: 8, fill: "#FFDA7B" }), jsxRuntime.jsx("path", { fill: "#FFDA7B", d: "M12 18h4v2h-4z" }), jsxRuntime.jsx("circle", { cx: 14, cy: 11, r: 6, fill: "#FFE5A4" }), jsxRuntime.jsx("rect", { width: 7, height: 2, x: 10.5, y: 19, fill: "#6670A5", rx: 1 }), jsxRuntime.jsx("rect", { width: 7, height: 2, x: 10.5, y: 21, fill: "#515B91", rx: 1 }), jsxRuntime.jsx("rect", { width: 7, height: 2, x: 10.5, y: 23, fill: "#6670A5", rx: 1 })] }));
+var ActionInformationColoredIcon = IconWrapper(SvgActionInformationColoredIcon);
+
+const SvgActionLessonColoredIcon = (props) => jsxRuntime.jsxs("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: 28, height: 28, fill: "none", viewBox: "0 0 28 28" }, props, { children: [jsxRuntime.jsx("rect", { width: 22, height: 19, x: 3, y: 6, fill: "#6670A5", rx: 1 }), jsxRuntime.jsx("path", { fill: "#ECD0B0", d: "M5 3c8.55 0 9 2.74 9 2.74V24s-2.7-1.826-9-1.826zm9 2.74S14 3 23 3v19.174c-6.3 0-9 1.826-9 1.826z" }), jsxRuntime.jsx("path", { fill: "#000", fillOpacity: 0.33, d: "M14.5 23a.5.5 0 0 1-1 0V7a.5.5 0 0 1 1 0z" })] }));
+var ActionLessonColoredIcon = IconWrapper(SvgActionLessonColoredIcon);
+
+const SvgActionLungsColoredIcon = (props) => jsxRuntime.jsxs("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: 28, height: 28, fill: "none", viewBox: "0 0 28 28" }, props, { children: [jsxRuntime.jsx("path", { fill: "#6ABFA5", d: "M3 13C3 6.925 7.925 2 14 2s11 4.925 11 11v10.94c0 .767-.96 1.212-1.615.811-.759-.465-1.683-.887-2.54-.887-2.323 0-2.496 2.371-3.79 2.096-1.358-.289-1.808-1.901-3.177-2.096-1.597-.228-2.087 1.735-3.667 2.096-1.696.388-2.065-2.18-3.789-2.096-.565.027-1.191.334-1.753.704-.656.433-1.669.001-1.669-.785z" }), jsxRuntime.jsx("ellipse", { cx: 10.5, cy: 9.5, fill: "#000", fillOpacity: 0.1, rx: 2.5, ry: 3.5 }), jsxRuntime.jsx("ellipse", { cx: 17.5, cy: 9.5, fill: "#000", fillOpacity: 0.1, rx: 2.5, ry: 3.5 })] }));
+var ActionLungsColoredIcon = IconWrapper(SvgActionLungsColoredIcon);
+
+const SvgActionMedicationColoredIcon = (props) => jsxRuntime.jsxs("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: 28, height: 28, fill: "none", viewBox: "0 0 28 28" }, props, { children: [jsxRuntime.jsx("path", { fill: "#6670A5", d: "M14 6.519a6 6 0 0 1 8.485 8.485l-4.243 4.243-8.485-8.485z" }), jsxRuntime.jsx("path", { fill: "#FF83B4", d: "M13.999 23.492a6 6 0 1 1-8.486-8.485l4.243-4.243 8.485 8.486z" })] }));
+var ActionMedicationColoredIcon = IconWrapper(SvgActionMedicationColoredIcon);
+
+const SvgActionStarColoredIcon = (props) => jsxRuntime.jsxs("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: 28, height: 28, fill: "none", viewBox: "0 0 28 28" }, props, { children: [jsxRuntime.jsx("path", { fill: "#FFE77D", d: "M13.141 3.442c.408-.59 1.31-.59 1.718 0l3.575 5.17c.137.199.343.343.582.407l6.23 1.665c.71.19.988 1.013.53 1.567l-4.02 4.86a.96.96 0 0 0-.222.657l.275 6.2c.031.707-.699 1.216-1.39.969l-6.06-2.167a1.07 1.07 0 0 0-.719 0l-6.06 2.167c-.69.247-1.42-.262-1.389-.969l.275-6.2a.96.96 0 0 0-.222-.656l-4.02-4.86c-.458-.555-.18-1.379.53-1.568l6.23-1.665a1.03 1.03 0 0 0 .582-.406z" }), jsxRuntime.jsx("rect", { width: 2, height: 4, x: 10, y: 11, fill: "#6670A5", rx: 1 }), jsxRuntime.jsx("rect", { width: 2, height: 4, x: 16, y: 11, fill: "#6670A5", rx: 1 }), jsxRuntime.jsx("path", { stroke: "#fff", strokeLinecap: "round", strokeOpacity: 0.3, d: "m13.287 3.59 4 5.5 6 1.5" })] }));
+var ActionStarColoredIcon = IconWrapper(SvgActionStarColoredIcon);
+
+const SvgActionStepsColoredIcon = (props) => jsxRuntime.jsx("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: 28, height: 28, fill: "none", viewBox: "0 0 28 28" }, props, { children: jsxRuntime.jsx("g", { clipPath: "url(#clip0_153_5219)", children: jsxRuntime.jsx("path", { fill: "#6670A5", fillRule: "evenodd", d: "M17.405 19.929c1.5.513 2.85.861 4.749 1.48-.75 9.361-9.497 5.644-4.749-1.48m-5.81-1.993c4.748 8.125-3.999 12.363-4.749 1.689 1.9-.707 3.248-1.104 4.749-1.69m14.397-7.938c.136 3.252-1.495 7.997-2.996 9.145a61 61 0 0 1-4.542-1.4 211 211 0 0 1-.85-5.287c-.37-2.455.874-5.945 3-7.101 3.713-1.454 5.308 1.854 5.388 4.643M8.887 1.405c2.319 1.318 3.676 5.298 3.273 8.098a250 250 0 0 1-.928 6.03 65 65 0 0 1-4.955 1.596C4.64 15.82 2.86 10.41 3.01 6.7c.087-3.18 1.827-6.954 5.878-5.295", clipRule: "evenodd" }) }) }));
+var ActionStepsColoredIcon = IconWrapper(SvgActionStepsColoredIcon);
+
+const SvgActionWeightColoredIcon = (props) => jsxRuntime.jsxs("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: 28, height: 28, fill: "none", viewBox: "0 0 28 28" }, props, { children: [jsxRuntime.jsx("path", { fill: "#6670A5", fillRule: "evenodd", d: "M7.185 2.6q3.162-.6 6.507-.6 4.372 0 8.748 1.024a3.43 3.43 0 0 1 2.629 3.685l-1.175 11.585A8.57 8.57 0 0 1 15.366 26h-2.785a8.57 8.57 0 0 1-8.528-7.706L3.027 8.172A5.143 5.143 0 0 1 7.185 2.6", clipRule: "evenodd" }), jsxRuntime.jsx("mask", { id: "a", width: 15, height: 9, x: 6, y: 5, maskUnits: "userSpaceOnUse", style: {
+  maskType: "alpha"
+}, children: jsxRuntime.jsx("path", { fill: "#fff", d: "M10.255 5.58q1.545-.15 3.435-.15 2.08 0 3.785.182a3.755 3.755 0 0 1 3.188 4.842 4.42 4.42 0 0 1-4.74 3.086 19 19 0 0 0-2.233-.13q-1.022 0-2.001.108a4.385 4.385 0 0 1-4.675-3.064 3.777 3.777 0 0 1 3.241-4.874" }) }), jsxRuntime.jsxs("g", { mask: "url(#a)", children: [jsxRuntime.jsx("path", { fill: "#fff", d: "M10.255 5.58q1.545-.15 3.435-.15 2.08 0 3.785.182a3.755 3.755 0 0 1 3.188 4.842 4.42 4.42 0 0 1-4.74 3.086 19 19 0 0 0-2.233-.13q-1.022 0-2.001.108a4.385 4.385 0 0 1-4.675-3.064 3.777 3.777 0 0 1 3.241-4.874" }), jsxRuntime.jsx("path", { fill: "#F09", fillRule: "evenodd", d: "m13.969 11.43 1.714 3.429h-3.429z", clipRule: "evenodd" })] }), jsxRuntime.jsx("path", { fill: "#0F3554", d: "M13.666 7.84v1.413c0 .158.191.286.428.286s.429-.128.429-.286V7.84c0-.158-.192-.286-.429-.286s-.428.128-.428.286m-3.65 1.044.535 1.223a.314.314 0 0 0 .4.156.28.28 0 0 0 .167-.373l-.536-1.222a.314.314 0 0 0-.399-.156c-.156.06-.231.226-.168.372m7.915 0-.535 1.223a.314.314 0 0 1-.4.156c-.156-.06-.231-.227-.167-.373l.536-1.222a.314.314 0 0 1 .399-.156c.156.06.231.226.167.372", opacity: 0.384 }), jsxRuntime.jsx("path", { fill: "#fff", d: "M18.697 4.686c1.123-.008 2.042.38 2.783 1.17.729.776 1.077 1.883 1.034 3.358-.008.268.183.492.426.5.242.009.446-.202.453-.47.05-1.732-.381-3.107-1.303-4.088-.91-.968-2.05-1.45-3.398-1.441-.243.001-.439.22-.438.488s.2.484.443.483", opacity: 0.252 })] }));
+var ActionWeightColoredIcon = IconWrapper(SvgActionWeightColoredIcon);
+
 const SvgAmberAlertColoredIcon = (props) => jsxRuntime.jsxs("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, fill: "none", viewBox: "0 0 24 24" }, props, { children: [jsxRuntime.jsx("path", { fill: "#B45309", fillRule: "evenodd", d: "M12 20a8 8 0 1 0 0-16 8 8 0 0 0 0 16m0-3a5 5 0 1 0 0-10 5 5 0 0 0 0 10", clipRule: "evenodd" }), jsxRuntime.jsx("rect", { width: 13, height: 13, x: 5.5, y: 5.5, fill: "#FEF3C7", stroke: "#B45309", strokeWidth: 3, rx: 6.5 })] }));
 var AmberAlertColoredIcon = IconWrapper(SvgAmberAlertColoredIcon);
 
@@ -479,6 +516,9 @@ var BellIcon = IconWrapper(SvgBellIcon);
 const SvgBluetoothIcon = (props) => jsxRuntime.jsx("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, fill: "none", viewBox: "0 0 24 24" }, props, { children: jsxRuntime.jsx("path", { fill: "currentColor", d: "M11.25 20.22v-6.416l-4.323 4.323a.72.72 0 0 1-.522.212.7.7 0 0 1-.532-.212.72.72 0 0 1-.217-.527q0-.31.217-.527L10.946 12 5.873 6.927a.73.73 0 0 1-.212-.522.7.7 0 0 1 .212-.532.72.72 0 0 1 .527-.217q.31 0 .527.217l4.323 4.323V3.781q0-.412.276-.666a.9.9 0 0 1 .96-.188.9.9 0 0 1 .3.206l3.935 3.934a.83.83 0 0 1 .256.633.83.83 0 0 1-.256.633L13.054 12l3.667 3.667a.83.83 0 0 1 .256.633.83.83 0 0 1-.256.633l-3.934 3.934a.87.87 0 0 1-.633.271.9.9 0 0 1-.628-.253.86.86 0 0 1-.276-.666m1.5-10.024L15.246 7.7 12.75 5.235zm0 8.57 2.496-2.466-2.496-2.496z" }) }));
 var BluetoothIcon = IconWrapper(SvgBluetoothIcon);
 
+const SvgBookOpenIcon = (props) => jsxRuntime.jsx("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, fill: "none", viewBox: "0 0 24 24" }, props, { children: jsxRuntime.jsx("path", { fill: "currentColor", d: "M8.5 3.359a4.27 4.27 0 0 1 3.5 1.83q.215-.31.483-.58c.8-.8 1.885-1.25 3.017-1.25h4.375a1.64 1.64 0 0 1 1.64 1.64v11.376a1.64 1.64 0 0 1-1.64 1.641h-5.25a1.86 1.86 0 0 0-1.859 1.859.767.767 0 0 1-1.532 0 1.86 1.86 0 0 0-1.859-1.859h-5.25a1.64 1.64 0 0 1-1.64-1.64V5a1.64 1.64 0 0 1 1.64-1.641zM4.126 4.89a.1.1 0 0 0-.078.03.1.1 0 0 0-.032.079v11.375q.001.047.032.078c.02.02.05.03.078.03h5.25c.666 0 1.31.198 1.859.558V7.625A2.735 2.735 0 0 0 8.5 4.89zm11.375 0a2.735 2.735 0 0 0-2.734 2.734v9.416a3.4 3.4 0 0 1 1.859-.557h5.25a.1.1 0 0 0 .078-.03.1.1 0 0 0 .032-.079V5a.1.1 0 0 0-.032-.078.1.1 0 0 0-.078-.03z" }) }));
+var BookOpenIcon = IconWrapper(SvgBookOpenIcon);
+
 const SvgBrushIcon = (props) => jsxRuntime.jsx("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, fill: "none", viewBox: "0 0 24 24" }, props, { children: jsxRuntime.jsx("path", { fill: "currentColor", d: "M6.192 20.308a4.1 4.1 0 0 1-1.697-.377 4.1 4.1 0 0 1-1.399-1.008q.573-.163 1.085-.695.51-.532.511-1.42 0-1.048.726-1.774a2.4 2.4 0 0 1 1.774-.726q1.048 0 1.774.726t.726 1.774q0 1.443-1.028 2.471t-2.472 1.029m0-1.5q.825 0 1.413-.588.587-.587.587-1.412a.97.97 0 0 0-.287-.713.97.97 0 0 0-.713-.287.97.97 0 0 0-.712.287.97.97 0 0 0-.288.713q0 .574-.137 1.05a4.7 4.7 0 0 1-.363.9.7.7 0 0 0 .25.05zM11.5 14.75l-2.23-2.23 8.565-8.566a.98.98 0 0 1 .687-.288.93.93 0 0 1 .713.288l.83.83q.3.3.3.7t-.3.7z" }) }));
 var BrushIcon = IconWrapper(SvgBrushIcon);
 
@@ -527,9 +567,15 @@ var LeftArrowIcon = IconWrapper(SvgChevronLeftIcon);
 const SvgChevronRightIcon = (props) => jsxRuntime.jsx("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, fill: "none", viewBox: "0 0 24 24" }, props, { children: jsxRuntime.jsx("path", { fill: "currentColor", d: "M15.013 11.653q0 .18-.058.337a.8.8 0 0 1-.198.296l-4.494 4.494a.73.73 0 0 1-.522.213.7.7 0 0 1-.532-.213.72.72 0 0 1-.217-.527q0-.31.217-.527l4.073-4.073L9.21 7.58a.73.73 0 0 1-.212-.522.7.7 0 0 1 .212-.532.72.72 0 0 1 .527-.217q.31 0 .527.217l4.494 4.495a.83.83 0 0 1 .256.632" }) }));
 var ChevronRightIcon = IconWrapper(SvgChevronRightIcon);
 
+const SvgCircleEllipsisIcon = (props) => jsxRuntime.jsx("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, fill: "none", viewBox: "0 0 24 24" }, props, { children: jsxRuntime.jsx("path", { fill: "currentColor", d: "M12 2.484a9.516 9.516 0 1 1 0 19.032 9.516 9.516 0 0 1 0-19.032m0 1.531a7.985 7.985 0 1 0 0 15.97 7.985 7.985 0 0 0 0-15.97m-4.367 7.219a.766.766 0 0 1 0 1.532h-.008a.766.766 0 0 1 0-1.532zm4.376 0a.767.767 0 0 1 0 1.532H12a.766.766 0 0 1 0-1.532zm4.375 0a.766.766 0 0 1 0 1.532h-.008a.766.766 0 0 1 0-1.532z" }) }));
+var CircleEllipsisIcon = IconWrapper(SvgCircleEllipsisIcon);
+
 const SvgCircleFilledIcon = (props) => jsxRuntime.jsx("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, fill: "none", viewBox: "0 0 24 24" }, props, { children: jsxRuntime.jsx("path", { fill: "currentColor", d: "M3 12a9 9 0 1 1 18 0 9 9 0 0 1-18 0" }) }));
 var CircleFilledIcon = IconWrapper(SvgCircleFilledIcon);
 
+const SvgClipboardListIcon = (props) => jsxRuntime.jsx("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, fill: "none", viewBox: "0 0 24 24" }, props, { children: jsxRuntime.jsx("path", { fill: "currentColor", d: "M14.625 2.484c.906 0 1.64.735 1.64 1.641v.11h.985a2.515 2.515 0 0 1 2.515 2.515V19a2.516 2.516 0 0 1-2.515 2.516H6.75A2.516 2.516 0 0 1 4.235 19V6.75A2.516 2.516 0 0 1 6.75 4.235h.984v-.11c0-.906.735-1.64 1.641-1.64zM6.75 5.766a.984.984 0 0 0-.984.984V19a.985.985 0 0 0 .984.985h10.5a.985.985 0 0 0 .984-.985V6.75a.984.984 0 0 0-.984-.984h-.984v.11c0 .905-.735 1.64-1.641 1.64h-5.25a1.64 1.64 0 0 1-1.64-1.64v-.11zm1.76 8.969a.765.765 0 0 1 0 1.53H8.5a.766.766 0 0 1 0-1.53zm6.99 0a.766.766 0 1 1 0 1.53H12a.766.766 0 0 1 0-1.53zm-6.99-4.376a.766.766 0 0 1 0 1.531H8.5a.766.766 0 1 1 0-1.53zm6.99 0a.766.766 0 0 1 0 1.531H12a.766.766 0 1 1 0-1.53zM9.375 4.015a.11.11 0 0 0-.11.11v1.75c0 .06.05.109.11.109h5.25a.11.11 0 0 0 .11-.108V4.125a.11.11 0 0 0-.11-.11z" }) }));
+var ClipboardListIcon = IconWrapper(SvgClipboardListIcon);
+
 const SvgClockIcon = (props) => jsxRuntime.jsx("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, fill: "none", viewBox: "0 0 24 24" }, props, { children: jsxRuntime.jsx("path", { fill: "currentColor", d: "M12.75 11.696V7.75a.73.73 0 0 0-.216-.534A.73.73 0 0 0 12 7a.73.73 0 0 0-.535.216.73.73 0 0 0-.215.534v4.177q0 .177.065.342a.9.9 0 0 0 .206.306L14.946 16q.208.208.522.212A.7.7 0 0 0 16 16a.72.72 0 0 0 .217-.527.72.72 0 0 0-.217-.527zm-.748 9.804a9.3 9.3 0 0 1-3.705-.748 9.6 9.6 0 0 1-3.018-2.03 9.6 9.6 0 0 1-2.03-3.016 9.2 9.2 0 0 1-.749-3.704q0-1.972.748-3.705a9.6 9.6 0 0 1 2.03-3.018 9.6 9.6 0 0 1 3.016-2.03 9.2 9.2 0 0 1 3.704-.749q1.972 0 3.705.748a9.6 9.6 0 0 1 3.018 2.03 9.6 9.6 0 0 1 2.03 3.016 9.2 9.2 0 0 1 .749 3.704q0 1.972-.748 3.705a9.6 9.6 0 0 1-2.03 3.018 9.6 9.6 0 0 1-3.016 2.03 9.2 9.2 0 0 1-3.704.749M12 20q3.325 0 5.663-2.337T20 12t-2.337-5.663T12 4 6.337 6.337 4 12t2.337 5.663T12 20" }) }));
 var ClockIcon = IconWrapper(SvgClockIcon);
 
@@ -557,6 +603,9 @@ var DashboardIcon = IconWrapper(SvgDashboardIcon);
 const SvgDatabaseIcon = (props) => jsxRuntime.jsx("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, fill: "none", viewBox: "0 0 24 24" }, props, { children: jsxRuntime.jsx("path", { fill: "currentColor", d: "M12 20.5q-3.64 0-6.07-1.028-2.43-1.027-2.43-2.568V7q0-1.448 2.488-2.474Q8.478 3.5 12 3.5q3.523 0 6.012 1.026T20.5 7v9.904q0 1.54-2.43 2.568T12 20.5m0-11.542q2.187 0 4.403-.619 2.216-.618 2.568-1.333-.342-.735-2.541-1.37a15.9 15.9 0 0 0-8.844-.018q-2.188.618-2.576 1.35.378.75 2.556 1.37t4.434.62m0 5.003q1.041 0 2.025-.1a17 17 0 0 0 1.882-.292 13 13 0 0 0 1.68-.477q.782-.284 1.413-.644V8.9q-.63.36-1.413.644t-1.68.477q-.898.193-1.882.292-.984.1-2.025.1-1.06 0-2.064-.104-1.005-.106-1.898-.297a13 13 0 0 1-1.662-.473A8 8 0 0 1 5 8.9v3.55q.606.358 1.376.639.77.279 1.662.472.893.192 1.898.297T12 13.96M12 19a18 18 0 0 0 2.39-.16 15 15 0 0 0 2.135-.439q.962-.277 1.622-.645.66-.367.853-.771v-3.037q-.63.36-1.413.644t-1.68.477q-.898.193-1.882.292-.984.1-2.025.1-1.06 0-2.064-.104-1.005-.106-1.898-.297a13 13 0 0 1-1.662-.473A8 8 0 0 1 5 13.948V17q.192.414.845.768t1.615.633a15 15 0 0 0 2.142.438q1.18.162 2.398.161" }) }));
 var DatabaseIcon = IconWrapper(SvgDatabaseIcon);
 
+const SvgDocumentLinesIcon = (props) => jsxRuntime.jsx("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, fill: "none", viewBox: "0 0 24 24" }, props, { children: jsxRuntime.jsx("path", { fill: "currentColor", d: "M13.775 2.486a2.87 2.87 0 0 1 2.007.84l3.14 3.14a2.87 2.87 0 0 1 .843 2.035V19a2.516 2.516 0 0 1-2.515 2.515H6.75A2.516 2.516 0 0 1 4.235 19V5A2.516 2.516 0 0 1 6.75 2.484h7zM6.75 4.016A.985.985 0 0 0 5.766 5v14a.985.985 0 0 0 .984.985h10.5a.985.985 0 0 0 .984-.985V9.265h-3.609a1.64 1.64 0 0 1-1.64-1.64v-3.61zm8.75 11.593a.766.766 0 0 1 0 1.531h-7a.766.766 0 1 1 0-1.53zm0-3.5a.766.766 0 1 1 0 1.532h-7a.766.766 0 0 1 0-1.531zm-5.25-3.5a.766.766 0 0 1 0 1.532H8.5a.766.766 0 0 1 0-1.532zm4.265-.984a.11.11 0 0 0 .11.11h3.37a1.4 1.4 0 0 0-.155-.184L14.7 4.41l-.002-.001a1.3 1.3 0 0 0-.183-.154z" }) }));
+var DocumentLinesIcon = IconWrapper(SvgDocumentLinesIcon);
+
 const SvgDownloadIcon = (props) => jsxRuntime.jsx("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, fill: "none", viewBox: "0 0 24 24" }, props, { children: jsxRuntime.jsx("path", { fill: "currentColor", d: "M11.25 12.746V6.081q-1.89.215-3.07 1.736T7 11h-.5q-1.45 0-2.475 1.025A3.37 3.37 0 0 0 3 14.5q0 1.45 1.025 2.475A3.37 3.37 0 0 0 6.5 18h12q1.05 0 1.775-.725T21 15.5t-.725-1.775T18.5 13H17v-2q0-1.22-.55-2.257A5.4 5.4 0 0 0 15 7V5.242a6.2 6.2 0 0 1 2.564 2.381A6.43 6.43 0 0 1 18.5 11v.5h.308q1.58.123 2.636 1.271Q22.5 13.92 22.5 15.5q0 1.672-1.163 2.837Q20.173 19.5 18.5 19.5h-12q-2.072 0-3.537-1.44Q1.5 16.62 1.5 14.546q0-1.834 1.175-3.263 1.175-1.43 2.998-1.69.338-1.83 1.995-3.42Q9.325 4.58 11.25 4.58q.613 0 1.057.443.443.444.443 1.057v6.665l1.304-1.288a.72.72 0 0 1 .514-.213.72.72 0 0 1 .54.228q.216.217.217.527a.72.72 0 0 1-.217.527l-2.475 2.475a.87.87 0 0 1-.633.271.87.87 0 0 1-.633-.271l-2.475-2.475a.74.74 0 0 1-.22-.514.7.7 0 0 1 .22-.54.74.74 0 0 1 .52-.225.73.73 0 0 1 .534.21z" }) }));
 var DownloadIcon = IconWrapper(SvgDownloadIcon);
 
@@ -629,6 +678,9 @@ var HandUp = IconWrapper(SvgHandUp);
 const SvgHandshakeIcon = (props) => jsxRuntime.jsx("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, fill: "none", viewBox: "0 0 24 24" }, props, { children: jsxRuntime.jsx("path", { fill: "currentColor", d: "M11.789 19.971a.7.7 0 0 0 .3-.069.8.8 0 0 0 .242-.158l7.998-7.998q.338-.338.51-.723.17-.384.17-.808a2.15 2.15 0 0 0-.68-1.573l-4-4a2.1 2.1 0 0 0-.7-.495 2.1 2.1 0 0 0-.816-.157q-.422 0-.812.157a2.1 2.1 0 0 0-.718.495l-.573.573 1.85 1.866q.336.32.497.733.16.412.16.853 0 .916-.611 1.527-.612.612-1.527.612-.442 0-.857-.146a1.95 1.95 0 0 1-.735-.468L9.592 8.313 5.246 12.66a.76.76 0 0 0-.227.542q0 .277.189.473a.62.62 0 0 0 .465.196.7.7 0 0 0 .301-.069.8.8 0 0 0 .241-.158L9.5 10.36l1.054 1.054-3.27 3.284a.76.76 0 0 0-.226.542q0 .268.193.461a.63.63 0 0 0 .46.193.7.7 0 0 0 .302-.069.8.8 0 0 0 .24-.158l3.4-3.384 1.055 1.054-3.385 3.4a.6.6 0 0 0-.165.24.8.8 0 0 0-.062.302q0 .267.193.46a.63.63 0 0 0 .461.194.76.76 0 0 0 .542-.227l3.4-3.385 1.054 1.054-3.4 3.4a.82.82 0 0 0-.227.552q0 .277.206.46a.68.68 0 0 0 .464.184m-.016 1.5a2.1 2.1 0 0 1-1.479-.588q-.63-.589-.66-1.466-.85-.057-1.42-.604t-.618-1.434q-.887-.059-1.436-.621-.549-.564-.587-1.418-.893-.057-1.473-.647t-.58-1.491q0-.443.168-.866a2.2 2.2 0 0 1 .489-.745l5.415-5.4 2.93 2.928a.6.6 0 0 0 .23.166q.144.06.311.061.274 0 .472-.18a.61.61 0 0 0 .198-.474.8.8 0 0 0-.062-.31.6.6 0 0 0-.165-.232L9.998 4.642a2.05 2.05 0 0 0-.705-.495 2.1 2.1 0 0 0-.82-.157q-.423 0-.803.157-.38.158-.718.495l-3.285 3.3a2.3 2.3 0 0 0-.447.646 2.2 2.2 0 0 0-.205.758q-.03.32.03.632.059.312.209.588L2.15 11.669a3.7 3.7 0 0 1-.51-1.094 3.8 3.8 0 0 1 .172-2.562q.28-.644.786-1.15L5.873 3.59a3.9 3.9 0 0 1 1.222-.823q.66-.276 1.388-.276.726 0 1.382.276t1.202.823l.573.573.573-.573q.562-.547 1.218-.823a3.5 3.5 0 0 1 1.383-.276q.726 0 1.387.276.66.276 1.207.823l3.975 3.975q.546.546.836 1.243t.29 1.424-.29 1.383a4 4 0 0 1-.836 1.201l-7.998 7.983q-.331.33-.746.502a2.3 2.3 0 0 1-.866.171" }) }));
 var HandshakeIcon = IconWrapper(SvgHandshakeIcon);
 
+const SvgHashIcon = (props) => jsxRuntime.jsx("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, fill: "none", viewBox: "0 0 24 24" }, props, { children: jsxRuntime.jsx("path", { fill: "currentColor", d: "M15.585 3.363c.42.047.723.427.676.847l-.489 4.399h3.229a.766.766 0 0 1 0 1.532h-3.399l-.413 3.718h3.812a.766.766 0 0 1 0 1.532h-3.982l-.508 4.569a.766.766 0 0 1-1.522-.17l.488-4.399H9.769l-.508 4.569a.766.766 0 0 1-1.522-.17l.488-4.399H5a.766.766 0 0 1 0-1.532h3.398l.412-3.718H5A.766.766 0 0 1 5 8.61h3.98l.507-4.569a.767.767 0 0 1 1.523.17l-.489 4.399h3.709l.507-4.569a.767.767 0 0 1 .847-.677m-5.233 6.778L9.94 13.86h3.709l.412-3.718z" }) }));
+var HashIcon = IconWrapper(SvgHashIcon);
+
 const SvgHeartIcon = (props) => jsxRuntime.jsx("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, fill: "none", viewBox: "0 0 24 24" }, props, { children: jsxRuntime.jsx("path", { fill: "currentColor", d: "M11.99 19.71q-.321 0-.645-.116a1.5 1.5 0 0 1-.57-.361l-1.437-1.306a66 66 0 0 1-4.748-4.764Q2.5 10.823 2.5 8.15q0-2.129 1.436-3.565T7.5 3.15q1.21 0 2.39.558T12 5.519q.93-1.254 2.11-1.811a5.54 5.54 0 0 1 2.39-.558q2.13 0 3.564 1.435Q21.5 6.022 21.5 8.15q0 2.701-2.125 5.068a64 64 0 0 1-4.738 4.724l-1.422 1.29a1.5 1.5 0 0 1-.575.362q-.329.115-.65.115m-.71-12.672q-.81-1.236-1.708-1.812T7.5 4.65q-1.5 0-2.5 1t-1 2.5q0 1.204.776 2.517a16.3 16.3 0 0 0 1.948 2.612 36 36 0 0 0 2.54 2.536q1.367 1.239 2.534 2.302a.3.3 0 0 0 .202.077.3.3 0 0 0 .202-.077q1.167-1.063 2.534-2.302a36 36 0 0 0 2.54-2.536 16.3 16.3 0 0 0 1.948-2.612Q20 9.354 20 8.15q0-1.5-1-2.5t-2.5-1q-1.175 0-2.072.576t-1.709 1.812a.8.8 0 0 1-.319.289.89.89 0 0 1-.8 0 .8.8 0 0 1-.32-.289" }) }));
 var HeartIcon = IconWrapper(SvgHeartIcon);
 
@@ -749,6 +801,9 @@ var ShareIcon = IconWrapper(SvgShareIcon);
 const SvgSidebarIcon = (props) => jsxRuntime.jsx("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, fill: "none", viewBox: "0 0 24 24" }, props, { children: jsxRuntime.jsx("path", { fill: "currentColor", d: "M4.308 19.5q-.748 0-1.278-.53a1.74 1.74 0 0 1-.53-1.278V6.308q0-.748.53-1.278t1.278-.53h15.384q.749 0 1.278.53.53.53.53 1.278v11.384q0 .749-.53 1.278-.53.53-1.278.53zM9.5 18h10.192a.3.3 0 0 0 .221-.087.3.3 0 0 0 .087-.22V6.307a.3.3 0 0 0-.087-.221.3.3 0 0 0-.22-.087H9.5zM8 18V6H4.308a.3.3 0 0 0-.221.087.3.3 0 0 0-.087.22v11.385a.3.3 0 0 0 .087.221.3.3 0 0 0 .22.087z" }) }));
 var SidebarIcon = IconWrapper(SvgSidebarIcon);
 
+const SvgSigmaSquareIcon = (props) => jsxRuntime.jsx("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, fill: "none", viewBox: "0 0 24 24" }, props, { children: jsxRuntime.jsxs("g", { fill: "currentColor", children: [jsxRuntime.jsx("path", { d: "M20.125 5c0-.621-.504-1.125-1.125-1.125H5c-.622 0-1.125.504-1.125 1.125v14c0 .621.503 1.125 1.125 1.125h14c.621 0 1.125-.504 1.125-1.125zm1.75 14A2.875 2.875 0 0 1 19 21.875H5A2.875 2.875 0 0 1 2.125 19V5A2.875 2.875 0 0 1 5 2.125h14A2.875 2.875 0 0 1 21.875 5z" }), jsxRuntime.jsx("path", { d: "M15.125 8.9V7.875H9.822l2.862 3.578a.876.876 0 0 1 0 1.094l-2.862 3.578h5.303V15.1a.875.875 0 0 1 1.75 0V17a.875.875 0 0 1-.875.875H8a.876.876 0 0 1-.683-1.422L10.879 12 7.317 7.547A.876.876 0 0 1 8 6.125h8c.483 0 .875.392.875.875v1.9a.875.875 0 0 1-1.75 0" })] }) }));
+var SigmaSquareIcon = IconWrapper(SvgSigmaSquareIcon);
+
 const SvgSmallArrowDownIcon = (props) => jsxRuntime.jsx("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, fill: "none", viewBox: "0 0 24 24" }, props, { children: jsxRuntime.jsx("path", { fill: "currentColor", d: "M16.245 12.235h1.689c.945 0 1.423 1.247.754 1.974l-5.938 6.453a1 1 0 0 1-1.498 0L5.315 14.21c-.67-.727-.202-1.974.743-1.974h1.69v-7.08C7.747 4.518 8.224 4 8.808 4h6.374c.584 0 1.062.52 1.062 1.154z" }) }));
 var SmallArrowDownIcon = IconWrapper(SvgSmallArrowDownIcon);
 
@@ -824,6 +879,17 @@ var WorkflowIcon = IconWrapper(SvgWorkflowIcon);
 var Icons = /*#__PURE__*/Object.freeze({
     __proto__: null,
     AbsentIcon: AbsentIcon,
+    ActionBloodPressureColoredIcon: ActionBloodPressureColoredIcon,
+    ActionCalculationColoredIcon: ActionCalculationColoredIcon,
+    ActionContactColoredIcon: ActionContactColoredIcon,
+    ActionHeartRateColoredIcon: ActionHeartRateColoredIcon,
+    ActionInformationColoredIcon: ActionInformationColoredIcon,
+    ActionLessonColoredIcon: ActionLessonColoredIcon,
+    ActionLungsColoredIcon: ActionLungsColoredIcon,
+    ActionMedicationColoredIcon: ActionMedicationColoredIcon,
+    ActionStarColoredIcon: ActionStarColoredIcon,
+    ActionStepsColoredIcon: ActionStepsColoredIcon,
+    ActionWeightColoredIcon: ActionWeightColoredIcon,
     AddIcon: PlusIcon,
     AddNoteIcon: AddNoteIcon,
     AlarmClockIcon: AlarmClockIcon,
@@ -839,6 +905,7 @@ var Icons = /*#__PURE__*/Object.freeze({
     BellIconSlashed: BellIconSlashed,
     BeterDichtbijColoredIcon: BeterDichtbijColoredIcon,
     BluetoothIcon: BluetoothIcon,
+    BookOpenIcon: BookOpenIcon,
     BrushIcon: BrushIcon,
     CakeIcon: CakeIcon,
     CalendarDayIcon: CalendarDayIcon,
@@ -859,7 +926,9 @@ var Icons = /*#__PURE__*/Object.freeze({
     ChevronDownIcon: ChevronDownIcon,
     ChevronLeftIcon: LeftArrowIcon,
     ChevronRightIcon: ChevronRightIcon,
+    CircleEllipsisIcon: CircleEllipsisIcon,
     CircleFilledIcon: CircleFilledIcon,
+    ClipboardListIcon: ClipboardListIcon,
     ClockIcon: ClockIcon,
     CogwheelIcon: CogwheelIcon,
     CompareIcon: CompareIcon,
@@ -870,6 +939,7 @@ var Icons = /*#__PURE__*/Object.freeze({
     DashboardIcon: DashboardIcon,
     DatabaseIcon: DatabaseIcon,
     DeleteIcon: TrashBinIcon,
+    DocumentLinesIcon: DocumentLinesIcon,
     DownArrowIcon: ChevronDownIcon,
     DownloadIcon: DownloadIcon,
     DragIcon: DragIndicatorIcon,
@@ -909,6 +979,7 @@ var Icons = /*#__PURE__*/Object.freeze({
     HamburgerIcon: HamburgerIcon,
     HandUp: HandUp,
     HandshakeIcon: HandshakeIcon,
+    HashIcon: HashIcon,
     HeartIcon: HeartIcon,
     HeartMinusIcon: HeartMinusIcon,
     HomeIcon: HomeIcon,
@@ -956,6 +1027,7 @@ var Icons = /*#__PURE__*/Object.freeze({
     SettingsIcon: CogwheelIcon,
     ShareIcon: ShareIcon,
     SidebarIcon: SidebarIcon,
+    SigmaSquareIcon: SigmaSquareIcon,
     SmallArrowDownIcon: SmallArrowDownIcon,
     SmallArrowUpIcon: SmallArrowUpIcon,
     SmallCircleIcon: SmallCircleIcon,
@@ -6592,6 +6664,23 @@ const calculateSegments = (args) => {
   }
   return segments;
 };
+const calculateHighlightPosition = (args) => {
+  const { highlightedRange, start, end } = args;
+  const isDescending = start > end;
+  const rangeMin = Math.min(start, end);
+  const rangeMax = Math.max(start, end);
+  const totalRange = Math.abs(end - start);
+  const clampedFrom = Math.max(rangeMin, Math.min(rangeMax, highlightedRange.from));
+  const clampedTo = Math.max(rangeMin, Math.min(rangeMax, highlightedRange.to));
+  const higher = Math.max(clampedFrom, clampedTo);
+  const lower = Math.min(clampedFrom, clampedTo);
+  const widthFraction = (higher - lower) / totalRange;
+  if (widthFraction <= 0) {
+    return null;
+  }
+  const leftFraction = isDescending ? (start - higher) / totalRange : (lower - start) / totalRange;
+  return { leftFraction, widthFraction };
+};
 const createStripedPattern = (options) => {
   const { colorA, colorB, startOffset = 0 } = options;
   const STRIPE_THICKNESS = 4;
@@ -6645,26 +6734,42 @@ const barStyle = {
   // 3px looks better than 4px
   boxSizing: "border-box"
 };
+const HIGHLIGHT_RING_COLOR = "var(--ui-color-border-brand-primary-selected)";
+const HIGHLIGHT_RING_WIDTH = 2;
+const HIGHLIGHT_RING_INSET = 4;
+const BAR_HORIZONTAL_PADDING = 3;
+const getHighlightStyle = (position) => ({
+  position: "absolute",
+  top: -HIGHLIGHT_RING_INSET,
+  bottom: -HIGHLIGHT_RING_INSET,
+  left: `calc(${BAR_HORIZONTAL_PADDING}px + (100% - ${BAR_HORIZONTAL_PADDING * 2}px) * ${position.leftFraction})`,
+  width: `calc((100% - ${BAR_HORIZONTAL_PADDING * 2}px) * ${position.widthFraction})`,
+  border: `${HIGHLIGHT_RING_WIDTH}px solid ${HIGHLIGHT_RING_COLOR}`,
+  borderRadius: `calc(${BORDER_RADIUS} + ${HIGHLIGHT_RING_INSET}px)`,
+  boxSizing: "border-box",
+  pointerEvents: "none"
+});
 const ticksContainerStyle = {
   position: "relative",
   width: "100%",
   height: "20px"
 };
 const RangeCoverageComponent = (_a) => {
-  var { sections, start, end, ticks = [], tickFormatter, title, legendSwatches, onSectionFocus, translations, className, slots } = _a, rest = __rest(_a, ["sections", "start", "end", "ticks", "tickFormatter", "title", "legendSwatches", "onSectionFocus", "translations", "className", "slots"]);
+  var { sections, start, end, highlightedRange, ticks = [], tickFormatter, title, legendSwatches, onSectionFocus, translations, className, slots } = _a, rest = __rest(_a, ["sections", "start", "end", "highlightedRange", "ticks", "tickFormatter", "title", "legendSwatches", "onSectionFocus", "translations", "className", "slots"]);
   const { tooltipContent } = slots !== null && slots !== void 0 ? slots : {};
   if (hasSectionOverlaps(sections)) {
     return jsxRuntime.jsx(Text, { variant: "strong", children: translations.sectionOverlapsMessage });
   }
   const segments = calculateSegments({ sections, start, end });
-  return jsxRuntime.jsx(Box, Object.assign({ className }, rest, { children: jsxRuntime.jsxs(Stack, { _gap: "m", width: "full", align: "stretch", children: [jsxRuntime.jsxs(Stack, { justify: "between", axis: "x", align: "center", children: [jsxRuntime.jsx(Title, { variant: "xs", level: "3", children: title }), legendSwatches && (legendSwatches === null || legendSwatches === void 0 ? void 0 : legendSwatches.length) > 0 && jsxRuntime.jsx(Stack, { axis: "x", _gap: "l", children: jsxRuntime.jsx(Stack, { axis: "x", _gap: "base", align: "center", children: legendSwatches === null || legendSwatches === void 0 ? void 0 : legendSwatches.map((swatch) => {
+  const highlightPosition = highlightedRange ? calculateHighlightPosition({ highlightedRange, start, end }) : null;
+  return jsxRuntime.jsx(Box, Object.assign({ className }, rest, { children: jsxRuntime.jsxs(Stack, { _gap: "m", width: "full", align: "stretch", children: [jsxRuntime.jsxs(Stack, { justify: "between", axis: "x", align: "center", children: [jsxRuntime.jsx(Title, { variant: "xs", level: "3", "aria-hidden": title ? void 0 : true, children: title }), legendSwatches && (legendSwatches === null || legendSwatches === void 0 ? void 0 : legendSwatches.length) > 0 && jsxRuntime.jsx(Stack, { axis: "x", _gap: "l", children: jsxRuntime.jsx(Stack, { axis: "x", _gap: "base", align: "center", children: legendSwatches === null || legendSwatches === void 0 ? void 0 : legendSwatches.map((swatch) => {
     const background = isColorTuple(swatch.color) ? createStripedPattern({
       colorA: swatch.color[0],
       colorB: swatch.color[1],
       startOffset: -6
     }) : swatch.color;
     return jsxRuntime.jsxs(React.Fragment, { children: [jsxRuntime.jsx("div", { style: Object.assign(Object.assign({}, legendSwatchStyle), { background }) }), jsxRuntime.jsx(Text, { as: "span", children: swatch.label })] }, swatch.label);
-  }) }) })] }), jsxRuntime.jsxs(Stack, { _gap: "m", width: "full", align: "stretch", children: [jsxRuntime.jsx("div", { style: barContainerStyle, children: jsxRuntime.jsx("div", { style: barStyle, children: segments.map((segment) => {
+  }) }) })] }), jsxRuntime.jsxs(Stack, { _gap: "m", width: "full", align: "stretch", children: [jsxRuntime.jsxs("div", { style: { position: "relative" }, children: [jsxRuntime.jsx("div", { style: barContainerStyle, children: jsxRuntime.jsx("div", { style: barStyle, children: segments.map((segment) => {
     var _a2, _b;
     const sectionDataWithBackground = Object.assign(Object.assign({}, segment.originalSection), { background: getSegmentStyle(segment.color).background });
     const renderedTooltipContent = (_a2 = tooltipContent === null || tooltipContent === void 0 ? void 0 : tooltipContent.render) === null || _a2 === void 0 ? void 0 : _a2.call(tooltipContent, sectionDataWithBackground);
@@ -6699,7 +6804,7 @@ const RangeCoverageComponent = (_a) => {
         maxWidth: 600
       }, children: jsxRuntime.jsx(Card, { border: true, elevation: "medium", width: "full", children: renderedTooltipContent }) })] }, ariaLabel)
     );
-  }) }) }), ticks.length > 0 && jsxRuntime.jsx("div", { style: ticksContainerStyle, children: ticks.map((tick, index) => {
+  }) }) }), highlightPosition && jsxRuntime.jsx("div", { "aria-hidden": "true", style: getHighlightStyle(highlightPosition) })] }), ticks.length > 0 && jsxRuntime.jsx("div", { style: ticksContainerStyle, children: ticks.map((tick, index) => {
     const totalRange = Math.abs(end - start);
     const isDescending = start > end;
     const position = isDescending ? (start - tick) / totalRange * 100 : (tick - start) / totalRange * 100;
@@ -7052,7 +7157,18 @@ Object.defineProperty(exports, "TooltipProvider", {
 exports.AbsentIcon = AbsentIcon;
 exports.AccordionList = AccordionList;
 exports.AccordionTemporary = Accordion;
+exports.ActionBloodPressureColoredIcon = ActionBloodPressureColoredIcon;
+exports.ActionCalculationColoredIcon = ActionCalculationColoredIcon;
+exports.ActionContactColoredIcon = ActionContactColoredIcon;
 exports.ActionController = ActionController;
+exports.ActionHeartRateColoredIcon = ActionHeartRateColoredIcon;
+exports.ActionInformationColoredIcon = ActionInformationColoredIcon;
+exports.ActionLessonColoredIcon = ActionLessonColoredIcon;
+exports.ActionLungsColoredIcon = ActionLungsColoredIcon;
+exports.ActionMedicationColoredIcon = ActionMedicationColoredIcon;
+exports.ActionStarColoredIcon = ActionStarColoredIcon;
+exports.ActionStepsColoredIcon = ActionStepsColoredIcon;
+exports.ActionWeightColoredIcon = ActionWeightColoredIcon;
 exports.AddIcon = PlusIcon;
 exports.AddNoteIcon = AddNoteIcon;
 exports.AlarmClockIcon = AlarmClockIcon;
@@ -7073,6 +7189,7 @@ exports.BellIcon = BellIcon;
 exports.BellIconSlashed = BellIconSlashed;
 exports.BeterDichtbijColoredIcon = BeterDichtbijColoredIcon;
 exports.BluetoothIcon = BluetoothIcon;
+exports.BookOpenIcon = BookOpenIcon;
 exports.Box = Box;
 exports.Breadcrumbs = Breadcrumbs;
 exports.BrushIcon = BrushIcon;
@@ -7103,7 +7220,9 @@ exports.ChevronDownIcon = ChevronDownIcon;
 exports.ChevronLeftIcon = LeftArrowIcon;
 exports.ChevronRightIcon = ChevronRightIcon;
 exports.Chip = Chip;
+exports.CircleEllipsisIcon = CircleEllipsisIcon;
 exports.CircleFilledIcon = CircleFilledIcon;
+exports.ClipboardListIcon = ClipboardListIcon;
 exports.ClockIcon = ClockIcon;
 exports.CogwheelIcon = CogwheelIcon;
 exports.Collapse = Collapse;
@@ -7120,6 +7239,7 @@ exports.DatePickerV2 = DatePicker;
 exports.DeleteIcon = TrashBinIcon;
 exports.DetailsDisclosure = DetailsDisclosure;
 exports.Divider = Divider;
+exports.DocumentLinesIcon = DocumentLinesIcon;
 exports.DownArrowIcon = ChevronDownIcon;
 exports.DownloadIcon = DownloadIcon;
 exports.DragHandle = DragHandle;
@@ -7170,6 +7290,7 @@ exports.GroupOfThreeIcon = GroupOfThreeIcon;
 exports.HamburgerIcon = HamburgerIcon;
 exports.HandUp = HandUp;
 exports.HandshakeIcon = HandshakeIcon;
+exports.HashIcon = HashIcon;
 exports.Heading = Heading;
 exports.HeartIcon = HeartIcon;
 exports.HeartMinusIcon = HeartMinusIcon;
@@ -7272,6 +7393,7 @@ exports.SettingsIcon = CogwheelIcon;
 exports.SettingsMenuButton = SettingsMenuButton;
 exports.ShareIcon = ShareIcon;
 exports.SidebarIcon = SidebarIcon;
+exports.SigmaSquareIcon = SigmaSquareIcon;
 exports.Skeleton = Skeleton;
 exports.SmallArrowDownIcon = SmallArrowDownIcon;
 exports.SmallArrowUpIcon = SmallArrowUpIcon;