@enadhq/enad-react-sdk 1.0.2 → 1.1.0

package/dist/client/storefront/components/star-rating.mjs

@@ -1,240 +1,167 @@
 "use client";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useIcon } from "../../icons/icon-context.mjs";
 import { useCallback, useRef, useState } from "react";
-import { useIcon } from "../../icons/icon-context";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+//#region src/client/storefront/components/star-rating.tsx
 const sizeMap = {
-  sm: "h-3.5 w-3.5",
-  md: "h-5 w-5",
-  lg: "h-6 w-6"
+	sm: "h-3.5 w-3.5",
+	md: "h-5 w-5",
+	lg: "h-6 w-6"
 };
 function getHoverRating(event, starIndex) {
-  const rect = event.currentTarget.getBoundingClientRect();
-  const x = event.clientX - rect.left;
-  const isLeftHalf = x < rect.width / 2;
-  return isLeftHalf ? starIndex + 0.5 : starIndex + 1;
+	const rect = event.currentTarget.getBoundingClientRect();
+	return event.clientX - rect.left < rect.width / 2 ? starIndex + .5 : starIndex + 1;
 }
 function RatingMeta({ showValue, clampedRating, reviewCount }) {
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    showValue && /* @__PURE__ */ jsx("span", { className: "text-sm text-(--enad-text-primary-color) font-medium", children: clampedRating.toFixed(1) }),
-    reviewCount !== void 0 && /* @__PURE__ */ jsxs("span", { className: "text-sm text-(--enad-text-muted-color)", children: [
-      "(",
-      reviewCount,
-      " ",
-      reviewCount === 1 ? "review" : "reviews",
-      ")"
-    ] })
-  ] });
+	return /* @__PURE__ */ jsxs(Fragment, { children: [showValue && /* @__PURE__ */ jsx("span", {
+		className: "text-sm text-(--enad-text-primary-color) font-medium",
+		children: clampedRating.toFixed(1)
+	}), reviewCount !== void 0 && /* @__PURE__ */ jsxs("span", {
+		className: "text-sm text-(--enad-text-muted-color)",
+		children: [
+			"(",
+			reviewCount,
+			" ",
+			reviewCount === 1 ? "review" : "reviews",
+			")"
+		]
+	})] });
 }
-function StarIcon_({
-  fillLevel,
-  iconSize,
-  filledColor,
-  StarIcon,
-  StarFilledIcon
-}) {
-  if (fillLevel >= 1) {
-    return /* @__PURE__ */ jsx(
-      StarFilledIcon,
-      {
-        className: `${iconSize} fill-current ${filledColor}`
-      }
-    );
-  }
-  if (fillLevel > 0) {
-    return /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(
-        StarIcon,
-        {
-          className: `absolute inset-0 ${iconSize} text-(--enad-text-muted-color)`
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        "span",
-        {
-          className: "absolute inset-0 overflow-hidden",
-          style: { clipPath: `inset(0 ${(1 - fillLevel) * 100}% 0 0)` },
-          children: /* @__PURE__ */ jsx(
-            StarFilledIcon,
-            {
-              className: `${iconSize} fill-current ${filledColor}`
-            }
-          )
-        }
-      )
-    ] });
-  }
-  return /* @__PURE__ */ jsx(
-    StarIcon,
-    {
-      className: `${iconSize} text-(--enad-text-muted-color)`
-    }
-  );
+function StarIcon_({ fillLevel, iconSize, filledColor, StarIcon, StarFilledIcon }) {
+	if (fillLevel >= 1) return /* @__PURE__ */ jsx(StarFilledIcon, { className: `${iconSize} fill-current ${filledColor}` });
+	if (fillLevel > 0) return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(StarIcon, { className: `absolute inset-0 ${iconSize} text-(--enad-text-muted-color)` }), /* @__PURE__ */ jsx("span", {
+		className: "absolute inset-0 overflow-hidden",
+		style: { clipPath: `inset(0 ${(1 - fillLevel) * 100}% 0 0)` },
+		children: /* @__PURE__ */ jsx(StarFilledIcon, { className: `${iconSize} fill-current ${filledColor}` })
+	})] });
+	return /* @__PURE__ */ jsx(StarIcon, { className: `${iconSize} text-(--enad-text-muted-color)` });
 }
-function InteractiveStarRating({
-  rating,
-  max,
-  iconSize,
-  filledColor,
-  showValue,
-  reviewCount,
-  className,
-  onRate
-}) {
-  const StarIcon = useIcon("star");
-  const StarFilledIcon = useIcon("starFilled");
-  const [hoveredRating, setHoveredRating] = useState(null);
-  const [selectedRating, setSelectedRating] = useState(null);
-  const containerRef = useRef(null);
-  const baseRating = selectedRating ?? rating;
-  const displayRating = hoveredRating !== null ? hoveredRating : baseRating;
-  const clampedRating = Math.max(0, Math.min(displayRating, max));
-  const handleKeyDown = useCallback(
-    (event) => {
-      const current = hoveredRating ?? baseRating;
-      let next = current;
-      switch (event.key) {
-        case "ArrowRight":
-        case "ArrowUp":
-          next = Math.min(max, current + 0.5);
-          event.preventDefault();
-          break;
-        case "ArrowLeft":
-        case "ArrowDown":
-          next = Math.max(0.5, current - 0.5);
-          event.preventDefault();
-          break;
-        case "Enter":
-        case " ":
-          event.preventDefault();
-          setSelectedRating(current);
-          onRate?.(current);
-          return;
-        default:
-          return;
-      }
-      setHoveredRating(next);
-    },
-    [hoveredRating, baseRating, max, onRate]
-  );
-  return /* @__PURE__ */ jsxs("div", { className: `inline-flex items-center gap-1 font-enad ${className}`, children: [
-    /* @__PURE__ */ jsx(
-      "div",
-      {
-        ref: containerRef,
-        className: "flex items-center gap-0.5",
-        role: "radiogroup",
-        "aria-label": `Rate from 1 to ${max} stars`,
-        onMouseLeave: () => setHoveredRating(null),
-        onKeyDown: handleKeyDown,
-        children: Array.from({ length: max }, (_, i) => /* @__PURE__ */ jsx(
-          "span",
-          {
-            className: `relative inline-flex ${iconSize} cursor-pointer transition-transform duration-150 motion-reduce:transition-none ${hoveredRating !== null && hoveredRating >= i + 0.5 ? "scale-110" : ""}`,
-            role: "radio",
-            "aria-checked": rating === i + 1 || rating === i + 0.5,
-            "aria-label": `${i + 1} star${i + 1 === 1 ? "" : "s"}`,
-            tabIndex: i === 0 ? 0 : -1,
-            onMouseMove: (e) => setHoveredRating(getHoverRating(e, i)),
-            onClick: (e) => {
-              const value = getHoverRating(e, i);
-              setSelectedRating(value);
-              onRate?.(value);
-            },
-            onKeyDown: handleKeyDown,
-            children: /* @__PURE__ */ jsx(
-              StarIcon_,
-              {
-                fillLevel: Math.max(0, Math.min(1, clampedRating - i)),
-                iconSize,
-                filledColor,
-                StarIcon,
-                StarFilledIcon
-              }
-            )
-          },
-          i
-        ))
-      }
-    ),
-    /* @__PURE__ */ jsx(RatingMeta, { showValue, clampedRating, reviewCount })
-  ] });
+function InteractiveStarRating({ rating, max, iconSize, filledColor, showValue, reviewCount, className, onRate }) {
+	const StarIcon = useIcon("star");
+	const StarFilledIcon = useIcon("starFilled");
+	const [hoveredRating, setHoveredRating] = useState(null);
+	const [selectedRating, setSelectedRating] = useState(null);
+	const containerRef = useRef(null);
+	const baseRating = selectedRating ?? rating;
+	const displayRating = hoveredRating !== null ? hoveredRating : baseRating;
+	const clampedRating = Math.max(0, Math.min(displayRating, max));
+	const handleKeyDown = useCallback((event) => {
+		const current = hoveredRating ?? baseRating;
+		let next = current;
+		switch (event.key) {
+			case "ArrowRight":
+			case "ArrowUp":
+				next = Math.min(max, current + .5);
+				event.preventDefault();
+				break;
+			case "ArrowLeft":
+			case "ArrowDown":
+				next = Math.max(.5, current - .5);
+				event.preventDefault();
+				break;
+			case "Enter":
+			case " ":
+				event.preventDefault();
+				setSelectedRating(current);
+				onRate?.(current);
+				return;
+			default: return;
+		}
+		setHoveredRating(next);
+	}, [
+		hoveredRating,
+		baseRating,
+		max,
+		onRate
+	]);
+	return /* @__PURE__ */ jsxs("div", {
+		className: `inline-flex items-center gap-1 font-enad ${className}`,
+		children: [/* @__PURE__ */ jsx("div", {
+			ref: containerRef,
+			className: "flex items-center gap-0.5",
+			role: "radiogroup",
+			"aria-label": `Rate from 1 to ${max} stars`,
+			onMouseLeave: () => setHoveredRating(null),
+			onKeyDown: handleKeyDown,
+			children: Array.from({ length: max }, (_, i) => /* @__PURE__ */ jsx("span", {
+				className: `relative inline-flex ${iconSize} cursor-pointer transition-transform duration-150 motion-reduce:transition-none ${hoveredRating !== null && hoveredRating >= i + .5 ? "scale-110" : ""}`,
+				role: "radio",
+				"aria-checked": rating === i + 1 || rating === i + .5,
+				"aria-label": `${i + 1} star${i + 1 === 1 ? "" : "s"}`,
+				tabIndex: i === 0 ? 0 : -1,
+				onMouseMove: (e) => setHoveredRating(getHoverRating(e, i)),
+				onClick: (e) => {
+					const value = getHoverRating(e, i);
+					setSelectedRating(value);
+					onRate?.(value);
+				},
+				onKeyDown: handleKeyDown,
+				children: /* @__PURE__ */ jsx(StarIcon_, {
+					fillLevel: Math.max(0, Math.min(1, clampedRating - i)),
+					iconSize,
+					filledColor,
+					StarIcon,
+					StarFilledIcon
+				})
+			}, i))
+		}), /* @__PURE__ */ jsx(RatingMeta, {
+			showValue,
+			clampedRating,
+			reviewCount
+		})]
+	});
 }
-function DisplayStarRating({
-  rating,
-  max,
-  iconSize,
-  filledColor,
-  showValue,
-  reviewCount,
-  className
-}) {
-  const StarIcon = useIcon("star");
-  const StarFilledIcon = useIcon("starFilled");
-  const clampedRating = Math.max(0, Math.min(rating, max));
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: `inline-flex items-center gap-1 font-enad ${className}`,
-      role: "img",
-      "aria-label": `${clampedRating} out of ${max} stars`,
-      children: [
-        /* @__PURE__ */ jsx("div", { className: "flex items-center gap-0.5", children: Array.from({ length: max }, (_, i) => /* @__PURE__ */ jsx("span", { className: `relative inline-flex ${iconSize}`, children: /* @__PURE__ */ jsx(
-          StarIcon_,
-          {
-            fillLevel: Math.max(0, Math.min(1, clampedRating - i)),
-            iconSize,
-            filledColor,
-            StarIcon,
-            StarFilledIcon
-          }
-        ) }, i)) }),
-        /* @__PURE__ */ jsx(RatingMeta, { showValue, clampedRating, reviewCount })
-      ]
-    }
-  );
+function DisplayStarRating({ rating, max, iconSize, filledColor, showValue, reviewCount, className }) {
+	const StarIcon = useIcon("star");
+	const StarFilledIcon = useIcon("starFilled");
+	const clampedRating = Math.max(0, Math.min(rating, max));
+	return /* @__PURE__ */ jsxs("div", {
+		className: `inline-flex items-center gap-1 font-enad ${className}`,
+		role: "img",
+		"aria-label": `${clampedRating} out of ${max} stars`,
+		children: [/* @__PURE__ */ jsx("div", {
+			className: "flex items-center gap-0.5",
+			children: Array.from({ length: max }, (_, i) => /* @__PURE__ */ jsx("span", {
+				className: `relative inline-flex ${iconSize}`,
+				children: /* @__PURE__ */ jsx(StarIcon_, {
+					fillLevel: Math.max(0, Math.min(1, clampedRating - i)),
+					iconSize,
+					filledColor,
+					StarIcon,
+					StarFilledIcon
+				})
+			}, i))
+		}), /* @__PURE__ */ jsx(RatingMeta, {
+			showValue,
+			clampedRating,
+			reviewCount
+		})]
+	});
 }
-function StarRating({
-  rating,
-  max = 5,
-  size = "md",
-  showValue = false,
-  reviewCount,
-  className = "",
-  filledClassName,
-  interactive = false,
-  onRate
-}) {
-  const iconSize = sizeMap[size];
-  const filledColor = filledClassName || "text-(--enad-star-color)";
-  if (interactive) {
-    return /* @__PURE__ */ jsx(
-      InteractiveStarRating,
-      {
-        rating,
-        max,
-        iconSize,
-        filledColor,
-        showValue,
-        reviewCount,
-        className,
-        onRate
-      }
-    );
-  }
-  return /* @__PURE__ */ jsx(
-    DisplayStarRating,
-    {
-      rating,
-      max,
-      iconSize,
-      filledColor,
-      showValue,
-      reviewCount,
-      className
-    }
-  );
+function StarRating({ rating, max = 5, size = "md", showValue = false, reviewCount, className = "", filledClassName, interactive = false, onRate }) {
+	const iconSize = sizeMap[size];
+	const filledColor = filledClassName || "text-(--enad-star-color)";
+	if (interactive) return /* @__PURE__ */ jsx(InteractiveStarRating, {
+		rating,
+		max,
+		iconSize,
+		filledColor,
+		showValue,
+		reviewCount,
+		className,
+		onRate
+	});
+	return /* @__PURE__ */ jsx(DisplayStarRating, {
+		rating,
+		max,
+		iconSize,
+		filledColor,
+		showValue,
+		reviewCount,
+		className
+	});
 }
-export {
-  StarRating
-};
+//#endregion
+export { StarRating };
+
 //# sourceMappingURL=star-rating.mjs.map

package/dist/client/storefront/components/star-rating.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/client/storefront/components/star-rating.tsx"],"sourcesContent":["\"use client\"\n\nimport { useCallback, useRef, useState } from \"react\"\nimport { useIcon } from \"../../icons/icon-context\"\n\nexport interface StarRatingProps {\n  rating: number\n  max?: number\n  size?: \"sm\" | \"md\" | \"lg\"\n  showValue?: boolean\n  reviewCount?: number\n  className?: string\n  filledClassName?: string\n  interactive?: boolean\n  onRate?: (rating: number) => void\n}\n\nconst sizeMap = {\n  sm: \"h-3.5 w-3.5\",\n  md: \"h-5 w-5\",\n  lg: \"h-6 w-6\",\n} as const\n\nfunction getHoverRating(\n  event: React.MouseEvent,\n  starIndex: number,\n): number {\n  const rect = (event.currentTarget as HTMLElement).getBoundingClientRect()\n  const x = event.clientX - rect.left\n  const isLeftHalf = x < rect.width / 2\n  return isLeftHalf ? starIndex + 0.5 : starIndex + 1\n}\n\nfunction RatingMeta({ showValue, clampedRating, reviewCount }: { showValue: boolean; clampedRating: number; reviewCount?: number }) {\n  return (\n    <>\n      {showValue && (\n        <span className=\"text-sm text-(--enad-text-primary-color) font-medium\">\n          {clampedRating.toFixed(1)}\n        </span>\n      )}\n      {reviewCount !== undefined && (\n        <span className=\"text-sm text-(--enad-text-muted-color)\">\n          ({reviewCount} {reviewCount === 1 ? \"review\" : \"reviews\"})\n        </span>\n      )}\n    </>\n  )\n}\n\n/* ─── Star rendering helper ─── */\n\nfunction StarIcon_({\n  fillLevel,\n  iconSize,\n  filledColor,\n  StarIcon,\n  StarFilledIcon,\n}: {\n  fillLevel: number\n  iconSize: string\n  filledColor: string\n  StarIcon: React.ComponentType<{ className?: string }>\n  StarFilledIcon: React.ComponentType<{ className?: string }>\n}) {\n  if (fillLevel >= 1) {\n    return (\n      <StarFilledIcon\n        className={`${iconSize} fill-current ${filledColor}`}\n      />\n    )\n  }\n\n  if (fillLevel > 0) {\n    return (\n      <>\n        <StarIcon\n          className={`absolute inset-0 ${iconSize} text-(--enad-text-muted-color)`}\n        />\n        <span\n          className=\"absolute inset-0 overflow-hidden\"\n          style={{ clipPath: `inset(0 ${(1 - fillLevel) * 100}% 0 0)` }}\n        >\n          <StarFilledIcon\n            className={`${iconSize} fill-current ${filledColor}`}\n          />\n        </span>\n      </>\n    )\n  }\n\n  return (\n    <StarIcon\n      className={`${iconSize} text-(--enad-text-muted-color)`}\n    />\n  )\n}\n\n/* ─── Interactive star rating ─── */\n\nfunction InteractiveStarRating({\n  rating,\n  max,\n  iconSize,\n  filledColor,\n  showValue,\n  reviewCount,\n  className,\n  onRate,\n}: {\n  rating: number\n  max: number\n  iconSize: string\n  filledColor: string\n  showValue: boolean\n  reviewCount?: number\n  className: string\n  onRate?: (rating: number) => void\n}) {\n  const StarIcon = useIcon(\"star\")\n  const StarFilledIcon = useIcon(\"starFilled\")\n  const [hoveredRating, setHoveredRating] = useState<number | null>(null)\n  const [selectedRating, setSelectedRating] = useState<number | null>(null)\n  const containerRef = useRef<HTMLDivElement>(null)\n\n  const baseRating = selectedRating ?? rating\n  const displayRating = hoveredRating !== null ? hoveredRating : baseRating\n  const clampedRating = Math.max(0, Math.min(displayRating, max))\n\n  const handleKeyDown = useCallback(\n    (event: React.KeyboardEvent) => {\n      const current = hoveredRating ?? baseRating\n      let next = current\n\n      switch (event.key) {\n        case \"ArrowRight\":\n        case \"ArrowUp\":\n          next = Math.min(max, current + 0.5)\n          event.preventDefault()\n          break\n        case \"ArrowLeft\":\n        case \"ArrowDown\":\n          next = Math.max(0.5, current - 0.5)\n          event.preventDefault()\n          break\n        case \"Enter\":\n        case \" \":\n          event.preventDefault()\n          setSelectedRating(current)\n          onRate?.(current)\n          return\n        default:\n          return\n      }\n\n      setHoveredRating(next)\n    },\n    [hoveredRating, baseRating, max, onRate],\n  )\n\n  return (\n    <div className={`inline-flex items-center gap-1 font-enad ${className}`}>\n      <div\n        ref={containerRef}\n        className=\"flex items-center gap-0.5\"\n        role=\"radiogroup\"\n        aria-label={`Rate from 1 to ${max} stars`}\n        onMouseLeave={() => setHoveredRating(null)}\n        onKeyDown={handleKeyDown}\n      >\n        {Array.from({ length: max }, (_, i) => (\n          <span\n            key={i}\n            className={`relative inline-flex ${iconSize} cursor-pointer transition-transform duration-150 motion-reduce:transition-none ${\n              hoveredRating !== null && hoveredRating >= i + 0.5\n                ? \"scale-110\"\n                : \"\"\n            }`}\n            role=\"radio\"\n            aria-checked={rating === i + 1 || rating === i + 0.5}\n            aria-label={`${i + 1} star${i + 1 === 1 ? \"\" : \"s\"}`}\n            tabIndex={i === 0 ? 0 : -1}\n            onMouseMove={(e) => setHoveredRating(getHoverRating(e, i))}\n            onClick={(e) => {\n              const value = getHoverRating(e, i)\n              setSelectedRating(value)\n              onRate?.(value)\n            }}\n            onKeyDown={handleKeyDown}\n          >\n            <StarIcon_\n              fillLevel={Math.max(0, Math.min(1, clampedRating - i))}\n              iconSize={iconSize}\n              filledColor={filledColor}\n              StarIcon={StarIcon}\n              StarFilledIcon={StarFilledIcon}\n            />\n          </span>\n        ))}\n      </div>\n\n      <RatingMeta showValue={showValue} clampedRating={clampedRating} reviewCount={reviewCount} />\n    </div>\n  )\n}\n\n/* ─── Display-only star rating ─── */\n\nfunction DisplayStarRating({\n  rating,\n  max,\n  iconSize,\n  filledColor,\n  showValue,\n  reviewCount,\n  className,\n}: {\n  rating: number\n  max: number\n  iconSize: string\n  filledColor: string\n  showValue: boolean\n  reviewCount?: number\n  className: string\n}) {\n  const StarIcon = useIcon(\"star\")\n  const StarFilledIcon = useIcon(\"starFilled\")\n  const clampedRating = Math.max(0, Math.min(rating, max))\n\n  return (\n    <div\n      className={`inline-flex items-center gap-1 font-enad ${className}`}\n      role=\"img\"\n      aria-label={`${clampedRating} out of ${max} stars`}\n    >\n      <div className=\"flex items-center gap-0.5\">\n        {Array.from({ length: max }, (_, i) => (\n          <span key={i} className={`relative inline-flex ${iconSize}`}>\n            <StarIcon_\n              fillLevel={Math.max(0, Math.min(1, clampedRating - i))}\n              iconSize={iconSize}\n              filledColor={filledColor}\n              StarIcon={StarIcon}\n              StarFilledIcon={StarFilledIcon}\n            />\n          </span>\n        ))}\n      </div>\n\n      <RatingMeta showValue={showValue} clampedRating={clampedRating} reviewCount={reviewCount} />\n    </div>\n  )\n}\n\n/* ─── Main component ─── */\n\nexport function StarRating({\n  rating,\n  max = 5,\n  size = \"md\",\n  showValue = false,\n  reviewCount,\n  className = \"\",\n  filledClassName,\n  interactive = false,\n  onRate,\n}: StarRatingProps) {\n  const iconSize = sizeMap[size]\n  const filledColor = filledClassName || \"text-(--enad-star-color)\"\n\n  if (interactive) {\n    return (\n      <InteractiveStarRating\n        rating={rating}\n        max={max}\n        iconSize={iconSize}\n        filledColor={filledColor}\n        showValue={showValue}\n        reviewCount={reviewCount}\n        className={className}\n        onRate={onRate}\n      />\n    )\n  }\n\n  return (\n    <DisplayStarRating\n      rating={rating}\n      max={max}\n      iconSize={iconSize}\n      filledColor={filledColor}\n      showValue={showValue}\n      reviewCount={reviewCount}\n      className={className}\n    />\n  )\n}\n"],"mappings":"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","names":[]}
+{"version":3,"file":"star-rating.mjs","names":[],"sources":["../../../../src/client/storefront/components/star-rating.tsx"],"sourcesContent":["\"use client\"\n\nimport { useCallback, useRef, useState } from \"react\"\nimport { useIcon } from \"../../icons/icon-context\"\n\nexport interface StarRatingProps {\n  rating: number\n  max?: number\n  size?: \"sm\" | \"md\" | \"lg\"\n  showValue?: boolean\n  reviewCount?: number\n  className?: string\n  filledClassName?: string\n  interactive?: boolean\n  onRate?: (rating: number) => void\n}\n\nconst sizeMap = {\n  sm: \"h-3.5 w-3.5\",\n  md: \"h-5 w-5\",\n  lg: \"h-6 w-6\",\n} as const\n\nfunction getHoverRating(\n  event: React.MouseEvent,\n  starIndex: number,\n): number {\n  const rect = (event.currentTarget as HTMLElement).getBoundingClientRect()\n  const x = event.clientX - rect.left\n  const isLeftHalf = x < rect.width / 2\n  return isLeftHalf ? starIndex + 0.5 : starIndex + 1\n}\n\nfunction RatingMeta({ showValue, clampedRating, reviewCount }: { showValue: boolean; clampedRating: number; reviewCount?: number }) {\n  return (\n    <>\n      {showValue && (\n        <span className=\"text-sm text-(--enad-text-primary-color) font-medium\">\n          {clampedRating.toFixed(1)}\n        </span>\n      )}\n      {reviewCount !== undefined && (\n        <span className=\"text-sm text-(--enad-text-muted-color)\">\n          ({reviewCount} {reviewCount === 1 ? \"review\" : \"reviews\"})\n        </span>\n      )}\n    </>\n  )\n}\n\n/* ─── Star rendering helper ─── */\n\nfunction StarIcon_({\n  fillLevel,\n  iconSize,\n  filledColor,\n  StarIcon,\n  StarFilledIcon,\n}: {\n  fillLevel: number\n  iconSize: string\n  filledColor: string\n  StarIcon: React.ComponentType<{ className?: string }>\n  StarFilledIcon: React.ComponentType<{ className?: string }>\n}) {\n  if (fillLevel >= 1) {\n    return (\n      <StarFilledIcon\n        className={`${iconSize} fill-current ${filledColor}`}\n      />\n    )\n  }\n\n  if (fillLevel > 0) {\n    return (\n      <>\n        <StarIcon\n          className={`absolute inset-0 ${iconSize} text-(--enad-text-muted-color)`}\n        />\n        <span\n          className=\"absolute inset-0 overflow-hidden\"\n          style={{ clipPath: `inset(0 ${(1 - fillLevel) * 100}% 0 0)` }}\n        >\n          <StarFilledIcon\n            className={`${iconSize} fill-current ${filledColor}`}\n          />\n        </span>\n      </>\n    )\n  }\n\n  return (\n    <StarIcon\n      className={`${iconSize} text-(--enad-text-muted-color)`}\n    />\n  )\n}\n\n/* ─── Interactive star rating ─── */\n\nfunction InteractiveStarRating({\n  rating,\n  max,\n  iconSize,\n  filledColor,\n  showValue,\n  reviewCount,\n  className,\n  onRate,\n}: {\n  rating: number\n  max: number\n  iconSize: string\n  filledColor: string\n  showValue: boolean\n  reviewCount?: number\n  className: string\n  onRate?: (rating: number) => void\n}) {\n  const StarIcon = useIcon(\"star\")\n  const StarFilledIcon = useIcon(\"starFilled\")\n  const [hoveredRating, setHoveredRating] = useState<number | null>(null)\n  const [selectedRating, setSelectedRating] = useState<number | null>(null)\n  const containerRef = useRef<HTMLDivElement>(null)\n\n  const baseRating = selectedRating ?? rating\n  const displayRating = hoveredRating !== null ? hoveredRating : baseRating\n  const clampedRating = Math.max(0, Math.min(displayRating, max))\n\n  const handleKeyDown = useCallback(\n    (event: React.KeyboardEvent) => {\n      const current = hoveredRating ?? baseRating\n      let next = current\n\n      switch (event.key) {\n        case \"ArrowRight\":\n        case \"ArrowUp\":\n          next = Math.min(max, current + 0.5)\n          event.preventDefault()\n          break\n        case \"ArrowLeft\":\n        case \"ArrowDown\":\n          next = Math.max(0.5, current - 0.5)\n          event.preventDefault()\n          break\n        case \"Enter\":\n        case \" \":\n          event.preventDefault()\n          setSelectedRating(current)\n          onRate?.(current)\n          return\n        default:\n          return\n      }\n\n      setHoveredRating(next)\n    },\n    [hoveredRating, baseRating, max, onRate],\n  )\n\n  return (\n    <div className={`inline-flex items-center gap-1 font-enad ${className}`}>\n      <div\n        ref={containerRef}\n        className=\"flex items-center gap-0.5\"\n        role=\"radiogroup\"\n        aria-label={`Rate from 1 to ${max} stars`}\n        onMouseLeave={() => setHoveredRating(null)}\n        onKeyDown={handleKeyDown}\n      >\n        {Array.from({ length: max }, (_, i) => (\n          <span\n            key={i}\n            className={`relative inline-flex ${iconSize} cursor-pointer transition-transform duration-150 motion-reduce:transition-none ${\n              hoveredRating !== null && hoveredRating >= i + 0.5\n                ? \"scale-110\"\n                : \"\"\n            }`}\n            role=\"radio\"\n            aria-checked={rating === i + 1 || rating === i + 0.5}\n            aria-label={`${i + 1} star${i + 1 === 1 ? \"\" : \"s\"}`}\n            tabIndex={i === 0 ? 0 : -1}\n            onMouseMove={(e) => setHoveredRating(getHoverRating(e, i))}\n            onClick={(e) => {\n              const value = getHoverRating(e, i)\n              setSelectedRating(value)\n              onRate?.(value)\n            }}\n            onKeyDown={handleKeyDown}\n          >\n            <StarIcon_\n              fillLevel={Math.max(0, Math.min(1, clampedRating - i))}\n              iconSize={iconSize}\n              filledColor={filledColor}\n              StarIcon={StarIcon}\n              StarFilledIcon={StarFilledIcon}\n            />\n          </span>\n        ))}\n      </div>\n\n      <RatingMeta showValue={showValue} clampedRating={clampedRating} reviewCount={reviewCount} />\n    </div>\n  )\n}\n\n/* ─── Display-only star rating ─── */\n\nfunction DisplayStarRating({\n  rating,\n  max,\n  iconSize,\n  filledColor,\n  showValue,\n  reviewCount,\n  className,\n}: {\n  rating: number\n  max: number\n  iconSize: string\n  filledColor: string\n  showValue: boolean\n  reviewCount?: number\n  className: string\n}) {\n  const StarIcon = useIcon(\"star\")\n  const StarFilledIcon = useIcon(\"starFilled\")\n  const clampedRating = Math.max(0, Math.min(rating, max))\n\n  return (\n    <div\n      className={`inline-flex items-center gap-1 font-enad ${className}`}\n      role=\"img\"\n      aria-label={`${clampedRating} out of ${max} stars`}\n    >\n      <div className=\"flex items-center gap-0.5\">\n        {Array.from({ length: max }, (_, i) => (\n          <span key={i} className={`relative inline-flex ${iconSize}`}>\n            <StarIcon_\n              fillLevel={Math.max(0, Math.min(1, clampedRating - i))}\n              iconSize={iconSize}\n              filledColor={filledColor}\n              StarIcon={StarIcon}\n              StarFilledIcon={StarFilledIcon}\n            />\n          </span>\n        ))}\n      </div>\n\n      <RatingMeta showValue={showValue} clampedRating={clampedRating} reviewCount={reviewCount} />\n    </div>\n  )\n}\n\n/* ─── Main component ─── */\n\nexport function StarRating({\n  rating,\n  max = 5,\n  size = \"md\",\n  showValue = false,\n  reviewCount,\n  className = \"\",\n  filledClassName,\n  interactive = false,\n  onRate,\n}: StarRatingProps) {\n  const iconSize = sizeMap[size]\n  const filledColor = filledClassName || \"text-(--enad-star-color)\"\n\n  if (interactive) {\n    return (\n      <InteractiveStarRating\n        rating={rating}\n        max={max}\n        iconSize={iconSize}\n        filledColor={filledColor}\n        showValue={showValue}\n        reviewCount={reviewCount}\n        className={className}\n        onRate={onRate}\n      />\n    )\n  }\n\n  return (\n    <DisplayStarRating\n      rating={rating}\n      max={max}\n      iconSize={iconSize}\n      filledColor={filledColor}\n      showValue={showValue}\n      reviewCount={reviewCount}\n      className={className}\n    />\n  )\n}\n"],"mappings":"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"}

package/dist/client/storefront/components/testimonial.d.ts

@@ -1,20 +1,38 @@
-import * as React from "react";
-export interface TestimonialProps {
-    quote: string;
-    name: string;
-    role?: string;
-    location?: string;
-    avatarUrl?: string;
-    avatarInitials?: string;
-    rating?: number;
-    className?: string;
+import * as React$1 from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/client/storefront/components/testimonial.d.ts
+interface TestimonialProps {
+  quote: string;
+  name: string;
+  role?: string;
+  location?: string;
+  avatarUrl?: string;
+  avatarInitials?: string;
+  rating?: number;
+  className?: string;
 }
-export interface TestimonialGridProps {
-    children: React.ReactNode;
-    /** Number of columns at lg breakpoint */
-    columns?: 2 | 3 | 4;
-    className?: string;
+interface TestimonialGridProps {
+  children: React$1.ReactNode;
+  /** Number of columns at lg breakpoint */
+  columns?: 2 | 3 | 4;
+  className?: string;
 }
-export declare function Testimonial({ quote, name, role, location, avatarUrl, avatarInitials, rating, className, }: TestimonialProps): import("react/jsx-runtime").JSX.Element;
-export declare function TestimonialGrid({ children, columns, className }: TestimonialGridProps): import("react/jsx-runtime").JSX.Element;
+declare function Testimonial({
+  quote,
+  name,
+  role,
+  location,
+  avatarUrl,
+  avatarInitials,
+  rating,
+  className
+}: TestimonialProps): react_jsx_runtime0.JSX.Element;
+declare function TestimonialGrid({
+  children,
+  columns,
+  className
+}: TestimonialGridProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { Testimonial, TestimonialGrid, TestimonialGridProps, TestimonialProps };
 //# sourceMappingURL=testimonial.d.ts.map

package/dist/client/storefront/components/testimonial.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"testimonial.d.ts","sourceRoot":"","sources":["../../../../src/client/storefront/components/testimonial.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,oBAAoB;IACnC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,yCAAyC;IACzC,OAAO,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAID,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,IAAI,EACJ,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,cAAc,EACd,MAAM,EACN,SAAS,GACV,EAAE,gBAAgB,2CAiClB;AAUD,wBAAgB,eAAe,CAAC,EAAE,QAAQ,EAAE,OAAW,EAAE,SAAS,EAAE,EAAE,oBAAoB,2CAQzF"}
+{"version":3,"file":"testimonial.d.ts","names":[],"sources":["../../../../src/client/storefront/components/testimonial.tsx"],"mappings":";;;;UAMiB,gBAAA;EACf,KAAA;EACA,IAAA;EACA,IAAA;EACA,QAAA;EACA,SAAA;EACA,cAAA;EACA,MAAA;EACA,SAAA;AAAA;AAAA,UAGe,oBAAA;EACf,QAAA,EAAU,OAAA,CAAM,SAAA;EANhB;EAQA,OAAA;EACA,SAAA;AAAA;AAAA,iBAKc,WAAA,CAAA;EACd,KAAA;EACA,IAAA;EACA,IAAA;EACA,QAAA;EACA,SAAA;EACA,cAAA;EACA,MAAA;EACA;AAAA,GACC,gBAAA,GAAgB,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBA2CH,eAAA,CAAA;EAAkB,QAAA;EAAU,OAAA;EAAa;AAAA,GAAa,oBAAA,GAAoB,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/client/storefront/components/testimonial.mjs

@@ -1,53 +1,64 @@
+import { cn } from "../../ui/utils.mjs";
+import { StarRating } from "./star-rating.mjs";
+import * as React$1 from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import * as React from "react";
-import { cn } from "../../ui/utils";
-import { StarRating } from "./star-rating";
-function Testimonial({
-  quote,
-  name,
-  role,
-  location,
-  avatarUrl,
-  avatarInitials,
-  rating,
-  className
-}) {
-  const attribution = [role, location].filter(Boolean).join(", ");
-  return /* @__PURE__ */ jsxs(
-    "figure",
-    {
-      className: cn(
-        "flex flex-col gap-4 rounded-(--enad-border-radius) border border-border bg-background p-6",
-        className
-      ),
-      children: [
-        rating !== void 0 && /* @__PURE__ */ jsx(StarRating, { rating, size: "sm" }),
-        /* @__PURE__ */ jsxs("blockquote", { className: "flex-1 text-sm leading-relaxed text-foreground", children: [
-          "\u201C",
-          quote,
-          "\u201D"
-        ] }),
-        /* @__PURE__ */ jsxs("figcaption", { className: "flex items-center gap-3", children: [
-          (avatarUrl || avatarInitials) && /* @__PURE__ */ jsx("div", { className: "flex size-10 shrink-0 items-center justify-center overflow-hidden rounded-full bg-muted text-sm font-medium text-muted-foreground", children: avatarUrl ? /* @__PURE__ */ jsx("img", { src: avatarUrl, alt: name, loading: "lazy", className: "size-full object-cover" }) : avatarInitials }),
-          /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
-            /* @__PURE__ */ jsx("span", { className: "text-sm font-medium font-enad", children: name }),
-            attribution && /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: attribution })
-          ] })
-        ] })
-      ]
-    }
-  );
+//#region src/client/storefront/components/testimonial.tsx
+function Testimonial({ quote, name, role, location, avatarUrl, avatarInitials, rating, className }) {
+	const attribution = [role, location].filter(Boolean).join(", ");
+	return /* @__PURE__ */ jsxs("figure", {
+		className: cn("flex flex-col gap-4 rounded-(--enad-border-radius) border border-border bg-background p-6", className),
+		children: [
+			rating !== void 0 && /* @__PURE__ */ jsx(StarRating, {
+				rating,
+				size: "sm"
+			}),
+			/* @__PURE__ */ jsxs("blockquote", {
+				className: "flex-1 text-sm leading-relaxed text-foreground",
+				children: [
+					"“",
+					quote,
+					"”"
+				]
+			}),
+			/* @__PURE__ */ jsxs("figcaption", {
+				className: "flex items-center gap-3",
+				children: [(avatarUrl || avatarInitials) && /* @__PURE__ */ jsx("div", {
+					className: "flex size-10 shrink-0 items-center justify-center overflow-hidden rounded-full bg-muted text-sm font-medium text-muted-foreground",
+					children: avatarUrl ? /* @__PURE__ */ jsx("img", {
+						src: avatarUrl,
+						alt: name,
+						loading: "lazy",
+						className: "size-full object-cover"
+					}) : avatarInitials
+				}), /* @__PURE__ */ jsxs("div", {
+					className: "flex flex-col",
+					children: [/* @__PURE__ */ jsx("span", {
+						className: "text-sm font-medium font-enad",
+						children: name
+					}), attribution && /* @__PURE__ */ jsx("span", {
+						className: "text-xs text-muted-foreground",
+						children: attribution
+					})]
+				})]
+			})
+		]
+	});
 }
 const columnClasses = {
-  2: "sm:columns-2",
-  3: "sm:columns-2 lg:columns-3",
-  4: "sm:columns-2 lg:columns-3 xl:columns-4"
+	2: "sm:columns-2",
+	3: "sm:columns-2 lg:columns-3",
+	4: "sm:columns-2 lg:columns-3 xl:columns-4"
 };
 function TestimonialGrid({ children, columns = 3, className }) {
-  return /* @__PURE__ */ jsx("div", { className: cn("columns-1 gap-4 space-y-4", columnClasses[columns], className), children: React.Children.map(children, (child) => /* @__PURE__ */ jsx("div", { className: "break-inside-avoid", children: child })) });
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("columns-1 gap-4 space-y-4", columnClasses[columns], className),
+		children: React$1.Children.map(children, (child) => /* @__PURE__ */ jsx("div", {
+			className: "break-inside-avoid",
+			children: child
+		}))
+	});
 }
-export {
-  Testimonial,
-  TestimonialGrid
-};
+//#endregion
+export { Testimonial, TestimonialGrid };
+
 //# sourceMappingURL=testimonial.mjs.map