@motor-hero/ui-kit 0.51.1 → 0.52.0

package/dist/components/rating.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"rating.d.ts","sourceRoot":"","sources":["../../src/components/rating.tsx"],"names":[],"mappings":"AAYA,MAAM,WAAW,WAAW;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB;AAQD,wBAAgB,MAAM,CAAC,EACrB,KAAS,EACT,QAAQ,EACR,QAAgB,EAChB,IAAW,EACX,SAAS,EACT,YAAY,EAAE,SAAS,GACxB,EAAE,WAAW,+BAgEb"}
+{"version":3,"file":"rating.d.ts","sourceRoot":"","sources":["../../src/components/rating.tsx"],"names":[],"mappings":"AAYA,MAAM,WAAW,WAAW;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB;AAWD,wBAAgB,MAAM,CAAC,EACrB,KAAS,EACT,QAAQ,EACR,QAAgB,EAChB,IAAW,EACX,SAAS,EACT,YAAY,EAAE,SAAS,GACxB,EAAE,WAAW,+BA8Eb"}

package/dist/index.cjs

@@ -687,8 +687,9 @@ var sizeClasses2 = {
   md: "h-5 w-5",
   lg: "h-6 w-6"
 };
+var formatNote = (value) => value.toLocaleString("pt-BR", { maximumFractionDigits: 1 });
 function defaultLabel(value) {
-  return value > 0 ? `Avalia\xE7\xE3o: ${value} de ${MAX_STARS} estrelas` : "Avalia\xE7\xE3o: sem nota";
+  return value > 0 ? `Nota ${formatNote(value)} de ${MAX_STARS}` : "Avalia\xE7\xE3o: sem nota";
 }
 function Rating({
   value = 0,
@@ -707,17 +708,35 @@ function Rating({
         role: "img",
         "aria-label": label,
         className: cn("inline-flex items-center gap-0.5", className),
-        children: Array.from({ length: MAX_STARS }, (_, index) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-          import_lucide_react5.Star,
-          {
-            "aria-hidden": true,
-            className: cn(
-              sizeClasses2[size],
-              index < clamped ? "fill-amber-400 text-amber-400" : "text-muted-foreground"
+        children: Array.from({ length: MAX_STARS }, (_, index) => {
+          const fill = Math.min(1, Math.max(0, clamped - index));
+          return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("span", { className: "relative inline-flex", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+              import_lucide_react5.Star,
+              {
+                "aria-hidden": true,
+                className: cn(sizeClasses2[size], "text-muted-foreground")
+              }
+            ),
+            fill > 0 && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+              "span",
+              {
+                className: "absolute inset-y-0 left-0 overflow-hidden",
+                style: { width: `${fill * 100}%` },
+                children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+                  import_lucide_react5.Star,
+                  {
+                    "aria-hidden": true,
+                    className: cn(
+                      sizeClasses2[size],
+                      "max-w-none fill-amber-400 text-amber-400"
+                    )
+                  }
+                )
+              }
             )
-          },
-          index
-        ))
+          ] }, index);
+        })
       }
     );
   }