@youngonesworks/ui 0.1.43 → 0.1.45

package/dist/index.js

@@ -103270,7 +103270,7 @@ const AvatarIndicator = ({ indicatorCount, className }) => /* @__PURE__ */ jsx("
 
 //#endregion
 //#region src/components/badge/index.tsx
-const Badge = ({ styleVariant = COLOR.ACCENT_BLUE, className, favorite, mobile = false, badgeBorder = false, fullWidth = false,...props }) => /* @__PURE__ */ jsxs("span", {
+const Badge = ({ styleVariant = COLOR.ACCENT_BLUE, className, favorite, mobile = false, badgeBorder = false, fullWidth = false, leftSection, rightSection, children,...props }) => /* @__PURE__ */ jsxs("span", {
 	"data-testid": "badge",
 	"data-component": "Badge",
 	className: clsx_default("inline-flex h-[1.375rem] max-w-full place-content-center items-center p-[10px] align-middle text-xs leading-[20px] font-medium tracking-wide text-wrap whitespace-normal normal-case", mobile ? "rounded-s" : "rounded-[2rem]", fullWidth && "w-full", badgeBorder && {
@@ -103297,18 +103297,18 @@ const Badge = ({ styleVariant = COLOR.ACCENT_BLUE, className, favorite, mobile =
 	}, className),
 	...props,
 	children: [
-		props.leftSection && /* @__PURE__ */ jsx("div", {
+		leftSection && /* @__PURE__ */ jsx("div", {
 			"data-testid": "left-section",
-			children: props.leftSection
+			children: leftSection
 		}),
 		/* @__PURE__ */ jsx("span", {
 			"data-testid": "badge-content",
 			className: cn("block h-5 overflow-hidden text-ellipsis whitespace-nowrap", { "flex items-center": favorite }),
-			children: props.children
+			children
 		}),
-		props.rightSection && /* @__PURE__ */ jsx("div", {
+		rightSection && /* @__PURE__ */ jsx("div", {
 			"data-testid": "right-section",
-			children: props.rightSection
+			children: rightSection
 		})
 	]
 });
@@ -109917,8 +109917,10 @@ const Rating = ({ rating, ratings, size: size$3 = "normal", setReview, className
 				}, index$4))
 			}),
 			setReview && /* @__PURE__ */ jsx("div", {
-				className: "mt-4 inline-flex flex-col items-start",
+				"data-testid": "small-stars-container",
+				className: "mt-4 flex flex-col gap-2",
 				children: ratings.map(({ value, label }) => /* @__PURE__ */ jsxs("span", {
+					"data-testid": `small-star-item-${value}`,
 					className: "flex w-auto cursor-pointer items-center gap-1",
 					onMouseEnter: () => setHoveredSmallStars(value),
 					onMouseLeave: () => setHoveredSmallStars(0),
@@ -116029,9 +116031,9 @@ const TabsBadge = ({ children }) => {
 	const isCircular = typeof children === "number" && children <= 9 || typeof children === "string" && children.length === 1 || false;
 	return /* @__PURE__ */ jsx("div", {
 		"data-testid": "tabs-badge",
-		className: clsx_default("bg-pink h-5 text-xs leading-5 font-medium text-white", {
-			"rounded-full w-5 text-center": isCircular,
-			"rounded px-2": !isCircular
+		className: clsx_default("bg-pink h-5 rounded-full text-xs leading-5 font-medium text-white", {
+			"w-5 text-center": isCircular,
+			"px-2": !isCircular
 		}),
 		children
 	});
@@ -116281,7 +116283,8 @@ const Tooltip = ({ content, children, passedOpen = false, size: size$3 = "md", v
 				height: 17,
 				tipRadius: 1,
 				fill: "white",
-				className: "drop-shadow-xl"
+				className: "drop-shadow-xl",
+				"data-testid": "tooltip-arrow"
 			}) : /* @__PURE__ */ jsx(FloatingArrow, {
 				ref: arrowRef,
 				context,
@@ -116289,7 +116292,8 @@ const Tooltip = ({ content, children, passedOpen = false, size: size$3 = "md", v
 				height: 6,
 				tipRadius: 1,
 				fill: "white",
-				className: "drop-shadow-xl"
+				className: "drop-shadow-xl",
+				"data-testid": "tooltip-arrow"
 			})]
 		})
 	})] });